@php
    $hasSubordinates = \App\Models\EmployeeMaster::where('reporting_person_id', auth()->id())->exists();
    $checkInOptions = explode(',', auth()->user()->employeeMaster?->check_in_option ?? '');
@endphp

<nav class="sidebar sidebar-offcanvas" id="sidebar">
    <ul class="nav">
        <li class="nav-item nav-profile">
            <div class="nav-link">
                <div class="profile-image">
                    <img src="{{ isset(auth()->user()->profile_photo_path) ? asset('storage/' . auth()->user()->profile_photo_path) : asset('assets/images/faces/user-acc.png') }}"
                        alt="profile" class="img-lg rounded-circle mb-3" />
                </div>
                <div class="profile-name">
                    <p class="name">
                        Welcome {{ isset(auth()->user()->employeeMaster) ? (auth()->user()->employeeMaster?->short_name ?? auth()->user()->name) : auth()->user()->name }}
                    </p>
                    <p class="designation">
                        {{ auth()->user()->roles->first()->name ?? '' }}
                    </p>
                </div>
            </div>
        </li>


        <li class="nav-item">
            <a class="nav-link {{ Route::is('admin.dashboard') ? 'active' : '' }}"
                href="{{ route('admin.dashboard') }}">
                <i class="fa fa-home menu-icon"></i>
                <span class="menu-title">Dashboard</span>
            </a>
        </li>

        @can('role-list')
            <li class="nav-item {{ Route::is('roles.*') ? 'active' : '' }}">
                <a class="nav-link" href="{{ route('roles.index') }}">
                    <i class="fas fa-user-cog menu-icon"></i>
                    <span class="menu-title">Role & Permissions</span>
                </a>
            </li>
        @endcan

        @can('user-list')
            <li class="nav-item {{ Route::is('admin-users.*') ? 'active' : '' }}">
                <a class="nav-link" href="{{ route('admin-users.index') }}">
                    <i class="fa fa-users menu-icon"></i>
                    <span class="menu-title">Admin Users</span>
                </a>
            </li>
        @endcan

        @canany(['terms-and-condition', 'privacy-policy', 'contact-us', 'get-in-touch'])
            <li class="nav-item">
                <a class="nav-link" data-toggle="collapse" href="#cms-routes"
                    aria-expanded="{{ request()->is('admin/terms-and-condition*', 'admin/privacy-policy*', 'admin/contact-us*', 'admin/get-in-touch*') ? 'true' : 'false' }}"
                    aria-controls="cms-routes">
                    <i class="fa-solid fa-shield menu-icon"></i>
                    <span class="menu-title">CMS</span>
                    <i
                        class="menu-arrow {{ request()->is('admin/terms-and-condition*', 'admin/privacy-policy*', 'admin/contact-us*', 'admin/get-in-touch*') ? 'rotate-arrow' : '' }}"></i>
                </a>
                <div class="collapse {{ request()->is('admin/terms-and-condition*', 'admin/privacy-policy*', 'admin/contact-us*', 'admin/get-in-touch*') ? 'show' : '' }}"
                    id="cms-routes">
                    <ul class="nav flex-column sub-menu">
                        @can('terms-and-condition')
                            <li class="nav-item {{ Route::is('terms-and-condition.*') ? 'active' : '' }}">
                                <a href="{{ route('terms-and-condition.index') }}" class="nav-link">
                                    <span class="nav_name">Terms & Conditions</span>
                                </a>
                            </li>
                        @endcan

                        @can('privacy-policy')
                            <li class="nav-item {{ Route::is('privacy-policy.*') ? 'active' : '' }}">
                                <a href="{{ route('privacy-policy.index') }}" class="nav-link ">
                                    <span class="nav_name">Privacy Policy</span>
                                </a>
                            </li>
                        @endcan

                        @can('contact-us')
                            <li class="nav-item {{ Route::is('contact-us.*') ? 'active' : '' }}">
                                <a href="{{ route('contact-us.index') }}" class="nav-link ">
                                    <span class="nav_name">Contact US</span>
                                </a>
                            </li>
                        @endcan

                        @can('get-in-touch')
                            <li class="nav-item {{ Route::is('get-in-touch.*') ? 'active' : '' }}">
                                <a href="{{ route('get-in-touch.index') }}" class="nav-link ">
                                    <span class="nav_name">Get In Touch</span>
                                </a>
                            </li>
                        @endcan
                    </ul>
                </div>
            </li>
        @endcan

        @canany(['land-type-list', 'soil-texture-list', 'employee-department-list', 'employee-designation-list',
            'irrigation-source-list', 'product-type-list', 'ticket-category-list', 'country-list', 'ctc-list', 'employee-role-list',
            'expanse-sub-type-list', 'expanse-type-list', 'leave-type-list', 'leave-setting-list', 'shift-type-list', 'irrigation-system-list', 'supplier-type-list',
            'courier-company-list', 'way-bridge-list', 'holiday-list', 'size-master-list', 'monthly-leave-allocation-list', 'grade-list', 'purpose-list', 'mod-of-travel-list', 'asset-category-list', 'asset-list'])
            <li class="nav-item">
                <a class="nav-link" data-toggle="collapse" href="#master-routes"
                aria-expanded="{{ request()->is(
                'admin/land-type*', 'admin/employee-department*', 'admin/employee-designation*', 'admin/employee-role*', 'admin/country*', 'admin/ctc*', 'admin/expanse-sub-type*', 'admin/expanse-type*',
                'admin/irrigation-source*', 'admin/irrigation-system*', 'admin/product-type*', 'admin/supplier-type*',
                'admin/courier-company*', 'admin/way-bridge*', 'admin/leave-type*', 'admin/leave-settings*',
                'admin/shift-type*', 'admin/ticket-category*', 'admin/soil-texture*', 'admin/holiday*',
                'admin/size-master*', 'admin/monthly-leave-allocations*', 'admin/grade*', 'admin/purpose*',
                'admin/mod-of-travel*', 'admin/asset-category*', 'admin/asset', 'admin/asset/*'
                ) ? 'true' : 'false' }}"
                aria-controls="master-routes">
                <i class="fa-solid fa-list menu-icon"></i>
                    <span class="menu-title">Master</span>
                    <i
                    class="menu-arrow {{ request()->is(
                    'admin/land-type*', 'admin/employee-department*', 'admin/employee-designation*', 'admin/employee-role*', 'admin/country*', 'admin/ctc*', 'admin/expanse-sub-type*', 'admin/expanse-type*',
                    'admin/irrigation-source*', 'admin/irrigation-system*', 'admin/product-type*', 'admin/supplier-type*',
                    'admin/courier-company*', 'admin/way-bridge*', 'admin/leave-type*', 'admin/leave-settings*',
                    'admin/shift-type*', 'admin/ticket-category*', 'admin/soil-texture*', 'admin/holiday*',
                    'admin/size-master*', 'admin/monthly-leave-allocations*', 'admin/grade*', 'admin/purpose*',
                    'admin/mod-of-travel*', 'admin/asset-category*', 'admin/asset', 'admin/asset/*'
                    ) ? 'rotate-arrow' : '' }}"></i>
                    </a>
                    <div class="collapse {{ request()->is(
                    'admin/land-type*', 'admin/employee-department*', 'admin/employee-designation*', 'admin/employee-role*', 'admin/country*', 'admin/ctc*', 'admin/expanse-sub-type*', 'admin/expanse-type*',
                    'admin/irrigation-source*', 'admin/irrigation-system*', 'admin/product-type*', 'admin/supplier-type*',
                    'admin/courier-company*', 'admin/way-bridge*', 'admin/leave-type*', 'admin/leave-settings*',
                    'admin/shift-type*', 'admin/ticket-category*', 'admin/soil-texture*', 'admin/holiday*',
                    'admin/size-master*', 'admin/monthly-leave-allocations*', 'admin/grade*', 'admin/purpose*',
                    'admin/mod-of-travel*', 'admin/asset-category*', 'admin/asset', 'admin/asset/*'
                    ) ? 'show' : '' }}"
                    id="master-routes">
                    <ul class="nav flex-column sub-menu" style="max-height: 400px; overflow-y: auto;">
                        @can('asset-category-list')
                            <li class="nav-item {{ Route::is('asset-category.index') ? 'active' : '' }}">
                                <a href="{{ route('asset-category.index') }}" class="nav-link ">
                                    <span class="nav_name">Asset Category</span>
                                </a>
                            </li>
                        @endcan

                        @can('asset-list')
                            <li class="nav-item {{ Route::is('asset.index') ? 'active' : '' }}">
                                <a href="{{ route('asset.index') }}" class="nav-link ">
                                    <span class="nav_name">Asset</span>
                                </a>
                            </li>
                        @endcan

                        @can('country-list')
                            <li class="nav-item {{ Route::is('country.index') ? 'active' : '' }}">
                                <a href="{{ route('country.index') }}" class="nav-link ">
                                    <span class="nav_name">Countries</span>
                                </a>
                            </li>
                        @endcan

                        @can('courier-company-list')
                            <li class="nav-item {{ Route::is('courier-company*') ? 'active' : '' }}">
                                <a href="{{ route('courier-company.index') }}" class="nav-link ">
                                    <span class="nav_name">Courier Companies</span>
                                </a>
                            </li>
                        @endcan

                        @can('ctc-list')
                            <li class="nav-item {{ Route::is('ctc*') ? 'active' : '' }}">
                                <a href="{{ route('ctc.index') }}" class="nav-link ">
                                    <span class="nav_name">CTC</span>
                                </a>
                            </li>
                        @endcan

                        @can('employee-department-list')
                            <li class="nav-item {{ Route::is('employee-department.index') ? 'active' : '' }}">
                                <a href="{{ route('employee-department.index') }}" class="nav-link ">
                                    <span class="nav_name">Employee Department</span>
                                </a>
                            </li>
                        @endcan

                        @can('employee-designation-list')
                            <li class="nav-item {{ Route::is('employee-designation.index') ? 'active' : '' }}">
                                <a href="{{ route('employee-designation.index') }}" class="nav-link ">
                                    <span class="nav_name">Employee Designation</span>
                                </a>
                            </li>
                        @endcan

                        {{-- @can('employee-role-list')
                            <li class="nav-item {{ Route::is('employee-role.index') ? 'active' : '' }}">
                                <a href="{{ route('employee-role.index') }}" class="nav-link ">
                                    <span class="nav_name">Employee Role</span>
                                </a>
                            </li>
                        @endcan --}}

                        @can('expanse-sub-type-list')
                            <li class="nav-item {{ Route::is('expanse-sub-type.index') ? 'active' : '' }}">
                                <a href="{{ route('expanse-sub-type.index') }}" class="nav-link ">
                                    <span class="nav_name">Expanse Sub Type</span>
                                </a>
                            </li>
                        @endcan

                        @can('expanse-type-list')
                            <li class="nav-item {{ Route::is('expanse-type.index') ? 'active' : '' }}">
                                <a href="{{ route('expanse-type.index') }}" class="nav-link ">
                                    <span class="nav_name">Expanse Type</span>
                                </a>
                            </li>
                        @endcan

                        @can('grade-list')
                            <li class="nav-item {{ Route::is('grade.index') ? 'active' : '' }}">
                                <a href="{{ route('grade.index') }}" class="nav-link ">
                                    <span class="nav_name">Grade</span>
                                </a>
                            </li>
                        @endcan

                        @can('holiday-list')
                            <li class="nav-item {{ Route::is('holiday.index') ? 'active' : '' }}">
                                <a href="{{ route('holiday.index') }}" class="nav-link ">
                                    <span class="nav_name">Holiday</span>
                                </a>
                            </li>
                        @endcan

                        @can('irrigation-source-list')
                            <li class="nav-item {{ Route::is('irrigation-source.index') ? 'active' : '' }}">
                                <a href="{{ route('irrigation-source.index') }}" class="nav-link ">
                                    <span class="nav_name">Irrigation Source</span>
                                </a>
                            </li>
                        @endcan

                        @can('irrigation-system-list')
                            <li class="nav-item {{ Route::is('irrigation-system.index') ? 'active' : '' }}">
                                <a href="{{ route('irrigation-system.index') }}" class="nav-link ">
                                    <span class="nav_name">Irrigation System</span>
                                </a>
                            </li>
                        @endcan

                        @can('land-type-list')
                            <li class="nav-item {{ Route::is('land-type.index') ? 'active' : '' }}">
                                <a href="{{ route('land-type.index') }}" class="nav-link ">
                                    <span class="nav_name">Land Types</span>
                                </a>
                            </li>
                        @endcan

                        @can('leave-type-list')
                            <li class="nav-item {{ Route::is('leave-type.index') ? 'active' : '' }}">
                                <a href="{{ route('leave-type.index') }}" class="nav-link ">
                                    <span class="nav_name">Leave Type</span>
                                </a>
                            </li>
                        @endcan

                        @can('leave-setting-list')
                            <li class="nav-item {{ Route::is('leave-settings.*') ? 'active' : '' }}">
                                <a href="{{ route('leave-settings.index') }}" class="nav-link ">
                                    <span class="menu-title">Leave Setting</span>
                                </a>
                            </li>
                        @endcan

                        @can('mod-of-travel-list')
                            <li class="nav-item {{ Route::is('mod-of-travel.*') ? 'active' : '' }}">
                                <a href="{{ route('mod-of-travel.index') }}" class="nav-link ">
                                    <span class="menu-title">Mod Of Travel</span>
                                </a>
                            </li>
                        @endcan

                        @can('monthly-leave-allocation-list')
                            <li class="nav-item {{ Route::is('monthly-leave-allocations.*') ? 'active' : '' }}">
                                <a href="{{ route('monthly-leave-allocations.index') }}" class="nav-link ">
                                    <span class="menu-title">Monthly Leave Allocation</span>
                                </a>
                            </li>
                        @endcan

                        @can('product-type-list')
                            <li class="nav-item {{ Route::is('product-type.index') ? 'active' : '' }}">
                                <a href="{{ route('product-type.index') }}" class="nav-link ">
                                    <span class="nav_name">Product Type</span>
                                </a>
                            </li>
                        @endcan

                        @can('purpose-list')
                            <li class="nav-item {{ Route::is('purpose.index') ? 'active' : '' }}">
                                <a href="{{ route('purpose.index') }}" class="nav-link ">
                                    <span class="nav_name">Purpose</span>
                                </a>
                            </li>
                        @endcan

                        @can('soil-texture-list')
                            <li class="nav-item {{ Route::is('soil-texture.index') ? 'active' : '' }}">
                                <a href="{{ route('soil-texture.index') }}" class="nav-link ">
                                    <span class="nav_name">Soil Texture</span>
                                </a>
                            </li>
                        @endcan

                        @can('size-master-list')
                            <li class="nav-item {{ Route::is('size-master.index') ? 'active' : '' }}">
                                <a href="{{ route('size-master.index') }}" class="nav-link ">
                                    <span class="nav_name">Size Master</span>
                                </a>
                            </li>
                        @endcan

                        @can('shift-type-list')
                            <li class="nav-item {{ Route::is('shift-type.index') ? 'active' : '' }}">
                                <a href="{{ route('shift-type.index') }}" class="nav-link ">
                                    <span class="nav_name">Shift Type</span>
                                </a>
                            </li>
                        @endcan

                        @can('supplier-type-list')
                            <li class="nav-item {{ Route::is('supplier-type.index') ? 'active' : '' }}">
                                <a href="{{ route('supplier-type.index') }}" class="nav-link ">
                                    <span class="nav_name">Supplier Type</span>
                                </a>
                            </li>
                        @endcan

                        @can('ticket-category-list')
                            <li class="nav-item {{ Route::is('ticket-category.index') ? 'active' : '' }}">
                                <a href="{{ route('ticket-category.index') }}" class="nav-link ">
                                    <span class="nav_name">Ticket Category</span>
                                </a>
                            </li>
                        @endcan

                        @can('way-bridge-list')
                            <li class="nav-item {{ Route::is('way-bridge.index') ? 'active' : '' }}">
                                <a href="{{ route('way-bridge.index') }}" class="nav-link ">
                                    <span class="nav_name">Way Bridge</span>
                                </a>
                            </li>
                        @endcan
                    </ul>
                </div>
            </li>
        @endcan

        @canany(['employee-master-list', 'employee-payroll-list', 'daily-attendance-employee', 'employee-attendance-report'])
            <li class="nav-item">
                <a class="nav-link" data-toggle="collapse" href="#employee-routes"
                    aria-expanded="{{ request()->is('admin/employee-master*', 'admin/employee-payroll*', 'admin/daily-attendance-employee*', 'admin/employee-attendance-report*', 'admin/employee-leave-request*', 'admin/employee-tree*') ? 'true' : 'false' }}"
                    aria-controls="employee-routes">
                    <i class="fa-solid fa-user-tie menu-icon"></i>
                    <span class="menu-title">Employee</span>
                    <i
                        class="menu-arrow {{ request()->is('admin/employee-payroll*', 'admin/daily-attendance-employee*', 'admin/employee-wfh-request*', 'admin/employee-master*', 'admin/employee-attendance-report*', 'admin/employee-leave-request*', 'admin/employee-tree*') ? 'rotate-arrow' : '' }}"></i>
                </a>
                <div class="collapse {{ request()->is('admin/employee-payroll', 'admin/employee-master*', 'admin/daily-attendance-employee*', 'admin/employee-wfh-request*', 'admin/employee-attendance-report*', 'admin/employee-leave-request*', 'admin/employee-tree*') ? 'show' : '' }}"
                    id="employee-routes">
                    <ul class="nav flex-column sub-menu">
                        @can('employee-master-list')
                            <li class="nav-item {{ Route::is('employee-master.*') ? 'active' : '' }}">
                                <a href="{{ route('employee-master.index') }}" class="nav-link">
                                    <span class="nav_name">Employee Master</span>
                                </a>
                            </li>
                        @endcan

                        @can('employee-attendance-report')
                            <li class="nav-item {{ Route::is('employee-attendance-report') ? 'active' : '' }}">
                                <a href="{{ route('employee-attendance-report') }}" class="nav-link ">
                                    <span class="nav_name">Employee Attendance Report</span>
                                </a>
                            </li>
                        @endcan

                        <li class="nav-item {{ Route::is('employee-tree') ? 'active' : '' }}">
                            <a href="{{ route('employee-tree') }}" class="nav-link">
                                <span class="nav_name">Employee Tree</span>
                            </a>
                        </li>

                        @can('daily-attendance-employee')
                            <li class="nav-item {{ Route::is('daily-attendance-employee.*') ? 'active' : '' }}">
                                <a href="{{ route('daily-attendance-employee.index') }}" class="nav-link ">
                                    <span class="nav_name">Employee Daily Attendance</span>
                                </a>
                            </li>
                        @endcan

                        @can('employee-payroll-list')
                            <li class="nav-item {{ Route::is('employee-payroll.*') ? 'active' : '' }}">
                                <a href="{{ route('employee-payroll.index') }}" class="nav-link ">
                                    <span class="nav_name">Employee Payroll</span>
                                </a>
                            </li>
                        @endcan

                        @can('leave-list')
                            <li class="nav-item {{ Route::is('employee-leave-request.*') ? 'active' : '' }}">
                                <a href="{{ route('employee-leave-request.index') }}" class="nav-link ">
                                    <span class="nav_name">Employee Leave Request</span>
                                </a>
                            </li>
                        @endcan

                        @can('work-from-home-list')
                            <li class="nav-item {{ Route::is('employee-wfh-request.*') ? 'active' : '' }}">
                                <a href="{{ route('employee-wfh-request.index') }}" class="nav-link ">
                                    <span class="nav_name">Employee WFH Request</span>
                                </a>
                            </li>
                        @endcan
                    </ul>
                </div>
            </li>
        @endcan

        @canany(['farmer-list', 'farmer-account-list'])
            <li class="nav-item">
                <a class="nav-link" data-toggle="collapse" href="#farmer-routes"
                    aria-expanded="{{ request()->is('farmer*', 'farmer-account*') ? 'true' : 'false' }}"
                    aria-controls="farmer-routes">
                    <i class="fa fa-tractor menu-icon"></i>
                    <span class="menu-title">Farmer</span>
                    <i class="menu-arrow {{ request()->is('farmer*', 'farmer-account*') ? 'rotate-arrow' : '' }}"></i>
                </a>
                <div class="collapse {{ request()->is('farmer*', 'farmer-account*') ? 'show' : '' }}" id="farmer-routes">
                    <ul class="nav flex-column sub-menu">
                        @can('farmer-list')
                            <li class="nav-item {{ Route::is('farmer.*') ? 'active' : '' }}">
                                <a href="{{ route('farmer.index') }}" class="nav-link">
                                    <span class="nav_name">Farmer User</span>
                                </a>
                            </li>
                        @endcan

                        @can('farmer-account-list')
                            <li class="nav-item {{ Route::is('farmer-account.*') ? 'active' : '' }}">
                                <a href="{{ route('farmer-account.index') }}" class="nav-link ">
                                    <span class="nav_name">Farmer Account</span>
                                </a>
                            </li>
                        @endcan
                    </ul>
                </div>
            </li>
        @endcan

        @canany(['employee-expanse-request-list', 'employee-expanse-list'])
            <li class="nav-item">
                <a class="nav-link" data-toggle="collapse" href="#accounts-routes"
                    aria-expanded="{{ request()->is('admin/expense-requests*', 'admin/employee-expenses*') ? 'true' : 'false' }}"
                    aria-controls="accounts-routes">
                    <i class="fas fa-money-check menu-icon"></i>
                    <span class="menu-title">Accounts</span>
                    <i
                        class="menu-arrow {{ request()->is('admin/expense-requests*', 'admin/employee-expenses*') ? 'rotate-arrow' : '' }}"></i>
                </a>
                <div class="collapse {{ request()->is('admin/expense-requests*', 'admin/employee-expenses*') ? 'show' : '' }}"
                    id="accounts-routes">
                    <ul class="nav flex-column sub-menu">
                        @can('employee-expanse-request-list')
                            <li class="nav-item {{ Route::is('expense-requests.*') ? 'active' : '' }}">
                                <a href="{{ route('expense-requests.index') }}" class="nav-link ">
                                    <span class="nav_name">Expense Requests</span>
                                </a>
                            </li>
                        @endcan

                        @can('employee-expanse-list')
                            <li class="nav-item {{ Route::is('employee-expenses.*') ? 'active' : '' }}">
                                <a href="{{ route('employee-expenses.index') }}" class="nav-link ">
                                    <span class="nav_name">Employee Expenses</span>
                                </a>
                            </li>
                        @endcan
                    </ul>
                </div>
            </li>
        @endcan

        @can('asset-inventory-list')
            <li class="nav-item {{ Route::is('asset-inventory.*') ? 'active' : '' }}">
                <a href="{{ route('asset-inventory.index') }}" class="nav-link ">
                    <i class="fa-solid fa-desktop menu-icon"></i>
                    <span class="menu-title">Asset Inventory</span>
                </a>
            </li>
        @endcan

        @can('cold-storage-list')
            <li class="nav-item {{ Route::is('cold-storage.*') ? 'active' : '' }}">
                <a href="{{ route('cold-storage.index') }}" class="nav-link ">
                    <i class="fa-solid fa-temperature-low menu-icon"></i>
                    <span class="menu-title">Cold Storage</span>
                </a>
            </li>
        @endcan

        @can('farm-visit-list')
            <li class="nav-item {{ Route::is('farm-visits.*') ? 'active' : '' }}">
                <a href="{{ route('farm-visits.index') }}" class="nav-link ">
                    <i class="fa-solid fa-seedling menu-icon"></i>
                    <span class="menu-title">Farm Visits</span>
                </a>
            </li>
        @endcan

        @can('language-key-list')
            <li class="nav-item {{ Route::is('language-key.*') ? 'active' : '' }}">
                <a href="{{ route('language-key.index') }}" class="nav-link ">
                    <i class="fa-solid fa-language menu-icon"></i>
                    <span class="menu-title">Language</span>
                </a>
            </li>
        @endcan


        <li class="nav-item">
            <a class="nav-link" data-toggle="collapse" href="#leaves-routes"
                aria-expanded="{{ request()->is('admin/my-leave*', 'admin/leave-request*') ? 'true' : 'false' }}"
                aria-controls="leaves-routes">
                <i class="fa-solid fa-person-running menu-icon"></i>
                <span class="menu-title">Leave</span>
                <i
                    class="menu-arrow {{ request()->is('admin/my-leave*', 'admin/leave-request*') ? 'rotate-arrow' : '' }}"></i>
            </a>
            <div class="collapse {{ request()->is('admin/my-leave*', 'admin/leave-request*') ? 'show' : '' }}"
                id="leaves-routes">
                <ul class="nav flex-column sub-menu">
                    <li class="nav-item {{ Route::is('my-leave.*') ? 'active' : '' }}">
                        <a href="{{ route('my-leave.index') }}" class="nav-link ">
                            <span class="nav_name">My Leave</span>
                        </a>
                    </li>

                    @if(auth()->user()->hasRole('Super Admin') || $hasSubordinates)
                        <li class="nav-item {{ Route::is('leave-request.*') ? 'active' : '' }}">
                            <a href="{{ route('leave-request.index') }}" class="nav-link ">
                                <span class="nav_name">Leave Request</span>
                            </a>
                        </li>
                    @endif
                </ul>
            </div>
        </li>

        {{-- @can('my-leave-list')
            <li class="nav-item {{ Route::is('my-leave.*') ? 'active' : '' }}">
                <a href="{{ route('my-leave.index') }}" class="nav-link ">
                    <i class="fa-solid fa-person-running menu-icon"></i>
                    <span class="menu-title">My Leave</span>
                </a>
            </li>
        @endcan --}}

        @can('order-list')
            <li class="nav-item {{ Route::is('order.*') ? 'active' : '' }}">
                <a href="{{ route('order.index') }}" class="nav-link ">
                    <i class="fa-solid fa-cart-shopping menu-icon"></i>
                    <span class="menu-title">Orders</span>
                </a>
            </li>
        @endcan

        @canany(['pesticide-list', 'pesticide-inventory-list'])
            <li class="nav-item">
                <a class="nav-link" data-toggle="collapse" href="#pesticide-routes"
                    aria-expanded="{{ request()->is('admin/pesticide*', 'admin/pesticide-account*') ? 'true' : 'false' }}"
                    aria-controls="pesticide-routes">
                    <i class="fa fa-leaf menu-icon"></i>
                    <span class="menu-title">Pesticide</span>
                    <i
                        class="menu-arrow {{ request()->is('admin/pesticide*', 'admin/pesticide-account*') ? 'rotate-arrow' : '' }}"></i>
                </a>
                <div class="collapse {{ request()->is('admin/pesticide*', 'admin/pesticide-account*') ? 'show' : '' }}"
                    id="pesticide-routes">
                    <ul class="nav flex-column sub-menu">
                        @can('pesticide-list')
                            <li class="nav-item {{ Route::is('pesticide.*') ? 'active' : '' }}">
                                <a href="{{ route('pesticide.index') }}" class="nav-link">
                                    <span class="nav_name">Pesticide</span>
                                </a>
                            </li>
                        @endcan

                        @can('pesticide-inventory-list')
                            <li class="nav-item {{ Route::is('pesticide-inventory.*') ? 'active' : '' }}">
                                <a href="{{ route('pesticide-inventory.index') }}" class="nav-link ">
                                    <span class="nav_name">Pesticide Inventory</span>
                                </a>
                            </li>
                        @endcan
                    </ul>
                </div>
            </li>
        @endcan

        @can('pick-up-list')
            <li class="nav-item {{ Route::is('pick-up.*') ? 'active' : '' }}">
                <a href="{{ route('pick-up.index') }}" class="nav-link ">
                    <i class="fa-solid fa-truck-fast menu-icon"></i>
                    <span class="menu-title">Pick Up</span>
                </a>
            </li>
        @endcan

         @canany(['product-list', 'product-inventory-list'])
            <li class="nav-item">
                <a class="nav-link" data-toggle="collapse" href="#product-routes"
                    aria-expanded="{{ request()->is('admin/product*', 'admin/product-account*') ? 'true' : 'false' }}"
                    aria-controls="product-routes">
                    <i class="fa-solid fa-box menu-icon"></i>
                    <span class="menu-title">Product</span>
                    <i
                        class="menu-arrow {{ request()->is('admin/product*', 'admin/product-account*') ? 'rotate-arrow' : '' }}"></i>
                </a>
                <div class="collapse {{ request()->is('admin/product*', 'admin/product-account*') ? 'show' : '' }}"
                    id="product-routes">
                    <ul class="nav flex-column sub-menu">
                        @can('product-list')
                            <li class="nav-item {{ Route::is('product.*') ? 'active' : '' }}">
                                <a href="{{ route('product.index') }}" class="nav-link">
                                    <span class="nav_name">Product</span>
                                </a>
                            </li>
                        @endcan

                        @can('product-inventory-list')
                            <li class="nav-item {{ Route::is('product-inventory.*') ? 'active' : '' }}">
                                <a href="{{ route('product-inventory.index') }}" class="nav-link ">
                                    <span class="nav_name">Product Inventory</span>
                                </a>
                            </li>
                        @endcan
                    </ul>
                </div>
            </li>
        @endcan
        {{-- @can('product-list')
            <li class="nav-item {{ Route::is('product.*') ? 'active' : '' }}">
                <a href="{{ route('product.index') }}" class="nav-link ">
                    <i class="fa-solid fa-box menu-icon"></i>
                    <span class="menu-title">Product</span>
                </a>
            </li>
        @endcan --}}

        @can('supplier-list')
            <li class="nav-item {{ Route::is('supplier.*') ? 'active' : '' }}">
                <a href="{{ route('supplier.index') }}" class="nav-link ">
                    <i class="fa-solid fa-warehouse menu-icon"></i>
                    <span class="menu-title">Supplier</span>
                </a>
            </li>
        @endcan

        @can('expense-list')
            <li class="nav-item {{ Route::is('expenses.*') ? 'active' : '' }}">
                <a href="{{ route('expenses.index') }}" class="nav-link ">
                    <i class="fa-solid fa-wallet menu-icon"></i>
                    <span class="menu-title">Expenses</span>
                </a>
            </li>
        @endcan

        @canany(['employee-ticket-list', 'farmer-ticket-list'])
            <li class="nav-item">
                <a class="nav-link" data-toggle="collapse" href="#ticket-management-routes"
                    aria-expanded="{{ Route::is('employee-ticket-list.*') || Route::is('farmer-ticket-list.*') || Route::is('farmer-ticket-show') ? 'true' : 'false' }}"
                    aria-controls="ticket-management-routes">
                    <i class="fa fa-tags menu-icon"></i>
                    <span class="menu-title">Ticket Management</span>
                    <i
                        class="menu-arrow {{ Route::is('employee-ticket-list.*') || Route::is('farmer-ticket-list.*') || Route::is('farmer-ticket-show') ? 'rotate-arrow' : '' }}"></i>
                </a>
                <div class="collapse {{ Route::is('employee-ticket-list.*') || Route::is('farmer-ticket-list.*') || Route::is('farmer-ticket-show') ? 'show' : '' }}"
                    id="ticket-management-routes">
                    <ul class="nav flex-column sub-menu">
                        @can('employee-ticket-list')
                            <li
                                class="nav-item {{ Route::is('employee-ticket-list.*') ? 'active' : '' }}">
                                <a href="{{ route('employee-ticket-list.index') }}" class="nav-link">
                                    <span class="nav_name">Employee Ticket</span>
                                </a>
                            </li>
                        @endcan

                        @can('farmer-ticket-list')
                            <li
                                class="nav-item {{ Route::is('farmer-ticket-list.*') || Route::is('farmer-ticket-show') ? 'active' : '' }}">
                                <a href="{{ route('farmer-ticket-list.index') }}" class="nav-link">
                                    <span class="nav_name">Farmer Ticket</span>
                                </a>
                            </li>
                        @endcan
                    </ul>
                </div>
            </li>
        @endcanany

        @can('transporter-list')
            <li class="nav-item {{ Route::is('transporter.*') ? 'active' : '' }}">
                <a href="{{ route('transporter.index') }}" class="nav-link ">
                    <i class="fa-solid fa-truck menu-icon"></i>
                    <span class="menu-title">Transporter Management</span>
                </a>
            </li>
        @endcan

        @can('travel-desk-list')
            <li class="nav-item {{ Route::is('travel-desk.*') ? 'active' : '' }}">
                <a href="{{ route('travel-desk.index') }}" class="nav-link ">
                    <i class="fa-solid fa-ticket menu-icon"></i>
                    <span class="menu-title">Travel Desk</span>
                </a>
            </li>
        @endcan

        <li class="nav-item">
            <a class="nav-link" data-toggle="collapse" href="#tarvel-plan-routes"
                aria-expanded="{{ request()->routeIs('travel-plan.*', 'travel-plan-request.*') ? 'true' : 'false' }}"
                aria-controls="tarvel-plan-routes">
                <i class="fas fa-plane-departure menu-icon"></i>
                <span class="menu-title">Travel Plan</span>
                <i class="menu-arrow {{ request()->routeIs('travel-plan.*', 'travel-plan-request.*') ? 'rotate-arrow' : '' }}"></i>
            </a>
            <div class="collapse {{ request()->routeIs('travel-plan.*', 'travel-plan-request.*') ? 'show' : '' }}"
                id="tarvel-plan-routes">
                <ul class="nav flex-column sub-menu">
                    <li class="nav-item {{ request()->routeIs('travel-plan.*') && !request()->routeIs('travel-plan-request.*') ? 'active' : '' }}">
                        <a href="{{ route('travel-plan.index') }}" class="nav-link">
                            <span class="nav_name">My Travel Plan</span>
                        </a>
                    </li>

                    @if(auth()->user()->hasRole('Super Admin') || $hasSubordinates)
                        <li class="nav-item {{ request()->routeIs('travel-plan-request.*') ? 'active' : '' }}">
                            <a href="{{ route('travel-plan-request.index') }}" class="nav-link">
                                <span class="nav_name">Travel Plan Request</span>
                            </a>
                        </li>
                    @endif
                </ul>
            </div>
        </li>

        @if (in_array('Work From Home', array_map('trim', $checkInOptions)) || auth()->user()->hasRole('Super Admin') || $hasSubordinates)
            <li class="nav-item">
                <a class="nav-link" data-toggle="collapse" href="#work-from-home-routes"
                    aria-expanded="{{ request()->is('admin/my-wfh-request*', 'admin/work-from-home*') ? 'true' : 'false' }}"
                    aria-controls="work-from-home-routes">
                    <i class="fa-solid fa-house-laptop menu-icon"></i>
                    <span class="menu-title">Work Form Home</span>
                    <i
                        class="menu-arrow {{ request()->is('admin/my-wfh-request*', 'admin/work-from-home*') ? 'rotate-arrow' : '' }}"></i>
                </a>
                <div class="collapse {{ request()->is('admin/my-wfh-request*', 'admin/work-from-home*') ? 'show' : '' }}"
                    id="work-from-home-routes">
                    <ul class="nav flex-column sub-menu">
                        @if (in_array('Work From Home', array_map('trim', $checkInOptions)))
                            <li class="nav-item {{ Route::is('my-wfh-request.*') ? 'active' : '' }}">
                                <a href="{{ route('my-wfh-request.index') }}" class="nav-link ">
                                    <span class="nav_name">My Work Form Home</span>
                                </a>
                            </li>
                        @endif

                        @if(auth()->user()->hasRole('Super Admin') || $hasSubordinates)
                            <li class="nav-item {{ Route::is('work-from-home.*') ? 'active' : '' }}">
                                <a href="{{ route('work-from-home.index') }}" class="nav-link ">
                                    <span class="nav_name">Work Form Home Request</span>
                                </a>
                            </li>
                        @endif
                    </ul>
                </div>
            </li>
        @endif

        @can('log-list')
            <li class="nav-item {{ Route::is('logs.*') ? 'active' : '' }}">
                <a href="{{ route('logs.index') }}" class="nav-link">
                    <i class="fa fa-history menu-icon"></i>
                    <span class="menu-title">Logs</span>
                </a>
            </li>
        @endcan

        @can('notification-list')
            <li class="nav-item {{ Route::is('notifications.*') ? 'active' : '' }}">
                <a href="{{ route('notifications.index') }}" class="nav-link">
                    <i class="fa fa-bell menu-icon"></i>
                    <span class="menu-title">Notifications</span>
                </a>
            </li>
        @endcan
    </ul>
</nav>