@extends('layouts.work')

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

@section('styles')
    <link href="{{ asset('css/applies.css') }}" rel="stylesheet">
    <link href="{{ asset('css/sm_applies.css') }}" rel="stylesheet">
@endsection

@section('content')
{{-- 網頁版 --}}
<div class='position-relative'>
    <div class='row ml-1'>
        <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="/">首頁</a></li>
            <li class="breadcrumb-item active" aria-current="page">輔導申請</li>
        </ol>
        </nav>
    </div>
    <a href="#C" class='sr-only-main' accesskey="C" name="C" title="主要內容區塊" style="z-index: 5;">:::</a>
    <h2><img src="{{ asset('img/申請輔導/網頁版_輔導申請.svg') }}" alt="輔導申請" title="輔導申請" id="h2-title"></h2>

    <div class='bg-rainbow container-fluid'>
        <div class='row d-flex text-center'>
            <div class="list col-lg-4 pr-lg-0 pl-lg-0">
                <h3 class='font-weight-bold text-white mt-5 mt-lg-0'>
                    <img src="{{ asset('img/申請輔導/網頁版__產業降災技術輔導.svg') }}" alt="產業降災技術輔導" title="產業降災技術輔導">
                    <span>產業降災技術輔導</span>
                    {{-- <a data-bs-toggle="collapse" href="#multiCollapseExample1" role="button" aria-expanded="false" aria-controls="multi1 multi2" onclick="return false;">產業降災技術輔導</a> --}}
                </h3>

                <div class='box'>
                    <h4 class='title bg-green'>
                        (一)相關業務
                    </h4>
                    <div class="text-block color-1">
                        <p>1. 法規符合度診斷輔導</p>
                        <p>2. 進階改善技術輔導</p>
                    </div>
                    <p>
                        <a href="#" onclick="dl('applies_form_113.pdf', '附件一、113年產業降災技術輔導申請表')" title="申請表下載">
                            <img src="{{ asset('img/經濟部產業發展署元件_Icon_PDF_綠色.svg') }}" style="width:40px;" alt="" aria-hidden="true" id='pdf'>
                            申請表下載(點我下載)
                        </a>
                    </p>
                </div>

                <div class='box'>
                    <h4 class='title bg-green'>
                        (二)聯絡窗口
                    </h4>
                    <div class="text-block text-center color-1">
                        <p>詹工程師</p>
                        <p>02-27069896 分機 26</p>
                    </div>
                </div>
            </div>
            <div class="list col-lg-4 pr-lg-0 pl-lg-0">
                <!-- <h3 class='font-weight-bold text-white'>風險管理技術輔導</h3> -->
                <h3 class='font-weight-bold text-white mt-5 mt-lg-0'>
                    <img src="{{ asset('img/申請輔導/網頁版_風險管理技術輔導.svg') }}" alt="風險管理技術輔導" title="風險管理技術輔導">
                    <span>風險管理技術輔導</span>
                </h3>

                <div class='box'>
                    <h4 class='title bg-yellow'>
                        (一)相關業務
                    </h4>
                    <div class="text-block text-center color-2">
                        <p>職業安全衛生管理系統進階技術輔導</p>
                        <p>即日起至 2024/02/07</p>
                    </div>
                    <p>
                        <a href="#" onclick="dl('applies_brochure_113.pdf', '113年度職業安全衛生管理系統技術輔導申請簡章及附件')" title="報名簡章下載">下載報名簡章 (點我下載)</a>
                    </p>
                </div>

                <div class='box'>
                    <h4 class='title bg-yellow'>
                        (二)聯絡窗口
                    </h4>
                    <div class="text-block text-center color-2">
                        <p>廖工程師</p>
                        <p>02-27069896 分機 32</p>
                    </div>
                </div>
            </div>
            <div class="list col-lg-4 pr-lg-0 pl-lg-0">
                <!-- <h3 class='font-weight-bold text-white'>訓練宣導及成果推廣</h3> -->
                <h3 class='font-weight-bold text-white mt-5 mt-lg-0'>
                    <img src="{{ asset('img/申請輔導/網頁版_訓練宣導及成果推廣-09.svg') }}" alt="訓練宣導及成果推廣" title="訓練宣導及成果推廣">
                    <span>訓練宣導及成果推廣</span>
                </h3>

                <div class='box'>
                    <h4 class='title bg-blue'>
                        (一)相關業務
                    </h4>
                    <div class="text-block color-3">
                        <p>1. 風險技術訓練</p>
                        <p>2. 產業安全衛生宣導</p>
                        <p>3. 輔導成果發表</p>
                    </div>
                </div>

                <div class='box'>
                    <h4 class='title bg-blue'>
                        (二)外部連結
                    </h4>
                    <div class="text-block text-center color-3">
                        <p>活動不定期推出，</p>
                        <p>詳見本網站首頁訊息，</p>
                        <p>亦可參考活動報報連接網站。</p>
                    </div>
                </div>
            </div>
        </div>
        
    </div>
</div>

{{-- 手機板 --}}
<div class='sm_position-relative'>
    <img src="{{ asset('img/申請輔導/手機版_輔導申請.svg') }}" alt="輔導申請" title="輔導申請" id="h2-title">
    <a href="#C" class='sr-only-main' accesskey="C" name="C" title="主要內容區塊" style="z-index: 5;">:::</a>
    <div class='row ml-1'>
        <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="/">首頁</a></li>
            <li class="breadcrumb-item active" aria-current="page">輔導申請</li>
        </ol>
        </nav>
    </div>

    <div class='bg-rainbow container-fluid'>
        <div class='row d-flex text-center'>
            <div class="list col-lg-4 p-0">
                <button class="btn btn-link-Dark p-0 w-100" type="button" id="test1" onclick="donexx(10)"
                    data-toggle="collapse"
                    data-target="#event"
                    aria-expanded="false"
                    aria-controls="menu" aria-label="產業降災技術輔導" value="產業降災技術輔導">
                    <h3 class='font-weight-bold text-whit font_sm p-0'>
                        <img src="{{ asset('img/申請輔導/手機版_產業降災技術輔導.svg') }}" alt="產業降災技術輔導" title="產業降災技術輔導">
                        <span>產業降災技術輔導</span>                    
                    </h3>
                </button>

                <h3 class='font-weight-bold text-whit font_sm p-0' id="test1_show" style="display: none;">
                    <img src="{{ asset('img/申請輔導/手機版_產業降災技術輔導展開.svg') }}" alt="產業降災技術輔導" title="產業降災技術輔導">
                    <span>產業降災技術輔導</span>                    
                </h3>

                <div class="collapse" id="event">
                    <div class='box'>
                        <h4 class='title bg-green'>
                            (一)相關業務
                        </h4>
                        <div class="text-block color-1">
                            <p>1. 法規符合度診斷輔導</p>
                            <p>2. 進階改善技術輔導</p>
                        </div>
                        <p>
                            <a href="#" onclick="dl('applies_form_113.pdf', '附件一、113年產業降災技術輔導申請表')" title="申請表下載">
                                <img src="{{ asset('img/經濟部產業發展署元件_Icon_PDF_綠色.svg') }}" style="width:40px;" alt="" aria-hidden="true" id='pdf'>
                                申請表下載(點我下載)
                            </a>
                        </p>
                    </div>
                    <br>
                    <div class='box'>
                        <h4 class='title bg-green'>
                            (二)聯絡窗口
                        </h4>
                        <div class="text-block text-center color-1">
                            <p>詹工程師</p>
                            <p>02-27069896 分機 26</p>
                        </div>
                    </div>
                    
                    <button class="btn btn-link-Dark" type="button" onclick="donexx(11)"
                        data-toggle="collapse"
                        data-target="#event"
                        aria-expanded="false"
                        aria-controls="menu" aria-label="產業降災技術輔導" value="產業降災技術輔導">
                        <i>
                            <svg xmlns="https://www.w3.org/2000/svg" width="2em" height="2em" fill="#33b989" class="bi bi-chevron-double-up" viewBox="0 0 16 16" alt="產業降災技術輔導">
                                <path fill-rule="evenodd" d="M7.646 2.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 3.707 2.354 9.354a.5.5 0 1 1-.708-.708l6-6z"/>
                                <path fill-rule="evenodd" d="M7.646 6.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 7.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/>
                            </svg>
                        </i>
                    </button>
                </div>
            </div>

            <div class="list col-lg-4 p-0">
                <!-- <h3 class='font-weight-bold text-white'>風險管理技術輔導</h3> -->
                <button class="btn btn-link-Dark p-0 w-100" type="button" id="test2" onclick="donexx(20)"
                    data-toggle="collapse"
                    data-target="#event2"
                    aria-expanded="false"
                    aria-controls="menu" aria-label="風險管理技術輔導"  value="風險管理技術輔導">
                    <h3 class='font-weight-bold text-whit font_sm p-0'>
                        <img src="{{ asset('img/申請輔導/手機版_風險管理技術輔導.svg') }}" alt="風險管理技術輔導" title="風險管理技術輔導">
                        <span>風險管理技術輔導</span>
                    </h3>
                </button>

                <h3 class='font-weight-bold text-whit font_sm p-0' id="test2_show" style="display: none;">
                    <img src="{{ asset('img/申請輔導/手機版_風險管理技術輔導展開.svg') }}" alt="風險管理技術輔導" title="風險管理技術輔導">
                    <span>風險管理技術輔導</span>
                </h3>

                <div class="collapse" id="event2">
                    <div class='box'>
                        <h4 class='title bg-yellow'>
                            (一)相關業務
                        </h4>
                        <div class="text-block text-center color-2">
                            <p>職業安全衛生管理系統技術輔導</p>
                            <p>即日起至 2023/03/31</p>
                        </div>
                        <p>
                            <a href="#" onclick="dl('applies_brochure.pdf', '112年產業發展署_風險管理技術輔導申請簡章及附件')" title="報名簡章下載">下載報名簡章 (點我下載)</a>
                        </p>
                    </div>
                    <br>
                    <div class='box'>
                        <h4 class='title bg-yellow'>
                            (二)聯絡窗口
                        </h4>
                        <div class="text-block text-center color-2">
                            <p>楊總工程師</p>
                            <p>02-27069896 分機 55</p>
                        </div>
                    </div>

                    <button class="btn btn-link-Dark" type="button" onclick="donexx(21)"
                    data-toggle="collapse"
                    data-target="#event2"
                    aria-expanded="false"
                    aria-controls="menu" aria-label="風險管理技術輔導" value="風險管理技術輔導">
                        <svg xmlns="https://www.w3.org/2000/svg" width="2em" height="2em" fill="#33b989" class="bi bi-chevron-double-up" viewBox="0 0 16 16" alt="風險管理技術輔導">
                            <path fill-rule="evenodd" d="M7.646 2.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 3.707 2.354 9.354a.5.5 0 1 1-.708-.708l6-6z"/>
                            <path fill-rule="evenodd" d="M7.646 6.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 7.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/>
                        </svg>
                    </button>
                </div>
            </div>

            <div class="list col-lg-4 p-0">
                <button class="btn btn-link-Dark p-0 w-100" type="button" id="test3" onclick="donexx(30)"
                    data-toggle="collapse"
                    data-target="#event3"
                    aria-expanded="false"
                    aria-controls="menu" aria-label="訓練宣導及成果推廣" value="訓練宣導及成果推廣">
                    <h3 class='font-weight-bold text-whit font_sm p-0'>
                        <img src="{{ asset('img/申請輔導/手機版_訓練宣導及成果推廣.svg') }}" alt="訓練宣導及成果推廣" title="訓練宣導及成果推廣">
                        <span>訓練宣導及成果推廣</span>
                    </h3>
                </button>

                <h3 class='font-weight-bold text-whit font_sm p-0' id="test3_show" style="display: none;">
                    <img src="{{ asset('img/申請輔導/手機版_訓練宣導及成果推廣展開.svg') }}" alt="訓練宣導及成果推廣" title="訓練宣導及成果推廣">
                    <span>訓練宣導及成果推廣</span>
                </h3>

                <div class="collapse" id="event3">
                    <div class='box'>
                        <h4 class='title bg-blue'>
                            (一)相關業務
                        </h4>
                        <div class="text-block color-3">
                            <p>1. 風險技術訓練</p>
                            <p>2. 產業安全衛生宣導</p>
                            <p>3. 輔導成果發表</p>
                        </div>
                    </div>
                    <br>
                    <div class='box'>
                        <h4 class='title bg-blue'>
                            (二)外部連結
                        </h4>
                        <div class="text-block text-center color-3">
                            <p>活動不定期推出，</p>
                            <p>詳見本網站首頁訊息，</p>
                            <p>亦可參考活動報報連接網站。</p>
                        </div>
                    </div>

                    <button class="btn btn-link-Dark" type="button" onclick="donexx(31)"
                    data-toggle="collapse"
                    data-target="#event3"
                    aria-expanded="false"
                    aria-controls="menu" aria-label="訓練宣導及成果推廣" value="訓練宣導及成果推廣">
                        <svg xmlns="https://www.w3.org/2000/svg" width="2em" height="2em" fill="#33b989" class="bi bi-chevron-double-up" viewBox="0 0 16 16" alt="訓練宣導及成果推廣">
                            <path fill-rule="evenodd" d="M7.646 2.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 3.707 2.354 9.354a.5.5 0 1 1-.708-.708l6-6z"/>
                            <path fill-rule="evenodd" d="M7.646 6.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 7.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/>
                        </svg>
                    </button>
                </div>
            </div>
        </div>
        
    </div>
       
</div>
@endsection
@section('script')
<script>
    function dl (path, fname)
    {
        const url  = location.protocol+'//'+location.hostname+(location.port ? ':'+location.port: '')+'/storage/applies/'+ path;
        const link = document.createElement('a');
        link.href = url;
        link.setAttribute('download', fname);
        document.body.appendChild(link);
        link.click();
    }
    function donexx(event){
        if(event == 10){
            document.getElementById('test1').style.display = "none";
            document.getElementById('test1_show').style.display = "inline";
        }else if( event == 11){
            document.getElementById('test1').style.display = "inline";
            document.getElementById('test1_show').style.display = "none";
        }else if( event == 20){
            document.getElementById('test2').style.display = "none";
            document.getElementById('test2_show').style.display = "inline";
        }else if( event == 21){
            document.getElementById('test2').style.display = "inline";
            document.getElementById('test2_show').style.display = "none";
        }else if( event == 30){
            document.getElementById('test3').style.display = "none";
            document.getElementById('test3_show').style.display = "inline";
        }else if( event == 31){
            document.getElementById('test3').style.display = "inline";
            document.getElementById('test3_show').style.display = "none";
        }
        
    }
</script>
@endsection