@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/Banner.svg') }}" class='w-100'>
    </div>
    @if (isset($fa_ma_id))
        <script>
            window.data = {!! json_encode(['fa_ma_id' => $fa_ma_id, 'type' => $type, 'fa_ma_exam_id' => $fa_ma_exam_id]) !!};
        </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'>

        <div id=app>
            <!-- turn back -->
            <div class='row mt-3'>
                <a href="javascript:history.back()" class='btn-return text-decoration-none ml-3'>
                    <i class="fa fa-long-arrow-left"></i>
                    回上一頁
                </a>
            </div>

            <div class='row mt-3'>
                <div class='col-12'>
                    <form id='form' data-type="update">
                        <div class='card' id='machine-card' style="background: #C8C6F8;">
                            <div class='card-body'>
                                <div class='card inner-card mb-4'>
                                    <div class='card-body'>
                                        <ul>
                                            <li>
                                                <span><b>名稱：</b> {{ $mach->name }}</span>
                                                <span><b>類別：</b> {{ mb_substr($mach->typename, 0, 2, 'utf-8') }}</span>
                                                <span><b>新增日期：</b> {{ $time->created_at->format('Y-m-d') }}</span>
                                                <span><b>最後編輯日期：</b> {{ $time->updated_at->format('Y-m-d') }}</span>
                                            </li>
                                            <li>
                                                <span><b>機械設備名稱：</b> {{ $mach->custom_name ? $mach->custom_name : '--' }}
                                                </span>
                                                <span><b>表別：</b> <span class='type'>年檢查</span></span>
                                            </li>
                                            <li>
                                                <input type="hidden" value="" name="id">
                                                <input type="hidden" value="" name="fa_ma_id">
                                                <input type="hidden" value="" name="next_created">
                                                <input type="hidden" value="yes" id="newPaper">
                                                <input type="hidden" value="1" name="pass">
                                            </li>
                                        </ul>
                                    </div>
                                </div>

                                <factory-checkitems-paper-up></factory-checkitems-paper-up>

                                <div class='card inner-card'>
                                    <div class='card-body d-flex justify-content-around align-items-center'>
                                        <div class='input-file'>
                                            <input type="file" id="input-file" name="file" accept=".pdf, image/*">
                                            <label for="input-file"><img
                                                    src="{{ asset('img/health/Button_uploads.svg') }}"></label>
                                        </div>
                                        <span>點擊上傳圖片即可上傳 <br> 檔案建議尺寸：5MB 內 <br> 圖片不得超過 1000px * 1000px <br> <span
                                                class='text-danger'>注意：您還沒上傳任何檔案</span></span>
                                        <div class='uploaded'>
                                            <div class='title'>已上傳檔案</div>
                                            <div class='content'></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class='d-flex justify-content-center my-4'>
                            <button type="submit" class='submit'>儲存</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

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

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

@section('scripts')
    <script src="{{ asset('js/machine.js?v=202306301105') }}" type="module"></script>
    <script src="{{ asset('js/machine_read.js') }}" type="module"></script>
@endsection