@extends('layouts.app')

@push('styles')
<link href="{{ asset('css/health_new.css?t=20231228') }}" rel="stylesheet">
<link href="{{ asset('css/health_view.css?t=20231228') }}" 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 p-3'>
        <div class='col-lg-12'>
            <div class="view-content mt-3">

                <div class='row heal-h1'>
                    <div class='col-12 text-center w-100 mb-4'>
                        <h1>{{ $member->name_zh }}</h1>
                    </div>
                </div>

                <div class="row sub-h1 d-flex justify-content-center view-header align-items-center mb-3">
                    <div>
                        年份 &nbsp;
                        <span class='select'>
                            <select id="selectedyear">
                                <option value="all" selected>全部</option>
                                @foreach ($years as $year)
                                <option value="{{ $year }}">{{ $year }}</option>
                                @endforeach
                            </select>
                        </span>
                    </div>

                    <a href="{{ url('health/add/'. $member->id) }}">
                        <img src="{{  asset('img/health/Icon_add.png') }}" class="health-add-icon" />
                        新增健檢
                    </a>
                </div>

                <div class='row mb-4'>
                    @foreach ($years as $year)
                    <div class='col-12 yearly-sheets white-bg mb-3' data-year="{{ $year }}">

                        <div class='row my-4'>
                            <div class='col-12 text-left'>
                                <h3 class='year-title'>{{ $year }} 年</h3>
                                <div class='title-line'></div>
                            </div>
                        </div>

                        <!-- sheets -->
                        <div class='row'>
                            <div class='col-12 mb-3'>
                                <table class='heal-table table-ex w-95'>
                                    <thead>
                                        <tr class='sub-label'>
                                            <td class="text-left">健檢日期</td>
                                            <td>作業類別</td>
                                            <!-- <td>是否異常</td> -->
                                            <td>修改</td>
                                            <td>檢視</td>
                                            <td>刪除</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($sheets as $s)
                                        @if (Carbon\Carbon::parse($s->exam_date)->format('Y') == $year)
                                        <tr>
                                            <td>{{ $s->exam_date }}</td>
                                            <td>{{ $s->harms }}</td>
                                            <!-- <td class='{{ $s->result == 0 ? "" : "text-danger" }}'>{{ $s->result == 0 ? '否' : '是' }}
                                                    </td> -->
                                            <td>
                                                <a href="{{ url('/health/update/'.$s->employee_id.'/'. $s->id) }}" class='icon-edit'>
                                                    <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                                                </a>
                                            </td>
                                            <td>
                                                <a href="{{ url('/health/readonly/'.$s->employee_id.'/'. $s->id) }}"
                                                    class='btn-view'>
                                                    <img src="{{  asset('img/health/Icon_view.png') }}" class="icon-view" />
                                                </a>
                                            </td>
                                            <td>
                                                <button class='btn icon-remove' data-id="{{ $s->id }}">
                                                    <i class="fa fa-trash-o" aria-hidden="true"></i>
                                                </button>
                                            </td>
                                        </tr>
                                        @endif
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </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