@unless ($hasBlockedPermission)


    <li class="nav-item {{ request()->routeIs(['clientSearch']) ? 'menu-open' : '' }}">
        <a href="{{ route('clientSearch') }}" class="nav-link">
            <i class=" fas fa-search nav-icon"></i>
            <p>Customer Search </p>
        </a>

    </li>
    @can('client_register_list')
        <li class="nav-item {{ request()->routeIs(['clientRegisterList']) ? 'menu-open' : '' }}">
            <a href="{{ route('clientRegisterList') }}" class="nav-link">
                <i class="fas fa-book nav-icon"></i>
                <p>Connection Request</p>
            </a>
        </li>
    @endcan

    <li
        class="nav-item {{ request()->routeIs(['clients*', 'onlineCustomer', 'oflineCustomer', 'deletedCustomer', 'packageChange', 'billingCycleChange', 'deactivatedClients', 'newJoin', 'list', 'pendingCustomer', 'expiredClients', 'disableCustomer', 'activeCustomer', 'bulk-expariy-date-extended', 'leftClient', 'line-shift.index', 'localPendingCustomer', 'accountsPendingCustomer', 'freeClient', 'notConnectedClient']) ? 'menu-open' : '' }}">
        <a href="#" class="nav-link">
            <i class=" fas fa-user nav-icon"></i>
            <p>Customers
                <i class="fas fa-angle-left right"></i>
            </p>
        </a>
        <ul class="nav nav-treeview">

            @can('active-customer')
                <li class="nav-item">
                    <a href="{{ route('activeCustomer') }}"
                        class="nav-link {{ request()->routeIs(['activeCustomer']) ? 'active' : '' }}">
                        <i class="ml-3 far fas fa-user-check nav-icon" style="font-size: 10px"></i>
                        <p>Active Customers</p>
                    </a>
                </li>
            @endcan

            @can('mac-customer_create')
                <li class="nav-item">
                    <a href="{{ route('clients.create') }}"
                        class="nav-link {{ request()->routeIs(['clients.create']) ? 'active' : '' }}"><i
                            class="ml-3 far fas fa-plus nav-icon" style="font-size: 10px"></i>
                        <p>Add Customer</p>
                    </a>

                </li>
            @endcan

            {{-- @if (getBillingType() != 'day_to_day') --}}
            @can('changeBillCycle')
                <li class="nav-item">
                    <a href="{{ route('billingCycleChange') }}"
                        class="nav-link {{ request()->routeIs(['billingCycleChange']) ? 'active' : '' }}"><i
                            class="ml-3 far fas fa-calendar-plus nav-icon" style="font-size: 10px"></i>
                        <p>Billing Cycle Change</p>
                    </a>
                </li>
            @endcan
            {{-- @endif --}}

            @can('bulk-date-extended')
                <li class="nav-item">

                    <a href="{{ route('bulk-expariy-date-extended') }}"
                        class="nav-link {{ request()->routeIs(['bulk-expariy-date-extended']) ? 'active' : '' }}">
                        <i class="ml-3 far fas fa-calendar-check nav-icon" style="font-size: 10px"></i>
                        <p>Bulk Date Extend</p>

                    </a>
                </li>
            @endcan

            @can('client-import')
                <li class="nav-item">
                    <a href="{{ route('client-import-to-customer') }}"
                        class="nav-link {{ request()->routeIs(['client-import-to-customer']) ? 'active' : '' }}">
                        <i class="ml-3 far fas fa-calendar-check nav-icon" style="font-size: 10px"></i>
                        <p>Client Import</p>
                    </a>
                </li>
            @endcan

            @if (globalPermission('client-file-search'))
                @can('client-file-search')
                    <li class="nav-item">
                        <a href="{{ route('client-files.index') }}"
                            class="nav-link {{ request()->routeIs(['client-files.*']) ? 'active' : '' }}">
                            <i class="ml-3 far fas fa-folder-open nav-icon" style="font-size: 10px"></i>
                            <p>Client File Search</p>
                        </a>
                    </li>
                @endcanany
            @endif

            @can('close_list')
                <li class="nav-item">
                    <a href="{{ route('list', 'close-list') }}"
                        class="nav-link {{ request()->path() == 'admin/list/close-list' ? 'active' : '' }}">
                        <i class="ml-3 far fas fa-trash nav-icon" style="font-size: 10px"></i>
                        <p>Close Customers</p>
                    </a>
                </li>
            @endcan





            @can('mac-customer_index')
                <li class="nav-item">
                    <a href="{{ route('clients.index') }}"
                        class="nav-link {{ request()->routeIs(['clients.index']) ? 'active' : '' }}">
                        <i class="ml-3 far fas fa-list nav-icon" style="font-size: 10px"></i>
                        <p>Customers List</p>
                    </a>

                </li>
            @endcan

            @can('deactivated-customer_index')
                <li class="nav-item">
                    <a href="{{ route('deactivatedClients') }}"
                        class="nav-link {{ request()->routeIs(['deactivatedClients']) ? 'active' : '' }}"><i
                            class="ml-3 far fas fa-user-minus nav-icon" style="font-size: 10px"></i>
                        <p>Deactivated Customers</p>

                    </a>
                </li>
            @endcan

            @can('disable-customer')
                <li class="nav-item">
                    <a href="{{ route('list', 'disable-customer') }}"
                        class="nav-link {{ request()->path() == 'admin/list/disable-customer' ? 'active' : '' }}">
                        <i class="ml-3 far fas fa-users-slash nav-icon" style="font-size: 10px"></i>
                        <p>Disable Customers</p>
                    </a>
                </li>
            @endcan
            @can('free-client')
                <li class="nav-item">
                    <a href="{{ route('freeClient') }}"
                        class="nav-link {{ request()->path() == 'admin/free-client' ? 'active' : '' }}">
                        <i class="ml-3 fa-solid fa-person-running nav-icon" style="font-size: 10px"></i>
                        <p>Free Client</p>
                    </a>
                </li>
            @endcan

            @can('deletedUser')
                <li class="nav-item">
                    <a href="{{ route('deletedCustomer') }}"
                        class="nav-link {{ request()->routeIs(['deletedCustomer']) ? 'active' : '' }}"><i
                            class="ml-3 far fas fa-user-slash nav-icon" style="font-size: 10px"></i>
                        <p>Deleted Customers</p>
                    </a>

                </li>
            @endcan

            @can('expire-customer')
                <li class="nav-item">
                    <a href="{{ route('list', 'expired-Clients') }}"
                        class="nav-link {{ request()->path() == 'admin/list/expired-Clients' ? 'active' : '' }}">
                        <i class="ml-3 far fas fa-calendar-minus nav-icon" style="font-size: 10px"></i>
                        <p>Expired Customers</p>
                    </a>
                </li>
            @endcan

            @can('leftclient')
                <li class="nav-item">
                    <a href="{{ route('leftClient') }}"
                        class="nav-link {{ request()->path() == 'admin/leftClient' ? 'active' : '' }}">
                        <i class="ml-3 far fas fa-calendar-minus nav-icon" style="font-size: 10px"></i>
                        <p>Left Clients</p>
                    </a>
                </li>
            @endcan

            @can('line-shift')
                <li class="nav-item">
                    <a href="{{ route('line-shift.index') }}"
                        class="nav-link {{ request()->routeIs(['line-shift.index']) ? 'active' : '' }}">
                        <i class="ml-3 far fas fa-calendar-check nav-icon" style="font-size: 10px"></i>
                        <p>Line Shift</p>
                    </a>
                </li>
            @endcan


            @can('not-connected-client')
                <li class="nav-item">
                    <a href="{{ route('notConnectedClient') }}"
                        class="nav-link {{ request()->routeIs(['notConnectedClient']) ? 'active' : '' }}"><i
                            class="ml-3 far fas fa-plug nav-icon" style="font-size: 10px"></i>
                        <p>Not Connected Customers</p>
                    </a>
                </li>
            @endcan

            @can('oflineUser')
                <li class="nav-item">
                    <a href="{{ route('oflineCustomer') }}"
                        class="nav-link {{ request()->routeIs(['oflineCustomer']) ? 'active' : '' }}"><i
                            class="ml-3 far fas fa-users-slash nav-icon" style="font-size: 10px"></i>
                        <p>Offline Customers</p>
                    </a>

                </li>
            @endcan

            @can('onlineUser')
                <li class="nav-item">
                    <a href="{{ route('onlineCustomer') }}"
                        class="nav-link  {{ request()->routeIs(['onlineCustomer']) ? 'active' : '' }}"><i
                            class="ml-3 far fas fa-globe nav-icon" style="font-size: 10px"></i>
                        <p>Online Customers</p>
                    </a>
                </li>
            @endcan

            @can('changePackage')
                <li class="nav-item">
                    <a href="{{ route('packageChange') }}"
                        class="nav-link {{ request()->routeIs(['packageChange']) ? 'active' : '' }}"><i
                            class="ml-3 far fas fa-box nav-icon" style="font-size: 10px"></i>
                        <p>Package Change</p>
                    </a>
                </li>
            @endcan

            @can('monthly-paid-customer-list')
                <li class="nav-item">
                    <a href="{{ route('monthlyPaidCustomer') }}"
                        class="nav-link {{ request()->routeIs(['monthlyPaidCustomer']) ? 'active' : '' }}">
                        <i class="ml-3 far fas fa-spinner nav-icon" style="font-size: 10px"></i>
                        <p>Paid Customers</p>
                    </a>
                </li>
            @endcan

            @if (operationApprovalEnabled())
                {{-- Either right opens the list: see only, or see and clear. --}}
                @canany(['operation-approval-index', 'operation-approval'])
                    <li class="nav-item">
                        <a href="{{ route('operationPendingCustomer') }}"
                            class="nav-link {{ request()->routeIs(['operationPendingCustomer']) ? 'active' : '' }}">
                            <i class="ml-3 far fas fa-spinner nav-icon" style="font-size: 10px"></i>
                            <p>Operation Pending Customers</p>
                            <span class="bg-red-600 rounded-full text-white py-0 px-2">
                                {{ \App\Services\ClientServices::customerList('operationPendingCustomer')->count() }}
                            </span>
                        </a>
                    </li>
                @endcan
            @endif

            <li class="nav-item">

                <a href="{{ route('pendingCustomer') }}"
                    class="nav-link {{ request()->routeIs(['pendingCustomer']) ? 'active' : '' }}">
                    <i class="ml-3 far fas fa-spinner nav-icon" style="font-size: 10px"></i>
                    <p>Pending Customers</p>
                    <span class="bg-red-600 rounded-full text-white py-0 px-2">{{ session('pendingCustomer') }}</span>
                </a>
            </li>

            @if (checkSettings('local-user-first-approve') == 'enable')
                @if (auth()->user()->can('local-user-first-approve'))
                    <li class="nav-item">
                        <a href="{{ route('accountsPendingCustomer') }}"
                            class="nav-link {{ request()->routeIs(['accountsPendingCustomer']) ? 'active' : '' }}">
                            <i class="ml-3 far fas fa-spinner nav-icon" style="font-size: 10px"></i>
                            <p>Accounts Pending Customers</p>
                            <span
                                class="bg-red-600 rounded-full text-white py-0 px-2">{{ session('accountsPendingCustomer') }}</span>
                        </a>
                    </li>
                @endif
            @endif

            @can('newjoin')
                <li class="nav-item">
                    <a href="{{ route('list', 'new-join') }}"
                        class="nav-link {{ request()->path() == 'admin/list/new-join' ? 'active' : '' }}">
                        <i class="ml-3 far fas fa-folder-open nav-icon" style="font-size: 10px"></i>
                        <p>Recent Customers</p>
                    </a>
                </li>
            @endcan


        </ul>
    </li>
@endunless
@if (checksettings('new-line-request') == 'enable')
    @canany(['confirm-line-request-index', 'quick-request-index', 'new-line-request-index', 'new-line-marketing-index', 'cancel-new-line-request',
        'Confirm-line-shift', 'confirm-line-report', 'follow-up-report','success-report'])
        <li
            class="nav-item {{ request()->routeIs(['quick-request*', 'newline.marketing*', 'confirm-line-shift*', 'cancel-line-request*', 'new-line-request-summary', 'new-line-request*', 'newline.newIndex', 'newline.newCreate', 'newline.newStore', 'newline.newInformation', 'newline.newInformationStore', 'newline.supportdone', 'newline.survey.update', 'newline.newLineRequestHistoryLogs', 'newline.newLineRequestRemarks', 'newline.newLineRequestRemarksAdd', 'newline.newLineRequestAssign', 'newline.newLineRequestSetDeliveryDate', 'newline.newLineRequestSetFreeDays', 'newline.newLineRequestAssignLineMan', 'newline.newLineRequestCreatePppoeUserFromConfirmLineRequest', 'newline.newLineRequestCreateTicketForThisClient', 'newline.newLineRequestSummary', 'confirm-line-request-summary', 'confirm-line-report', 'follow-up-report','summary-report-created-by']) ? 'menu-open' : '' }}">
            <a href="#" class="nav-link">
                <i class=" fas fa-plus-circle nav-icon"></i>
                <p>New line
                    <i class="fas fa-angle-left right"></i>
                </p>
            </a>
            <ul class="nav nav-treeview">
                @can('confirm-line-request-index')
                    <li class="nav-item">
                        <a href="{{ route('new-line-request.index') }}"
                            class="nav-link {{ request()->routeIs(['new-line-request.index']) ? 'active' : '' }}">
                            <i class="ml-3 far fas fa-calendar-check nav-icon" style="font-size: 10px"></i>
                            <p>Confirm Line Request</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="{{ route('confirm-line-request-summary') }}"
                            class="nav-link {{ request()->routeIs(['confirm-line-request-summary']) ? 'active' : '' }}">
                            <i class="ml-3 far fas fa-calendar-check nav-icon" style="font-size: 10px"></i>
                            <p>Confirm Line Summary</p>
                        </a>
                    </li>
                @endcan

                @can('quick-request-index')
                    <li class="nav-item">
                        <a href="{{ route('quick-request.index') }}"
                            class="nav-link {{ request()->routeIs(['quick-request.index']) ? 'active' : '' }}">
                            <i class="ml-3 far fas fa-bolt nav-icon" style="font-size: 10px"></i>
                            <p>Quick Request</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="{{ route('quick-request-shift-report') }}"
                            class="nav-link {{ request()->routeIs(['quick-request-shift-report']) ? 'active' : '' }}">
                            <i class="ml-3 far fas fa-exchange-alt nav-icon" style="font-size: 10px"></i>
                            <p>New Line Shift Report</p>
                        </a>
                    </li>
                @endcan

                @can('new-line-request-index')
                    <li class="nav-item">
                        <a href="{{ route('newline.newIndex') }}"
                            class="nav-link {{ request()->routeIs(['newline.newIndex']) ? 'active' : '' }}">
                            <i class="ml-3 far fas fa-calendar-check nav-icon" style="font-size: 10px"></i>
                            <p>New Line Request</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="{{ route('new-line-request-summary') }}"
                            class="nav-link {{ request()->routeIs(['new-line-request-summary']) ? 'active' : '' }}">
                            <i class="ml-3 far fas fa-calendar-check nav-icon" style="font-size: 10px"></i>
                            <p>New Line Summary</p>
                        </a>
                    </li>
                @endcan
                @can('new-line-marketing-index')
                    <li class="nav-item">
                        <a href="{{ route('newline.marketingIndex') }}"
                            class="nav-link {{ request()->routeIs(['newline.marketingIndex', 'newline.marketingCreate']) ? 'active' : '' }}">
                            <i class="ml-3 far fas fa-bullhorn nav-icon" style="font-size: 10px"></i>
                            <p>New Line Marketing</p>
                        </a>
                    </li>
                @endcan
                @can('cancel-new-line-request')
                    <li class="nav-item">
                        <a href="{{ route('cancel-line-request') }}"
                            class="nav-link {{ request()->routeIs(['cancel-line-request*']) ? 'active' : '' }}">
                            <i class="ml-3 far fas fa-calendar-check nav-icon" style="font-size: 10px"></i>
                            <p>Cancel Line Request</p>
                        </a>
                    </li>
                @endcan
                @can('Confirm-line-shift')
                    <li class="nav-item">
                        <a href="{{ route('confirm-line-shift') }}"
                            class="nav-link {{ request()->routeIs(['confirm-line-shift*']) ? 'active' : '' }}">
                            <i class="ml-3 far fas fa-calendar-check nav-icon" style="font-size: 10px"></i>
                            <p>Confirm Line Shift</p>
                        </a>
                    </li>
                @endcan

                @can('confirm-line-report')
                    <li class="nav-item">
                        <a href="{{ route('confirm-line-report') }}"
                            class="nav-link {{ request()->routeIs(['confirm-line-report*']) ? 'active' : '' }}">
                            <i class="ml-3 far fas fa-calendar-check nav-icon" style="font-size: 10px"></i>
                            <p>Confirm Line Report</p>
                        </a>
                    </li>
                @endcan


                @can('follow-up-report')
                    <li class="nav-item">
                        <a href="{{ route('follow-up-report') }}"
                            class="nav-link {{ request()->routeIs(['follow-up-report*']) ? 'active' : '' }}">
                            <i class="ml-3 far fas fa-calendar-alt nav-icon" style="font-size: 10px"></i>
                            <p>Follow Up Report</p>
                        </a>
                    </li>
                @endcan
                @can('success-report')
                    <li class="nav-item">
                        <a href="{{ route('summary-report-created-by') }}"
                            class="nav-link {{ request()->routeIs(['summary-report-created-by*']) ? 'active' : '' }}">
                            <i class="ml-3 far fas fa-calendar-alt nav-icon" style="font-size: 10px"></i>
                            <p>Success Report</p>
                        </a>
                    </li>
                @endcan


            </ul>
        </li>
    @endcanany
@endif