@if (auth()->user()->hasRole('employee'))
    {{--  ------------------------------------------- Attendances -------------------------------------------  --}}

    <!-- Sidenav Link (Charts)-->
    @php
        $isAttendanceEmpActive = request()->routeIs('attendance_list_employee');
    @endphp

    <a class="nav-link {{ $isAttendanceEmpActive ? 'active' : '' }}" href="{{ route('attendance_list_employee') }}">
        <div class="nav-link-icon">
            <i data-feather="bar-chart"></i>
        </div>
        Danh sách chấm công
    </a>

    @php
        $isAttendanceEmpActive = request()->routeIs('attendance_penalties_list_employee');
    @endphp

    <a class="nav-link {{ $isAttendanceEmpActive ? 'active' : '' }}"
        href="{{ route('attendance_penalties_list_employee') }}">
        <div class="nav-link-icon">
            <i data-feather="bar-chart"></i>
        </div>
        Danh sách phạt
    </a>
    {{-- Quản lý OT --}}
    @php
        $isOTActive = request()->routeIs('over_times.*');
    @endphp
    <a class="nav-link {{ $isOTActive ? 'active' : '' }}" href="{{ route('over_times.index') }}">
        <div class="nav-link-icon">
            <i data-feather="clock"></i>
        </div>
        Danh sách OT
    </a>
    {{--  ------------------------------------------- Attendances -------------------------------------------  --}}

    {{-- Work Schedules --}}
    @php
        $isWorkScheduleActive = request()->routeIs('work_schedules.index');
    @endphp
    <a class="nav-link {{ $isWorkScheduleActive ? 'active' : '' }}" href="{{ route('work_schedules.index') }}">
        <div class="nav-link-icon">
            <i data-feather="clock"></i>
        </div>
        Lịch làm việc của tôi
    </a>


    {{--  ------------------------------------------- Quản lý tác vụ -------------------------------------------  --}}
    {{-- @php
        $isTaskActive = request()->routeIs('kanban.index');
    @endphp

    <a class="nav-link {{ $isTaskActive ? 'active' : '' }}" href="{{ route('kanban.index') }}">
        <div class="nav-link-icon">
            <i data-feather="bar-chart"></i>
        </div>
        Quản lý tác vụ
    </a> --}}



    {{--  ------------------------------------------- Quản lý tác vụ -------------------------------------------  --}}


    {{--  ------------------------------------------- payrolls -------------------------------------------  --}}

    <!-- Sidenav Link (Charts)-->
    @php
        $isPayrollActive = request()->routeIs('payrolls_data');
    @endphp

    <a class="nav-link {{ $isPayrollActive ? 'active' : '' }}" href="{{ route('payrolls_data') }}">
        <div class="nav-link-icon">
            <i data-feather="bar-chart"></i>
        </div>
        Bảng lương
    </a>

    @if (auth()->user()?->employee?->mkt_name)
        @php
            $isPayrollMarketingActive = request()->routeIs('payrolls_data_marketing');
        @endphp
        <a class="nav-link {{ $isPayrollMarketingActive ? 'active' : '' }}"
            href="{{ route('payrolls_data_marketing') }}">
            <div class="nav-link-icon">
                <i data-feather="bar-chart"></i>
            </div>
            Bảng lương marketing
        </a>
    @endif


    {{--  ------------------------------------------- payrolls -------------------------------------------  --}}


    {{--  ------------------------------------------- expenses -------------------------------------------  --}}


    @php
        $isExpenseActive = request()->routeIs('expenses.create') || request()->routeIs('expenses.index');
    @endphp

    <a class="nav-link {{ $isExpenseActive ? '' : 'collapsed' }}" href="javascript:void(0);" data-bs-toggle="collapse"
        data-bs-target="#collapseExpenseManagement" aria-expanded="{{ $isExpenseActive ? 'true' : 'false' }}"
        aria-controls="collapseExpenseManagement">
        <div class="nav-link-icon"><i data-feather="repeat"></i></div>
        Chi phí
        <div class="sidenav-collapse-arrow">
            <i class="fas fa-angle-down"></i>
        </div>
    </a>

    <div class="collapse {{ $isExpenseActive ? 'show' : '' }}" id="collapseExpenseManagement"
        data-bs-parent="#accordionSidenav">
        <nav class="sidenav-menu-nested nav">
            <a class="nav-link {{ request()->routeIs('expenses.create') ? 'active' : '' }}"
                href="{{ route('expenses.create') }}">
                Thêm chi phí
            </a>
            <a class="nav-link {{ request()->routeIs('expenses.index') ? 'active' : '' }}"
                href="{{ route('expenses.index') }}">
                Xem tất cả
            </a>
        </nav>
    </div>


    {{--  ------------------------------------------- expenses -------------------------------------------  --}}


    {{--  ------------------------------------------- Thông báo nghỉ phép/đi làm muộn -------------------------------------------  --}}

    @php
        $isLeaveActive = request()->routeIs('leave_notices.create') || request()->routeIs('leave_notices.index');
    @endphp

    <a class="nav-link {{ $isLeaveActive ? '' : 'collapsed' }}" href="javascript:void(0);" data-bs-toggle="collapse"
        data-bs-target="#collapseLeave" aria-expanded="{{ $isLeaveActive ? 'true' : 'false' }}"
        aria-controls="collapseLeave">
        <div class="nav-link-icon"><i data-feather="repeat"></i></div>
        Thông báo nghỉ phép/đi làm muộn
        <div class="sidenav-collapse-arrow">
            <i class="fas fa-angle-down"></i>
        </div>
    </a>
    <div class="collapse {{ $isLeaveActive ? 'show' : '' }}" id="collapseLeave" data-bs-parent="#accordionSidenav">
        <nav class="sidenav-menu-nested nav">
            <a class="nav-link {{ request()->routeIs('leave_notices.create') ? 'active' : '' }}"
                href="{{ route('leave_notices.create') }}">
                Viết Thông báo nghỉ phép/đi làm muộn
            </a>
            <a class="nav-link {{ request()->routeIs('leave_notices.index') ? 'active' : '' }}"
                href="{{ route('leave_notices.index') }}">
                Tất cả Thông báo nghỉ phép/đi làm muộn
            </a>
        </nav>
    </div>



    {{--  ------------------------------------------- Thông báo nghỉ phép/đi làm muộn -------------------------------------------  --}}

    {{-- ------------ Essential sidebar items ------------ --}}
    @php
        $isAnnouncementActive = request()->routeIs('public_notice_data');
    @endphp


    <a class="nav-link {{ $isAnnouncementActive ? 'active' : '' }}" href="{{ route('public_notice_data') }}">
        <div class="nav-link-icon">
            <i data-feather="bar-chart"></i>
        </div>
        Thông báo chung
    </a>
    {{--    <x-sidebar.essential></x-sidebar.essential> --}}
@endif