@extends('layouts.app')
@push('styles')
<link href="{{ asset('css/banner.css') }}" rel="stylesheet">
<link href="{{ asset('css/monitor_new.css') }}" 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 monitor-banner'>
            <source src="{{ asset('img/monitor/作業環境監測.mp4') }}" type=" video/mp4">
            您的瀏覽器不支援 HTML5 影片。
        </video>
        <div class="banner-text">
            <span class="line"></span>
            作業環境監測
        </div>
    </div>
</div>


@switch($edit)
@case('yes')
@php
$monitorData = ["fid" => $fid, "kind" => $kind, "wid" => $wid, "mid" => $mid, "page" => $page ?? ""];
@endphp
@break

@case('view')
@php
$monitorData = ["fid" => $fid, "kind" => $kind, "fcId" => $fcId, "wid" => $wid, "page" => $page ?? ""];
@endphp
@break

@default
@php
$monitorData = ["fid" => $fid, "kind" => $kind, "page" => $page ?? ""];
@endphp
@endswitch

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

    @if ($edit == 'no')
    <div class='mt-3 alert'>
        <div class='d-flex justify-content-between align-items-center'>
            <span class="alert-title">法規小提醒：</span>
            <button class='btn btn-expand'>收合</button>
        </div>
        <div class='alert-line'></div>
        <div class='pl-5 alert-content'>
            依據勞工作業環境監測實施辦法<br>
            第10條規定，雇主於實施監測<span class="w-red">15日前</span>，應將監測計畫依中央主管機關公告之網路登錄系統及格式，實施通報。<br>
            第12條規定，雇主應於採樣或測定後<span class="w-red">45日內</span>完成監測結果報告，通報至中央主管機關指定之資訊系統。<br>
            第12條之1規定略以，以直讀式儀器方式監測二氧化碳濃度者，其監測計畫及監測結果報告，免依規定辦理通報。<br>
        </div>
    </div>
    @endif

    <div id="app">

        @switch($edit)
        @case('yes')
        <monitor-sheet-edit
            data-fid="{{ $monitorData['fid'] }}"
            data-kind="{{ $monitorData['kind'] }}"
            data-wid="{{ $monitorData['wid'] ?? '' }}"
            data-mid="{{ $monitorData['mid'] ?? '' }}"
            data-page="{{ $monitorData['page'] ?? '' }}"></monitor-sheet-edit>
        @break

        @case('view')
        <monitor-sheet-view
            data-fid="{{ $monitorData['fid'] }}"
            data-kind="{{ $monitorData['kind'] }}"
            data-fc-id="{{ $monitorData['fcId'] ?? '' }}"
            data-wid="{{ $monitorData['wid'] ?? '' }}"
            data-page="{{ $monitorData['page'] ?? '' }}"></monitor-sheet-view>
        @break

        @default
        <monitor-work-place-sheet
            data-fid="{{ $monitorData['fid'] }}"
            data-page="{{ $monitorData['page'] ?? '' }}"></monitor-work-place-sheet>
        @endswitch

    </div>

</div>
@endsection

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

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


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