@extends('layouts.app')
@push('styles')
<link href="{{ asset('css/machine.css') }}" rel="stylesheet">
@endpush
@section('content')
    <div class='w-100 bg-white'>
        <img src="{{ asset('img/machine/checkitems.svg') }}" class='w-100'>
    </div>
    @if (isset($machine_id))
    <script>
        window.data={!!json_encode(["machine_id"=>$machine_id,"type"=>$type])!!};
    </script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js" defer></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" defer></script>
    @endif

    <div class='container-fluid'>
        @include('user_manage_banner')
        
        <div id=app>
            @if (isset($machine_id))
            <!-- turn back -->
            <div class='row mt-3'>
                <a href="{{ asset('/machine/checkitems') }}" class='btn-return text-decoration-none ml-3'>
                    <i class="fas fa-arrow-left"></i>
                    回上一頁
                </a>
            </div>
            <factory-checkitems-edit></factory-checkitems-edit>
            @else
            <factory-checkitems></factory-checkitems>
            @endif
        </div>
    </div>
@endsection

@section('instruct-modal')
{{-- @foreach(File::glob(public_path('storage/instruct/checkitems').'/*') as $path)
<span data-src="{{ str_replace(public_path(), '', $path) }}"></span>
@endforeach --}}
    @foreach(File::glob(public_path('storage/instruct/checkitems').'/*') as $path)
    @php
        $filename = basename($path);
        $url = asset('storage/instruct/checkitems/' . $filename) . '?d=' . date('Ym');
    @endphp

    <span data-src="{{ $url }}"></span>
@endforeach
@endsection