@extends('layouts.app')
@push('styles')
<link href="{{ asset('css/machine_new.css?t=20231228') }}" rel="stylesheet">
<link href="{{ asset('css/machine_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="../" 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 mach-h1'>
                    <div class='col-12 text-center w-100 mb-4'>
                        <h1>{{ $mach->name }}</h1>
                    </div>
                </div>

                <div class='row sub-h1 d-flex mb-3'>
                    <div class='col-12 position-relative d-flex justify-content-center align-items-center view-header flex-wrap'>

                        <div>
                            <ul class='exam-items nav mb-2'>
                                <li class="nav-item">
                                    <a href="#year" data-toggle="tab" class="nav-link active">年檢查</a>
                                </li>
                                <li class="nav-item">
                                    <a href="#month" data-toggle="tab" class="nav-link">月檢查</a>
                                </li>
                            </ul>
                        </div>

                        <div class='ml-5'>
                            年份 &nbsp;
                            <span class='select'>
                                @if ($mach->year)
                                <select class='year-switch year' {{ !app('request')->input('type') ? "" : "hidden" }}>
                                    <option value="all" selected>全部</option>
                                    @foreach ($years as $year)
                                    <option value="{{ $year }}">{{ $year }} 年</option>
                                    @endforeach
                                </select>
                                @endif
                                @if ($mach->month)
                                <select class='year-switch month' {{ app('request')->input('type') === "month" ? "" : "hidden" }}>
                                    <option value="all" selected>全部</option>
                                    @foreach ($monthYears as $year)
                                    <option value="{{ $year->year }}">{{ $year->year }} 年</option>
                                    @endforeach
                                </select>
                                @endif
                            </span>
                        </div>

                        <div class='ml-5'>
                            @if ($mach->year)
                            <a href="{{ url('/machine/add/year/'.$mach->id) }}"
                                class="add_sheet year text-white text-decoration-none mr-3"
                                {{ !app('request')->input('type') ? "" : "hidden" }}>
                                <img src="{{ asset('img/machine/icon_add.png') }}" width="60" class="machine-add-icon">
                                新增年檢查
                            </a>
                            @endif
                            @if ($mach->month)
                            <a href="{{ url('/machine/add/month/'.$mach->id.'?type=month') }}"
                                class="add_sheet month text-white text-decoration-none mr-3"
                                {{ app('request')->input('type') === "month" ? "" : "hidden" }}>
                                <img src="{{ asset('img/machine/icon_add.png') }}" width="60" class="machine-add-icon">
                                新增月檢查
                            </a>
                            @endif
                            @if ($file->realname)
                            <a href="#"
                                data-mid="{{$file->machine_id}}"
                                data-fname="{{$file->filename}}"
                                data-rname="{{$file->realname}}"
                                data-type="year"
                                class="text-white text-decoration-none mr-3 download_example year"
                                {{ !app('request')->input('type') ? "" : "hidden" }}
                                title="下載年檢查範例">
                                <img src="{{ asset('img/machine/download.png') }}" width="55" class="machine-download-icon">
                                下載範例
                            </a>
                            @endif
                            @if ($file->realname_month)
                            <a href="#"
                                data-mid="{{ $file->machine_id }}"
                                data-fname="{{ $file->filename_month }}"
                                data-rname="{{ $file->realname_month }}"
                                data-type="month"
                                class='text-white text-decoration-none mr-3 download_example month'
                                {{ app('request')->input('type') === "month" ? "" : "hidden" }}
                                title="下載月檢查範例">
                                <img src="{{ asset('img/machine/download.png') }}" width="55" class="machine-download-icon">
                                下載範例
                            </a>
                            @endif
                        </div>
                    </div>
                </div>

                <div>
                    <div class='mb-3'>
                        <div class='tab-content'>
                            <div class='tab-pane fade show active' id="year">
                                @foreach ($years as $year)
                                <section data-year="{{ $year }}">
                                    <div class='col-12 yearly-sheets white-bg mb-3'>
                                        <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'>

                                                <table class='mach-table w-100'>
                                                    <thead>
                                                        <tr class='sub-label'>
                                                            <th class="text-left">機械設備名稱</th>
                                                            <th>檢查日期</th>
                                                            <th>新增日期</th>
                                                            <th>是否合格</th>
                                                            <th>修改</th>
                                                            <th>檢視</th>
                                                        </tr>
                                                    </thead>

                                                    <tbody>
                                                        @foreach ($rows as $r)
                                                        @if (Carbon\Carbon::parse($r->examdate)->format('Y') == $year)
                                                        <tr>
                                                            <td class="text-left">{{ $mach->custom_name }}</td>
                                                            <td>{{ $r->examdate }}</td>
                                                            <td>{{ $r->created_at->format('Y-m-d') }}</td>

                                                            <td class="{{ $r->ispass ? 'state-green' : 'state-red' }}">
                                                                {{ $r->ispass ? '合格' : '不合格' }}
                                                            </td>

                                                            <td>
                                                                <a href="{{ url('/machine/update/year/'.$r->id) }}" class="icon-edit">
                                                                    <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                                                                </a>
                                                            </td>

                                                            <td>
                                                                <a href="{{ url('/machine/update/year/'.$r->id.'?view=readonly') }}">
                                                                    <img src="{{ asset('img/health/Icon_view.png') }}" class="icon-view">
                                                                </a>
                                                            </td>
                                                        </tr>
                                                        @endif
                                                        @endforeach
                                                    </tbody>
                                                </table>

                                            </div>
                                        </div>
                                    </div>
                                </section>
                                @endforeach
                            </div>
                            <div class='tab-pane fade' id="month">
                                @foreach ($months as $k => $year)
                                @if ($k == 0 || $months[$k - 1]->year != $year->year)
                                <section data-year="{{ $year->year }}">
                                    <div class='col-12 yearly-sheets white-bg mb-3'>
                                        <div class='row my-4'>
                                            <div class='col-12 text-left'>
                                                <h3 class='year-title'>{{ $year->year }} 年</h3>
                                                <div class="title-line"></div>
                                            </div>
                                        </div>




                                        <div class='row'>
                                            <div class='col-12'>

                                                <table class='mach-table w-100'>
                                                    <thead>
                                                        <tr class='sub-label'>
                                                            <th class="text-left">機械設備名稱</th>
                                                            <th>檢查日期</th>
                                                            <th>新增日期</th>
                                                            <th>是否合格</th>
                                                            <th>修改</th>
                                                            <th>檢視</th>
                                                        </tr>
                                                    </thead>

                                                    <tbody>
                                                        @foreach ($m_dbs as $r)
                                                        @if (Carbon\Carbon::parse($r->examdate)->format('Y') == $year->year)
                                                        <tr>
                                                            <td class="text-left">{{ $mach->custom_name }}</td>
                                                            <td>{{ $r->examdate }}</td>
                                                            <td>{{ $r->created_at->format('Y-m-d') }}</td>

                                                            <td class="{{ $r->ispass ? 'state-green' : 'state-red' }}">
                                                                {{ $r->ispass ? '合格' : '不合格' }}
                                                            </td>

                                                            <td>
                                                                <a href="{{ url('/machine/update/month/'.$r->id.'?type=month') }}" class="icon-edit">
                                                                    <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                                                                </a>
                                                            </td>

                                                            <td>
                                                                <a href="{{ url('/machine/update/month/'.$r->id.'?type=month&view=readonly') }}">
                                                                    <img src="{{ asset('img/health/Icon_view.png') }}" class="icon-view">
                                                                </a>
                                                            </td>
                                                        </tr>
                                                        @endif
                                                        @endforeach
                                                    </tbody>
                                                </table>

                                            </div>
                                        </div>

                                    </div>
                                </section>
                                @endif
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </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
$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=2026061501') }}" type="module"></script>
@endsection