@extends('layouts.app')
@push('styles')
<link href="{{ asset('css/home-applies.css') }}" rel="stylesheet">
@endpush
@section('content')
<div class='w-100 bg-white'>
    <img src="{{ asset('img/事業單位基本資料_元件_Banner_基線清查.svg') }}" class='w-100'>
</div>

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

    <div class='row mt-4'>

        <!-- sidebar -->
        <div class='col-lg-3'>
            <div class='card' id='applies-sidebar'>

                <!-- sidebar header -->
                <div class='card-header text-center'>
                    <h2 class='font-weight-bold'>基線清查</h2>
                </div>

                <div class='card-body'>
                    <ul class='side-nav flex-column list-unstyled'>
                        <li>
                            <div class='cards-bg'>
                                <div class='card-content'>
                                    <div class='card-contenttop'>
                                        <img src="{{ asset('img/applies/Icon_1.png') }}" alt="logo" width="60">
                                        <h3>事業單位基本資料</h3>
                                    </div>
                                    <hr>
                                    <ul class='card-contentbottom'>
                                        <li>
                                            <span>總項目</span>
                                            <span data-num>{{ $dashboards[0] }}</span>
                                            <span>項</span>
                                        </li>
                                        <li>
                                            <span>未填寫</span>
                                            <span class='{{ $dashboards[1] > 0 ? "text-danger" : "" }}' data-num>{{ $dashboards[1] }}</span>
                                            <span>項</span>
                                        </li>
                                    </ul>
                                </div>
                                <div class='footer'>
                                    <a href="#pag1">查看更多<i class="fa fa-arrow-circle-right ml-2"></i></a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class='cards-bg'>
                                <div class='card-content'>
                                    <div class='card-contenttop'>
                                        <img src="{{ asset('img/applies/Icon_3.svg') }}" alt="logo" width="60">
                                        <h3>作業場所、化學品</h3>
                                    </div>
                                    <hr>
                                    <ul class='card-contentbottom'>
                                        <li>
                                            <span>總項目</span>
                                            <span data-num>{{ $dashboards[5] }}</span>
                                            <span>項</span>
                                        </li>
                                        <li>
                                            <span>作業場所</span>
                                            <span data-num>{{ $dashboards[6] }}</span>
                                            <span>項</span>
                                        </li>
                                        <li>
                                            <span>化學品</span>
                                            <span data-num>{{ $dashboards[7] }}</span>
                                            <span>項</span>
                                        </li>
                                    </ul>
                                </div>
                                <div class='footer'>
                                    <a href="#pag3">查看更多<i class="fa fa-arrow-circle-right ml-2"></i></a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class='cards-bg'>
                                <div class='card-content'>
                                    <div class='card-contenttop'>
                                        <img src="{{ asset('img/applies/Icon_4.png') }}" alt="logo" width="60">
                                        <h3>機械設備</h3>
                                    </div>
                                    <hr>
                                    <ul class='card-contentbottom'>
                                        <li>
                                            <span>危險性機械</span>
                                            <span data-num>{{ $dashboards[8] }}</span>
                                            <span>項</span>
                                        </li>
                                        <li>
                                            <span>危險性設備</span>
                                            <span data-num>{{ $dashboards[9] }}</span>
                                            <span>項</span>
                                        </li>
                                        <li>
                                            <span>特殊作業機械</span>
                                            <span data-num>{{ $dashboards[10] }}</span>
                                            <span>項</span>
                                        </li>
                                        <li>
                                            <span>特殊作業設備</span>
                                            <span data-num>{{ $dashboards[11] }}</span>
                                            <span>項</span>
                                        </li>
                                    </ul>
                                </div>
                                <div class='footer'>
                                    <a href="#pag4">查看更多<i class="fa fa-arrow-circle-right ml-2"></i></a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class='cards-bg'>
                                <div class='card-content'>
                                    <div class='card-contenttop'>
                                        <img src="{{ asset('img/applies/Icon_2.svg') }}" alt="logo" width="60">
                                        <h3>員工資料</h3>
                                    </div>
                                    <hr>
                                    <ul class='card-contentbottom'>
                                        <li>
                                            <span>總人數</span>
                                            <span data-num>{{ $dashboards[2] }}</span>
                                            <span>人</span>
                                        </li>
                                        <li>
                                            <span>男性員工</span>
                                            <span data-num>{{ $dashboards[3] }}</span>
                                            <span>人</span>
                                        </li>
                                        <li>
                                            <span>女性員工</span>
                                            <span data-num>{{ $dashboards[4] }}</span>
                                            <span>人</span>
                                        </li>
                                    </ul>
                                </div>
                                <div class='footer'>
                                    <a href="#pag2">查看更多<i class="fa fa-arrow-circle-right ml-2"></i></a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class='col-lg-9'>
            <div class='card' id="applies-form">
                <div class='card-body'>
                    @yield('general_contents')
                </div>
            </div>
        </div>
    </div>
</div>
@endsection