@extends('layouts.content')
@section('body_content')
    <main>
        <header class="page-header page-header-dark bg-gradient-primary-to-secondary pb-10">
            <div class="container-fluid px-4">
                <div class="page-header-content pt-4">
                    <div class="row align-items-center justify-content-between">
                        <div class="col-auto mt-4">
                            <h1 class="page-header-title">
                                <div class="page-header-icon"><i data-feather="activity"></i></div>
                                Selamat datang, {{ auth()->user()->name }}
                            </h1>
                        </div>
                    </div>
                </div>
            </div>
        </header>

        <div class="container-fluid mt-n10 px-4">
            {{-- live attendance --}}
            @include('dashboard.live_attendance.index')

            <div class="row">
                <div class="col-xl-4 mb-4">
                    <a class="card lift h-100" href="/history-absensi-user">
                        <div class="card-body d-flex justify-content-center flex-column">
                            <div class="d-flex align-items-center justify-content-between">
                                <div class="me-3">
                                    <i class="feather-xl text-primary mb-3" data-feather="clock"></i>
                                    <h5 class="fw-bolder">History Absensi</h5>
                                    <div class="text-muted small">History your absensi in here</div>
                                </div>
                                <img src="assets/img/illustrations/browser-stats.svg" alt="..." style="width: 8rem" />
                            </div>
                        </div>
                    </a>
                </div>

                @if (auth()->user()->roles->accessLevel->name === 'HR-Manager' ||
                        auth()->user()->roles->accessLevel->name === 'Developer' ||
                        auth()->user()->roles->accessLevel->name === 'Director' ||
                        auth()->user()->roles->accessLevel->name === 'Supervisor' ||
                        auth()->user()->roles->accessLevel->name === 'Manager')
                    <div class="col-xl-4 mb-4">
                        <a class="card lift h-100" href="/team/attendances">
                            <div class="card-body d-flex justify-content-center flex-column">
                                <div class="d-flex align-items-center justify-content-between">
                                    <div class="me-3">
                                        <i class="feather-xl text-primary mb-3" data-feather="clock"></i>
                                        <h5 class="fw-bolder">Attendances Team</h5>
                                        <div class="text-muted small">History your Team</div>
                                    </div>
                                    <img src="assets/img/dashboard/team_work.png" alt="team_work" style="width: 8rem" />
                                </div>
                            </div>
                        </a>
                    </div>
                @endif

                @if (config('app.app_feature_forgot_attendance'))
                    <div class="col-xl-4 mb-4">
                        <a class="card lift h-100" href="/attendances-hris/forgot/show">
                            <div class="card-body d-flex justify-content-center flex-column">
                                <div class="d-flex align-items-center justify-content-between">
                                    <div class="me-3">
                                        <h5 class="fw-bolder">Perbaikan Absensi</h5>
                                        <div class="text-muted small">List pengajuan perbaikan absensi</div>
                                    </div>
                                    <img src="assets/img/dashboard/icon_attendance.jpg" alt="..."
                                        style="width: 8rem" />
                                </div>
                            </div>
                        </a>
                    </div>
                @endif

                @if (auth()->user()->is_shift === 'Shift')
                    <div class="col-xl-4 mb-4">
                        <a class="card lift h-100" href="/schedule-shift">
                            <div class="card-body d-flex justify-content-center flex-column">
                                <div class="d-flex align-items-center justify-content-between">
                                    <div class="me-3">
                                        <i class="feather-xl text-secondary mb-3" data-feather="calendar"></i>
                                        <h5>Shift Schedule</h5>
                                        <div class="text-muted small">you can check your shift schedule in here</div>
                                    </div>
                                    <img src="assets/img/illustrations/windows.svg" alt="..." style="width: 8rem" />
                                </div>
                            </div>
                        </a>
                    </div>
                @endif

                <div class="col-xl-4 mb-4">
                    <a class="card lift h-100" href="/jobs">
                        <div class="card-body d-flex justify-content-center flex-column">
                            <div class="d-flex align-items-center justify-content-between">
                                <div class="me-3">
                                    <h5 class="fw-bolder">Job Description</h5>
                                    <div class="text-muted small">Review your job responsibilities and tasks here.</div>
                                </div>
                                <img src="assets/img/illustrations/job.jpg" alt="..." style="width: 8rem" />
                            </div>
                        </div>
                    </a>
                </div>

                @if (!config('app.app_for_is_alkes'))
                    <div class="col-xl-4 mb-4">
                        <a class="card lift h-100" href="/sop">
                            <div class="card-body d-flex justify-content-center flex-column">
                                <div class="d-flex align-items-center justify-content-between">
                                    <div class="me-3">
                                        <h5 class="fw-bolder">Standard Operating Procedure</h5>
                                        <div class="text-muted small">View your Standard Operating Procedures here.</div>
                                    </div>
                                    <img src="assets/img/dashboard/sop.png" alt="..." style="width: 8rem" />
                                </div>
                            </div>
                        </a>
                    </div>
                @endif
            </div>
        </div>
    </main>

    @include('dashboard.popup.show_popup_notification')

    @if (config('app.app_for_is_alkes') && config('app.app_implement_company_regulation'))
        @include('company_regulations.modals.notification')
    @endif

    @include('surveys.modals.popup_survey_modal')

    {{-- <script src="/js/dashboard/_init.js"></script> --}}
    {{-- <script src="/js/dashboard/statistic/_init.js"></script>
    <script src="/js/dashboard/statistic/table_using_rowspan.js"></script>
    <script src="/js/dashboard/statistic/table_without_rowspan.js"></script>
    <script src="/js/dashboard/statistic/fetch_data.js"></script> --}}
    {{-- <script src="/js/dashboard/statistic/dt.js"></script> --}}
    {{-- <script src="/js/dashboard/dtResultOvertimeLate.js"></script> --}}

    @push('scripts')
        <script src="{{ assetTemp('/js/dashboard/popup/_init.js') }}"></script>
        <script src="{{ assetTemp('/js/attendances/live_attendance/_init.js') }}"></script>
        <script src="{{ assetTemp('/js/functions/textarea.js') }}"></script>

        @if (config('app.app_for_is_alkes') && config('app.app_implement_company_regulation'))
            <script src="{{ assetTemp('/js/company_regulations/_init.js') }}"></script>
            <script src="{{ assetTemp('/js/functions/fetchData.js') }}"></script>
            <script src="{{ assetTemp('/js/company_regulations/notification.js') }}"></script>
        @endif

        <script src="{{ assetTemp('/js/dashboard/popup/pop_up_notification.js') }}"></script>
        <script src="{{ assetTemp('/js/attendances/live_attendance/attendances.js') }}"></script>
        <script src="{{ assetTemp('/js/DaterangPicker/daterangepicker_callback.js') }}"></script>
        <script src="{{ assetTemp('/js/functions/convertTimeToGMT.js') }}"></script>
    @endpush
@endsection