@extends('layouts.app')
@push('styles')
<link href="{{ asset('css/health_new.css') }}" rel="stylesheet">
<link href="{{ asset('css/health_add.css') }}" 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-12'>
            <form action="post" id='form' data-type="add">
                <div class='card' id='health-card'>
                    <div class='card-body'>
                        <div class='card inner-card mb-4'>
                            <div class='card-body'>
                                <ul>
                                    <li>
                                        <span><b>員工編號：</b> {{ $row[0]->memberid }} </span>
                                        <span><b>員工姓名：</b> {{ $row[0]->name_zh }} </span>

                                    </li>
                                    <li>
                                        <span><b>特別危害健康作業：</b> {{ $harm }} </span>
                                        <input type='hidden' name="harms" value="{{ $harm }}">
                                        <span><b>填寫日期：</b> {{ now()->format('Y-m-d') }} </span>
                                        <span><b>最後編輯日期：</b> -- </span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class='card inner-card mb-4'>
                            <div class='card-body ml-5'>
                                <b>健檢日期： </b><input type="date" name="exam_date" required>
                                <ol class='zh-ol'>
                                    @foreach($harms as $chem => $items)
                                    <li>
                                        {{ $chem }}
                                        @foreach($items as $item => $descriptions)
                                        <ol>
                                            {{ $item }}
                                            @foreach($descriptions as $d)
                                            <li class='details'>
                                                <span>{{ $d->description }}</span>
                                            </li>
                                            @endforeach
                                        </ol>
                                        @endforeach
                                    </li>
                                    @endforeach
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
                <div class='d-flex justify-content-center mb-3'>
                    <button class='btn submit'>儲存</button>
                </div>
            </form>
        </div>
    </div>
    @endsection

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

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

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