@extends('layouts.app')
@push('styles')
<link href="{{ asset('css/banner.css') }}" rel="stylesheet">
<link href="{{ asset('css/license_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'>
            <source src="{{ asset('img/license/人員證照與教育訓練_小.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>
        <div class="tab-content white-bg mb-3">
            <div class="tab-pane fade show active" id="pills-license">
                <div class='card license_card mb-3' data-global-search>
                    <div class='mt-3 align-items-center table-header'>
                        <!-- <span class='font-weight-bold'>篩選條件</span> -->
                        <div class='select w-25'>
                            <input type="search" class="table-search" placeholder="">
                            <i class="fa fa-search"></i>
                        </div>
                    </div>
                    <div class='card-body'>
                        <div class='card inner-card mt-2'>
                            <div class='card-body'>
                                <table class='lice-tbl w-100'>
                                    <thead>
                                        <tr class='sub-label'>
                                            <th class="text-right pr-2">編號</th>
                                            <th class="text-left pl-2">員工姓名</th>
                                            <th class="text-left pl-2">即將到期證照名稱</th>
                                            <th class="text-center">有效日期</th>
                                            <th class="text-center">累積時數</th>
                                            <th class="text-center">查看詳情</th>
                                        </tr>
                                    </thead>
                                    <tbody class='table-o'>
                                        @foreach ($employees as $e)
                                        <tr>
                                            <td class="text-right pr-2">{{ $e->memberid }}</td>
                                            <td class="text-left pl-2">{{ $e->name_zh }}</td>
                                            <td class="text-left pl-2">{{ $e->training->name ?? "尚未有資料請盡快補齊" }}</td>
                                            <td class="text-center">{{ $e->training ? $e->training->t1 . " ~ " . $e->training->t2 : "--" }}</td>
                                            <td class="text-center">{{ $e->training ? $e->training->sum : "--" }}</td>
                                            <td class="text-center">
                                                <a href="{{ url('/training/'.$e->id) }}" class='expired__alerm__link'>
                                                    <img src="{{ asset('img/license/Icon_training.svg') }}" class="icon-training">
                                                    <!-- @if ( $e->training && $e->training->num )
                                                        <span class='expired__alerm'>{{ $e->training->num }}</span>
                                                        @endif -->
                                                </a>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

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

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

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