@extends('layouts.work')

@section('title', '輔導案例 - 經濟部產業發展署工業安全網站')

@section('styles')
    <link href="{{ asset('css/counseling.css') }}?d=20250407" rel="stylesheet">
@endsection

@section('content')
<div class='container-fluid'>
    <!-- <div class='row'>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="/">首頁</a></li>
                <li class="breadcrumb-item"><a href="/counselingdownloads">輔導案例</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ $title }}</li>
            </ol>
        </nav>
    </div>
    
    <div class='row'>
        <h2>
            <picture>
                <source srcset="{{ asset('img/course/counseling_banner.jpg') }}" media="(max-width: 992px)">
                <img src="{{ asset('img/course/counseling_banner.jpg') }}" alt="輔導案例" title="輔導案例" style="width:100%;">
            </picture>
        </h2>
    </div> -->

    <div class="link-event">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mt-2">
                <li class="breadcrumb-item"><a class="dynamic-link" href="/" title="首頁">首頁</a></li>
                <li class="breadcrumb-item"><a class="dynamic-link" href="/counselingdownloads" title="輔導案例">輔導案例</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ $title }}</li>
            </ol>
        </nav>
    </div>

    <div class='row'>
        <h2>
            <picture>
                <source srcset="{{ asset('img/course/手機版banner_輔導案例點鎮化.svg') }}" media="(max-width: 992px)">
                <img src="{{ asset('img/course/counseling_banner.jpg') }}" alt="輔導案例" title="輔導案例" style="width:100%;">
            </picture>
        </h2>
    </div>

    <div class="titlelink">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb m-0">
                <li class="breadcrumb-item"><a class="dynamic-link" href="/" title="首頁">首頁</a></li>
                <li class="breadcrumb-item"><a class="dynamic-link" href="/counselingdownloads" title="輔導案例">輔導案例</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ $title }}</li>
            </ol>
        </nav>
    </div>

    <div class="detail1">
        <div class='row d-flex justify-content-center my-3'>
            <div class='col-10'>
                <div class='card main-card detail-card'>
                    <div class='card-header text-center'><h3 class='font-weight-bold m-0'>{{ $title }}</h3></div>
                    <div class='card-body'>
                        <div class='table-container d-flex justify-content-center align-items-center'>
                            <table 
                                    summary="此表格為輔導案例的詳細內容表，第一直欄為發布日期，第二直欄為標題名稱，第三直欄為詳情資訊。" 
                                    style="width: 100%"
                                    class='detail-table'>
                                <caption class='sr-only'>產業發展署輔導案例詳細內容</caption>
                                <thead class='text-center'>
                                    <tr>
                                        <th scope="col">發布日期</th>
                                        <th scope="col" style="width: 55%">標題名稱</th>
                                        <th scope="col">詳情資訊</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($datas as $row)
                                        <tr class="td_event2">
                                            <td scope="row">{{ $row->created_at ? explode(" ", $row->created_at)[0] : "" }}</td>
                                            <td>{{ $row->detail_title }}</td>
                                            <td class="text-center">
                                                @if ($row->attach_type == 0)
                                                    <a href="{{ $row->link }}" title="前往影片連結，{{ $row->linkname }}" class='btn btn-video'>觀看影片</a>
                                                @elseif ($row->attach_type == 1)
                                                    <!-- <a href="/storage/{{ $row->filepath }}" title="打開附件，{{ $row->filerealname }}" class='btn btn-file'>瀏覽附件</a> -->
                                                    <a href="javascript:void(0)" onclick="downloadfile( '{{ $row->filepath }}', '{{ $row->filerealname }}' )" title="下載附件，{{ $row->filerealname }}" class='btn btn-file'>下載附件</a>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="detail2">
        <div class='row d-flex justify-content-center my-3'>
            <div class='col-12'>
                <div class='card main-card detail-card'>
                    <div class='card-header text-center'><h3 class='font-weight-bold m-0'>{{ $title }}</h3></div>
                        <div class='card-body'>
                            <table 
                                    summary="此表格為講義下載的詳細內容表，第一直欄為發布日期，第二直欄為標題名稱，第三直欄為詳情資訊。" 
                                    style="width: 100%"
                                    class='pdetail-table'>
                                    {{-- main-table --}}
                                <caption class='sr-only'>產業發展署講義下載詳細內容</caption>
                                <tbody>
                                    @foreach($datas as $row)
                                        <tr class="td_event2">
                                            <td scope="row">{{ $row->created_at ? explode(" ", $row->created_at)[0] : "" }}</td>
                                            <td>
                                            @if ($row->attach_type == 0)
                                                <a href="{{ $row->link }}" title="前往影片連結，{{ $row->linkname }}" class='btn btn-video2'>觀看影片</a>
                                            @elseif ($row->attach_type == 1)
                                                <!-- <a href="/storage/{{ $row->filepath }}" title="打開附件，{{ $row->filerealname }}" class='btn btn-file'>瀏覽附件</a> -->
                                                <a href="javascript:void(0)" onclick="downloadfile( '{{ $row->filepath }}', '{{ $row->filerealname }}' )" title="下載附件，{{ $row->filerealname }}" class='btn btn-file2'>下載附件</a>
                                            @endif
                                            </td>
                                            <td>{{ $row->detail_title }}</td>
                                        </tr>
                                    @endforeach
                                    
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class='row text-center mb-2'>
        <a class="dynamic-link" href="/counselingdownloads" title="回上一頁"><img src="{{ asset('/img/活動招生/經濟部產業發展署元件_button_回上一頁.png') }}" class="btn-goback" alt="回上一頁"></a>
    </div>
    
    <noscript>
        <div class='text-center'>
            <p>此網頁需要支援 JavaScript 才能正確運行，請先至你的瀏覽器設定中開啟 JavaScript。</p>
        </div>
    </noscript>
</div>
@endsection
@section('script')
<script src="{{ asset('js/coursedl.js') }}"></script>
@endsection