@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'>
    <!-- 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 action="post" id='form' data-type="update">
                <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->memberid }} </span>
                                        <span><b>員工姓名：</b> {{ $row->name_zh }} </span>
                                    </li>
                                    <li>
                                        <span><b>特別危害健康作業：</b> {{ $row->harms }} </span>
                                        <input type='hidden' name="harms" value="{{ $row->harms }}">
                                        <span><b>填寫日期：</b> {{ explode(" ", $row->created_at)[0] }} </span>
                                        <span><b>最後編輯日期：</b> {{ explode(" ", $row->updated_at)[0] }} </span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class='card inner-card mb-4'>
                            <div class='card-body health-item 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>
                                                <label><input type="radio" name="{{ 'answer_'.$d->id }}" data-ans="{{ $d->id }}" value='1' required>有異常</label>
                                                <label><input type="radio" name="{{ 'answer_'.$d->id }}" data-ans="{{ $d->id }}" value='0'>無異常</label>
                                            </li>
                                            @endforeach
                                        </ol>
                                        @endforeach
                                    </li>
                                    @endforeach
                                </ol> -->
                            </div>
                        </div>

                    </div>
                </div>
                <div class='d-flex justify-content-center my-4'>
                    <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_read.js') }}" type="module"></script>
    <script src="{{ asset('js/health_submit.js') }}" type="module"></script>
    @endsection