@if (globalPermission('setting'))
    @canany(['department-index', 'technical-box-index', 'support-team-index'])
        <li
            class="nav-item {{ request()->routeIs(['departments*', 'technical-box*', 'support-team*']) ? 'menu-open' : '' }}">
            <a href="#" class="nav-link">
                <i class="fas fa-user-tie nav-icon"></i>
                <p>
                    Setting
                    <i class="fas fa-angle-left right"></i>
                </p>
            </a>
            <ul class="nav nav-treeview">
                @can('department-index')
                    <li class="nav-item">

                        <a href="{{ route('departments.index') }}"
                            class="nav-link {{ request()->routeIs(['departments.index']) ? 'active' : '' }}">
                            <i class="ml-3 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                            <p>Departments</p>
                        </a>

                    </li>
                @endcan

                @can('technical-box-index')
                    <li class="nav-item">
                        <a href="{{ route('technical-box.index') }}"
                            class="nav-link {{ request()->routeIs(['technical-box.index']) ? 'active' : '' }}">
                            <i class="ml-3 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                            <p>Boxes</p>
                        </a>
                    </li>
                @endcan

                @can('support-team-index')
                    <li class="nav-item">
                        <a href="{{ route('support-team.index') }}"
                            class="nav-link {{ request()->routeIs(['support-team.index']) ? 'active' : '' }}">
                            <i class="ml-3 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                            <p>Support Teams</p>
                        </a>
                    </li>
                @endcan
                @can('set-billing-token-assign-person')
                    <li class="nav-item">
                        <a href="{{ route('billing.token.assign.person') }}"
                            class="nav-link {{ request()->routeIs(['billing.token.assign.person']) ? 'active' : '' }}">
                            <i class="ml-3 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                            <p>Billing Token Assign Person</p>
                        </a>
                    </li>
                @endcan



            </ul>

        </li>
    @endcanany
@endif

@canany(['user-registration', 'user_index', 'employee_index', 'employee_create', 'role_index', 'role_create',
    'customer-export'])
    <li
        class="nav-item  {{ request()->routeIs(['system.mac-update','user*', 'user-active-client*', 'marketing-customer-sales-report', 'marketing-new-customer-report', 'marketingstatus*', 'smartdevice*', 'employees*', 'roles*', 'permissions*', 'company-settings.index', 'exportList', 'marketing-user*', 'qr.generator', 'tj-box-map.*', 'pons.*', 'cancel-reasons*', 'location*', 'client-source*', 'editLog-history', 'sms*', 'recommenders*']) ? 'menu-open' : '' }}">
        <a href="#" class="nav-link">
            <i class="fas fa-user-cog nav-icon"></i>
            <p>
                Admin
                <i class="fas fa-angle-left right"></i>
            </p>
        </a>
        <ul class="nav nav-treeview ml-2">

            @can('employee_create')
                <li class="nav-item"><a href="{{ route('employees.create') }}"
                        class="nav-link {{ request()->routeIs(['employees.create']) ? 'active' : '' }}">
                        <i class="ml-2 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                        <p>Add Employee</p>
                    </a>
                </li>
            @endcan

            @can('role_create')
                <li class="nav-item"><a href="{{ route('roles.create') }}"
                        class="nav-link {{ request()->routeIs(['roles.create']) ? 'active' : '' }}">
                        <i class="ml-2 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                        <p>Add Role</p>
                    </a></li>
            @endcan

            @can('user-registration')
                <li class="nav-item"><a href="{{ route('user.create') }}"
                        class="nav-link {{ request()->routeIs(['user.create']) ? 'active' : '' }}">
                        <i class="ml-2 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                        <p>Add User</p>
                    </a></li>
            @endcan

            @if (globalPermission('new-line-request'))
                @can('cancel-reasons')
                    <li class="nav-item"><a href="{{ route('cancel-reasons.index') }}"
                            class="nav-link {{ request()->routeIs(['cancel-reasons.index']) ? 'active' : '' }}">
                            <i class="ml-2 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                            <p>Cancel Reasons</p>
                        </a>
                    </li>
                @endcan
            @endif


            @if (checkSettings('deactive_all_expire_customer') == 'enable')
                @can('deactive_all_expire_customer')
                    <li class="nav-item">
                        <a onclick="return confirm('Are you sure?')" href="{{ url('admin/deactive-all-expired-customer') }}"
                            class="nav-link">
                            <i class="ml-2 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                            <p>Deactive All Expire customer</p>
                        </a>
                    </li>
                @endcan
            @endif



            @can('employee_index')
                <li class="nav-item"><a href="{{ route('employees.index') }}"
                        class="nav-link {{ request()->routeIs(['employees.index']) ? 'active' : '' }}">
                        <i class="ml-2 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                        <p>Employees</p>
                    </a></li>
            @endcan

            @can('customer-export')
                <li class="nav-item"><a href="{{ route('exportList') }}"
                        class="nav-link {{ request()->routeIs(['exportList']) ? 'active' : '' }}">
                        <i class="ml-2 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                        <p>File Export</p>
                    </a>
                </li>
            @endcan


            <li class="nav-item"><a href="{{ route('location.index') }}"
                    class="nav-link {{ request()->routeIs(['location.index']) ? 'active' : '' }}">
                    <i class="ml-2 far fa-circle nav-icon" style="font-size: 6px !important"></i>
                    <p>Location</p>
                </a>
            </li>
            @can('add-marketer')
                <li class="nav-item"><a href="{{ route('marketing-user.index') }}"
                        class="nav-link {{ request()->routeIs(['marketing-user.index']) ? 'active' : '' }}">
                        <i class="ml-2 far fa-circle nav-icon" style="font-size: 6px !important"></i>
                        <p>Marketing Users</p>
                    </a>
                </li>
            @endcan
            @if (globalPermission('new-line-request'))
                @can('marketing-status')
                    <li class="nav-item"><a href="{{ route('marketingstatus.create') }}"
                            class="nav-link {{ request()->routeIs(['marketingstatus.create']) ? 'active' : '' }}">
                            <i class="ml-2 far fa-circle nav-icon" style="font-size: 6px !important"></i>
                            <p>Marketing Status</p>
                        </a>
                    </li>
                @endcan
                @can('smart-divice')
                    <li class="nav-item"><a href="{{ route('smartdevice.create') }}"
                            class="nav-link {{ request()->routeIs(['smartdevice.create']) ? 'active' : '' }}">
                            <i class="ml-2 far fa-circle nav-icon" style="font-size: 6px !important"></i>
                            <p>Smart Device</p>
                        </a>
                    </li>
                @endcan
            @endif


            @can('marketing-new-customer-report')
                <li class="nav-item"><a href="{{ route('marketing-new-customer-report') }}"
                        class="nav-link {{ request()->routeIs(['marketing-new-customer-report']) ? 'active' : '' }}">
                        <i class="ml-2 far fa-circle nav-icon" style="font-size: 6px !important"></i>
                        <p>KAM Report</p>
                    </a>
                </li>
                <li class="nav-item"><a href="{{ route('marketing-customer-sales-report') }}"
                        class="nav-link {{ request()->routeIs(['marketing-customer-sales-report']) ? 'active' : '' }}">
                        <i class="ml-2 far fa-circle nav-icon" style="font-size: 6px !important"></i>
                        <p>KAM Sales Report</p>
                    </a>
                </li>
            @endcan

            {{-- @can('payment-method')
                <li class="nav-item"><a href="{{ route('payment-method.index') }}"
                        class="nav-link {{ request()->routeIs(['payment-method.index']) ? 'active' : '' }}">
                        <i class="ml-2 far fa-circle nav-icon" style="font-size: 6px !important"></i>
                        <p>Payment Method</p>
                    </a>
                </li>
            @endcan --}}

            @can('client-source')
                <li class="nav-item"><a href="{{ route('client-source.index') }}"
                        class="nav-link {{ request()->routeIs(['client-source.*']) ? 'active' : '' }}">
                        <i class="ml-2 far fa-circle nav-icon" style="font-size: 6px !important"></i>
                        <p>Client Sources</p>
                    </a>
                </li>
            @endcan

            @can('recommender_index')
                <li class="nav-item">
                    <a href="{{ route('recommenders.index') }}"
                        class="nav-link {{ request()->routeIs(['recommenders.*']) ? 'active' : '' }}">
                        <i class="ml-2 fas fa-handshake nav-icon" style="font-size: 10px !important"></i>
                        <p>Recommenders</p>
                    </a>
                </li>
            @endcan

            @can('add-tj-box-map')
                <li class="nav-item">
                    <a href="{{ route('tj-box-map.index') }}"
                        class="nav-link {{ request()->routeIs(['tj-box-map.*']) ? 'active' : '' }}">
                        <i class="ml-2 far fa-circle nav-icon" style="font-size: 6px !important"></i>
                        <p>TJ Box</p>
                    </a>
                </li>
            @endcan

            @can('add-pon-info')
                <li class="nav-item">
                    <a href="{{ route('pons.index') }}"
                        class="nav-link {{ request()->routeIs(['pons.*']) ? 'active' : '' }}">
                        <i class="ml-2 far fa-circle nav-icon" style="font-size: 6px !important"></i>
                        <p>PON Info</p>
                    </a>
                </li>
            @endcan


            @can('role_index')
                <li class="nav-item"><a href="{{ route('roles.index') }}"
                        class="nav-link {{ request()->routeIs(['roles.index']) ? 'active' : '' }}">
                        <i class="ml-2 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                        <p>Roles</p>
                    </a></li>
            @endcan
            @can('permission_index')
                <li class="nav-item"><a href="{{ route('permissions.index') }}"
                        class="nav-link {{ request()->routeIs(['permissions.index']) ? 'active' : '' }}">
                        <i class="ml-2 far fa-circle nav-icon" style="font-size: 10px"></i>
                        <p>Permissions</p>
                    </a></li>
            @endcan

            @can('company-info')
                <li class="nav-item"><a href="{{ route('company-settings.index') }}"
                        class="nav-link {{ request()->routeIs(['company-settings.index']) ? 'active' : '' }}">
                        <i class="ml-2 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                        <p> Settings</p>
                    </a>
                </li>
            @endcan

            @if (auth()->user()->id == 1)
                <li class="nav-item"><a href="{{ route('editLog-history', ['id' => 1, 'type' => 'CompanyInfo']) }}"
                        class="nav-link {{ request()->routeIs(['editLog-history']) ? 'active' : '' }}">
                        <i class="ml-2 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                        <p>Setting History</p>
                    </a>
                </li>
                <li class="nav-item"><a href="{{ route('qr.generator') }}"
                        class="nav-link {{ request()->routeIs(['qr.generator']) ? 'active' : '' }}">
                        <i class="ml-2 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                        <p>Generate Any QR Code</p>
                    </a>
                </li>
            @endif

            @can('sms_config')
                <li class="nav-item"><a href="{{ route('sms.index') }}" class="nav-link">
                        <i class="ml-2 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                        <p>SMS</p>
                    </a></li>
            @endcan

            @can('user_index')
                <li class="nav-item"><a href="{{ route('user.index') }}"
                        class="nav-link {{ request()->routeIs(['user.index']) ? 'active' : '' }}">
                        <i class="ml-2 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                        <p>Users</p>
                    </a></li>
            @endcan

            {{-- Admin role AND the permission: the controller enforces the same pair. --}}
            @if (auth()->user()->hasRole('Admin') && auth()->user()->can('user-active-client'))
                <li class="nav-item"><a href="{{ route('user-active-client') }}"
                        class="nav-link {{ request()->routeIs(['user-active-client*']) ? 'active' : '' }}">
                        <i class="ml-2 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                        <p>User Active Client</p>
                    </a></li>
            @endif

            @if (!checkAPI())
                @can('update-mac-address-from-radius')
                    <li class="nav-item"><a href="{{ route('system.mac-update') }}"
                            class="nav-link {{ request()->routeIs(['system.mac-update*']) ? 'active' : '' }}">
                            <i class="ml-2 fa fa-circle nav-icon" style="font-size: 6px !important"></i>
                            <p>Update MAC Address Client</p>
                        </a>
                    </li>
                @endcan
            @endif

        </ul>
    </li>

@endcan