@extends('layouts.app')
@push('styles')
<link href="{{ asset('css/banner.css') }}" rel="stylesheet">
<link href="{{ asset('css/machine_new.css?t=20231228') }}" rel="stylesheet">
@endpush
@section('content')
<div class='row d-flex justify-content-center'>
    <div class='w-97 banner-content'>
        <video autoplay muted loop playsinline class='video-banner machine-banner'>
            <source src="{{ asset('img/machine/機械設備自動檢查_小.mp4') }}" type=" video/mp4">
            您的瀏覽器不支援 HTML5 影片。
        </video>
        <div class="banner-text">
            <span class="line"></span>
            機械設備自動檢查-年檢查
        </div>
    </div>
</div>

<div class='container-fluid w-95'>
    @include('user_manage_banner')



    <!-- form -->
    <div class='tab-content white-bg mb-3'>
        <div class='card mb-3 js-paginated-list' id='machine-card'>

            <div class='mt-3 align-items-center justify-content-center table-header'>
                <span class='font-weight-bold'>篩選條件</span>

                <div>
                    <div class='select flex-grow-1'>
                        <select class='col-select'>
                            <option selected disabled>請選擇</option>
                            <option value="0">編號</option>
                            <option value="1">類別</option>
                            <option value="2">機械設備</option>
                            <option value="3">機械設備名稱</option>
                            <option value="4">最後檢查時間</option>
                            <option value="5">下次檢查時間</option>
                            <option value="6">狀態</option>
                        </select>
                    </div>
                </div>

                <div class='select w-25'>
                    <input type="search" class="table-search">
                    <i class="fa fa-search"></i>
                </div>

                <div class="table-pagination">
                    <button type="button" class="page-btn page-prev" aria-label="上一頁">
                        <i class="fa fa-chevron-left"></i>
                    </button>

                    <input type="text" class="page-state" value="1 / 1" readonly aria-label="目前頁數">

                    <button type="button" class="page-btn page-next" aria-label="下一頁">
                        <i class="fa fa-chevron-right"></i>
                    </button>
                </div>
            </div>

            <div class='card-body'>
                <div class='card inner-card mt-2'>
                    <div class='card-body'>
                        <div class="table-responsive">
                            <table class='mach-tbl w-100'>
                                <thead>
                                    <tr class='sub-label text-white'>
                                        <th class="text-right">編號</th>
                                        <th class="text-left pl-5">類別</th>
                                        <th class="text-left">機械設備</th>
                                        <th class="text-left">機械設備名稱</th>
                                        <th class="text-left">最後檢查時間</th>
                                        <th class="text-left">下次檢查時間</th>
                                        <th class="text-center">狀態</th>
                                        <th class="text-center">新增檢查</th>
                                        <th class="text-center">查看資訊</th>
                                    </tr>
                                </thead>
                                <tbody class='table-o table-year'>
                                    @foreach($machines as $m)
                                    @if ($m->year)
                                    <tr>
                                        <td class="text-right">{{ str_pad($loop->index+1, 3, "0", STR_PAD_LEFT) }}</td>
                                        <td>
                                            <span
                                                class='type-{{ $m->type_id }}'>{{ $m->type->typename }}</span>
                                        </td>
                                        <td class="text-left">{{ $m->name }}</td>
                                        <td class="text-left">{{ $m->custom_name }}</td>
                                        <td class="text-left">{{ $m->year_last_created ? $m->year_last_created : "尚未有資料請盡快補齊" }}
                                        </td>
                                        <td class="text-left">{{ $m->year_next_created ? $m->year_next_created : "尚未有資料請盡快補齊" }}
                                        </td>
                                        <td class="text-center">
                                            @if ($m->pass == true &&
                                            Carbon\Carbon::now()->lt(Carbon\Carbon::parse($m->year_next_created)->addDay(1)))
                                            <span class='text-success'>合格</span>
                                            @elseif ($m->year_last_created == null)
                                            <span class='text-danger'>未檢查</span>
                                            @elseif(Carbon\Carbon::now()->gt(Carbon\Carbon::parse($m->year_next_created)->addDay(1)))
                                            <span class='text-danger'>逾期</span>
                                            @else
                                            <span class='text-danger'>不合格</span>
                                            @endif
                                        </td>
                                        <td class="text-center">
                                            <a href="{{ url('/machine/add/year/'.$m->id) }}">
                                                <img src="{{ asset('img/machine/Icon_add.png') }}" class="machine-add-icon">
                                            </a>
                                        </td>
                                        <td class="text-center">
                                            <a href="{{ url('/machine/view/'.$m->id) }}">
                                                <img src="{{ asset('img/machine/Icon_view.png') }}" class="machine-view-icon">
                                            </a>
                                        </td>
                                    </tr>
                                    @endif
                                    @endforeach
                                </tbody>
                            </table>
                        </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
        $filename = basename($path);
        $url = asset('storage/instruct/machine/' . $filename) . '?d=' . date('Ym');
    @endphp

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

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