@extends('layouts.app')
@push('styles')
<link href="{{ asset('css/machine_new.css') }}" rel="stylesheet">
<link href="{{ asset('css/machine_add.css?v=2026072803') }}" rel="stylesheet">
@endpush
@section('content')


<div class='container-fluid w-98-5'>
    <!-- turn back -->
    <div class='row mt-3'>
        <a href="{{ url()->previous() }}" class='btn-return text-decoration-none ml-3'>
            <i class="fa fa-reply"></i>
            返回
        </a>
    </div>

    <div class='row'>
        <div class='col-lg-12'>
            <form id='form' data-type="add">
                <div class='card' id='machine-card'>
                    <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> <span class="type-{{ $mach->type_id }}">{{ mb_substr($mach->typename, -6, 6, 'utf-8') }}</span></span>
                                        <span><b>機械設備名稱：</b> {{ $mach->custom_name ? $mach->custom_name : '--' }} </span>
                                    </li>
                                    <li>
                                        <span><b>表別：</b> <span class='type'>年檢查</span></span>
                                        <span><b>新增日期：</b> {{ now()->format('Y-m-d') }} </span>
                                        <span><b>最後編輯日期：</b> -- </span>
                                    </li>
                                    <li>
                                        <input type="hidden" value="{{ $mach->id }}" name="fa_ma_id">
                                        <input type="hidden" value="{{ now()->add(365, 'day')->format('Y-m-d') }}" name="next_created">
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class='card inner-card mb-4'>
                            <div class='card-body ml-5 machine-check-list'>
                                <dl>
                                    <dt class="machine-date-row">
                                        <b class='required'>檢查日期： </b><input type="date" name="examdate" required>
                                    </dt>
                                    <dt>
                                        <b class="machine-check-title">雇主對{{ $mach->name }}每年依下列規定定期實施檢查一次： </b>
                                    </dt>
                                    <dt>
                                        <ol class='zh-ol ml-4'>
                                            @foreach ($items as $it)
                                            <li>
                                                <span>{{ $it->itemname }}</span>
                                                <label><input type="radio" name="item_{{ $it->id }}" value='1'>有異常</label>
                                                <label><input type="radio" name="item_{{ $it->id }}" value='0' checked>無異常</label>
                                            </li>
                                            @endforeach
                                        </ol>
                                    </dt>
                                    <dt>
                                        <b class='required'>其他項目是否合格： </b>
                                        <label><input type="radio" name="pass" value='1' checked>是</label>
                                        <label><input type="radio" name="pass" value='0'>否</label>
                                    </dt>
                                    <dt class="rule-check-row">
                                        <a href="#" data-toggle="tooltip" data-html="true" data-placement="bottom" class='required rule-tooltip'
                                            title="職業安全衛生管理辦法第 80 條<br>
                                              雇主依第十三條至第四十九條規定實施之定期檢查、重點檢查應就下列事項記錄，並保存三年：<br>
                                              一、檢查年月日。<br> 二、檢查方法。<br> 三、檢查部分。<br> 四、檢查結果。<br> 五、實施檢查者之姓名。<br> 六、依檢查結果應採取改善措施之內容。<br>">
                                            上傳檔案內容是否符合職業安全衛生管理辦法第80條之規定
                                        </a>
                                        <div class="radio-row">
                                            <label><input type="radio" value="1" name="rule_check" checked>是</label>
                                            <label><input type="radio" value="0" name="rule_check">否</label>
                                        </div>
                                    </dt>
                                    <dt>
                                        <div>檔案上傳</div>
                                        <div class='input-field text-center'>
                                            <label>
                                                <img width=60px src="{{ asset('img/Icon_upload.png') }}">
                                                <span class='upload-word'>請將檔案拖曳至此</span>
                                                <span> 或</span>
                                                <input type="file" class="input-files" name="file"
                                                    accept=".pdf,.jpg,.jpeg,.png,.gif,.webp,image/jpeg,image/png,image/gif,image/webp,application/pdf">
                                                <span class='btn btn-upload'>上傳</span>
                                            </label>
                                            <ol class='uploaded d-flex justify-content-around flex-wrap' data-delete=""></ol>
                                            <ol class='files d-flex justify-content-around flex-wrap'></ol>
                                        </div>
                                    </dt>
                                </dl>
                            </div>
                        </div>

                    </div>
                </div>
                <div class='d-flex justify-content-center mb-3'>
                    <button type="submit" class='btn submit'>儲存</button>
                </div>
            </form>
        </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
$relativePath = Str::after($path, public_path()) . "?" . date("YM");
@endphp
<span data-src="{{ asset($relativePath) }}"></span>
@endforeach
@endsection

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