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

    <machine-view></machine-view>

</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