@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')

@if ($edit == 'no')
<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>
@endif


@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')



    <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-sheet
            data-fid="{{ $monitorData['fid'] }}"
            data-page="{{ $monitorData['page'] ?? '' }}"></monitor-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