@php($permissions = userPermissions())
<style>
    .dropdown-menu.action-dropdown-menu {
        max-height: 50vh;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        scrollbar-width: thin;
        /* Above the fixed header/sidebar (1040), below modals (1050). */
        z-index: 1045;
    }

    .dropdown-menu.action-dropdown-menu::-webkit-scrollbar {
        width: 6px;
    }

    .dropdown-menu.action-dropdown-menu::-webkit-scrollbar-track {
        background-color: #f1f1f1;
    }

    .dropdown-menu.action-dropdown-menu::-webkit-scrollbar-thumb {
        background-color: #adb5bd;
        border-radius: 3px;
    }

    @media (max-width: 767.98px) {
        .dropdown-menu.action-dropdown-menu {
            max-height: 60vh;
        }
    }

    @if (globalPermission('sticky-table-header'))
        /* The layout caps .table-responsive at the viewport height so headings can pin
           inside it. Here the box holds the summary as well as a long list, so the cap
           gave it a vertical scrollbar of its own next to the page's. Let the page do
           the vertical scrolling; the box still scrolls sideways for the wide table. */
        #result.table-responsive {
            max-height: none;
        }
    @endif
</style>
<div class="table-responsive" id="result" style="min-height:500px;">

    <input type="hidden" id="DaywiseRecharge" name="DaywiseRecharge"
        value="{{ checkSettings('recharge_expire_customer_today') }}">
    @if (request()->path() == 'admin/list/new-join' || request()->path() == 'admin/newClientSearchReport')
        <div class="float-right">Total : {{ $list->total() }}</div>
        @if ($export == 'yes')
            @if (checkSettings('enforce-download-permission') != 'enable' || auth()->user()->can('recent-client-export'))
                <a class="noprint btn btn-primary m-1" href="{{ route('recentClientExport') }}"><i
                        class="fa fa-print"></i>
                    Download CSV</a>
            @endif
        @endif
    @endif

    @if (request()->path() == 'admin/list/close-list')
        @if (checkSettings('enforce-download-permission') != 'enable' || auth()->user()->can('close-client-export'))
            <a class="noprint btn btn-primary" href="{{ route('closeClientExport') }}"><i class="fa fa-print"></i>
                Export</a>
        @endif
        @if (checkSettings('multiple_client_restore') == 'enable' && in_array('can-open', $permissions))
            <button type="button" class="noprint btn btn-success ml-1" id="batchRestoreBtn"><i class="fa fa-undo"></i>
                Restore selected</button>
        @endif
        <div class="float-right">Total Closed: {{ $closeTotal ?? 0 }}</div>
    @endif
    @if (request()->path() == 'admin/close-search-list')
        @if (checkSettings('enforce-download-permission') != 'enable' || auth()->user()->can('close-client-list-export'))
            <a class="noprint btn btn-primary mt-1 mb-1" href="{{ route('closeClientListExport') }}"><i
                    class="fa fa-print"></i> Download CSV</a>
        @endif
        @if (checkSettings('multiple_client_restore') == 'enable' && in_array('can-open', $permissions))
            <button type="button" class="noprint btn btn-success ml-1 mt-1 mb-1" id="batchRestoreBtn"><i
                    class="fa fa-undo"></i> Restore selected</button>
        @endif
        @if (checkSettings('multiple_mac_customer_destroy') == 'enable' && in_array('mac-customer_destroy', $permissions))
            <button type="button" class="noprint btn btn-danger ml-1 mt-1 mb-1" id="batchDeleteBtn"><i
                    class="fa fa-trash"></i> Delete selected</button>
        @endif
    @endif

    @if (request()->path() == 'admin/list/expired-Clients' || request()->path() == 'admin/expire-customer-search')
        <div class="mb-2">
            @if (request()->path() == 'admin/expire-customer-search')
                @if (checkSettings('enforce-download-permission') != 'enable' || auth()->user()->can('expire-client-export'))
                    <a class="noprint btn btn-primary m-1" href="{{ route('expireClientExport') }}"><i
                            class="fa fa-print"></i>
                        Download CSV</a>
                @endif
                {{-- @else
                <button class="btn btn-primary" onclick="export2csv()">Download csv</button> --}}
            @endif
        </div>
    @endif

    @if (request()->path() == 'admin/free-cleint' || request()->path() == 'admin/freeClientSearch')
        <h5>Total Free Client: {{ $list->count() }}</h5>
    @endif
    <div class="scrollbar">
        @if (request()->path() == 'admin/pending-customer' || request()->path() == 'admin/pending-customer-search')
            <div>
                @if (request()->path() == 'admin/pending-customer-search')
                    @if (checkSettings('enforce-download-permission') != 'enable' || auth()->user()->can('pending-client-export'))
                        <a class="noprint btn btn-primary m-2" href="{{ route('pendingCustomerExport') }}"><i
                                class="fa fa-file-excel"></i>
                            Export Excel</a>
                    @endif
                @endif
                @if (checkSettings('local-user-first-approve') == 'enable')
                    @if (in_array('local-user-first-approve', $permissions))
                        <button class="btn btn-primary m-2" id="firstAllApprove"><i class="fa fa-check"></i>Final
                            Approve</button>
                    @elseif (in_array('new-customer-approve', $permissions))
                        <button class="btn btn-secondary m-2" id="selectAllPending"
                            @if ($list->count() == 0) disabled @endif>
                            <i class="fa fa-check-square-o" id="selectAllPendingIcon"></i>
                            <span id="selectAllPendingLabel">Select All ({{ $list->count() }})</span>
                        </button>
                        <button class="btn btn-success float-right m-2" id="allApprove"><i class="fa fa-check"></i>
                            Approve <span class="badge badge-light" id="selectedCount">0</span></button>
                    @endif
                @else
                    @if (in_array('new-customer-approve', $permissions))
                        <button class="btn btn-secondary m-2" id="selectAllPending"
                            @if ($list->count() == 0) disabled @endif>
                            <i class="fa fa-check-square-o" id="selectAllPendingIcon"></i>
                            <span id="selectAllPendingLabel">Select All ({{ $list->count() }})</span>
                        </button>
                        <button class="btn btn-success float-right m-2" id="allApprove"><i class="fa fa-check"></i>
                            Approve <span class="badge badge-light" id="selectedCount">0</span></button>
                    @endif
                @endif
                @if (in_array('pending-customer-delete', $permissions))
                    <button class="btn btn-danger m-2 float-right" id="allDelete"><i class="fa fa-trash"></i>
                        Delete</button>
                @endif
            </div>
        @endif

        @if (checkSettings('all-client-dataTable') == 'enable' && request()->path() == 'admin/clients')
            <table id="dataTable" class="display" data-paging='false'>
                <style>
                    .dataTables_filter,
                    .dataTables_info {
                        display: none;
                    }
                </style>
            @elseif (request()->path() == 'admin/expire-customer-search' ||
                    request()->path() == 'admin/getResellerPopList' ||
                    request()->path() == 'admin/online-customer-search' ||
                    request()->path() == 'admin/list/new-join' ||
                    request()->path() == 'admin/newClientSearchReport' ||
                    request()->path() == 'admin/disable-customer-search' ||
                    request()->path() == 'admin/deactive-customer' ||
                    request()->path() == 'admin/active-customer' ||
                    request()->path() == 'admin/free-client' ||
                    request()->path() == 'admin/freeClientSearch')
                <table class="table table-bordered table-striped table-condensed table_dowanload product-table mt-3"
                    id="dataTable">
                @else
                    <table class="table table-bordered table-striped table-condensed table_dowanload product-table mt-3"
                        @if (isset($close)) id="dataTable" @endif>
        @endif

        <thead>
            {{-- This summary used to open a row inside the heading row below. Rows
                 cannot nest, so the browser closed the heading row early as an
                 empty, transparent one and pushed the th cells into an implicit row
                 of its own. Two visible symptoms: the heading lost its colour on
                 this page, and once the heading became sticky the scrolling rows
                 showed through that empty row as a gap above it.

                 Its own row now, with an opaque background so nothing shows through
                 while the heading is pinned. --}}
            @if (request()->path() == 'admin/clientSearchReport')
                <tr style="background:#fff; color:#000;">
                    <td colspan="15">
                        <p class="text-center">{{ $status }}</p>
                        <p class="text-center">
                            {!! $packages_count !!}
                        </p>
                        <p class="text-center">
                            {!! $billing_count !!}
                        </p>
                    </td>
                </tr>
            @endif
            <tr style="background:#78716C !important; color:white;">
            @if (request()->path() == 'admin/pending-customer' ||
                    request()->path() == 'admin/clientSearchReport' ||
                    request()->path() == 'admin/pending-customer-search')
                <th class="text-center">
                    <input type="checkbox" id="allSelect">
                </th>
            @endif
            @if (
                (request()->path() == 'admin/list/close-list' || request()->path() == 'admin/close-search-list') &&
                    (checkSettings('multiple_client_restore') == 'enable' ||
                        checkSettings('multiple_mac_customer_destroy') == 'enable'))
                <th class="text-center">
                    <input type="checkbox" id="closeListSelectAll" title="Select all">
                </th>
            @endif
            <th>ID</th>
            <th style="width: 180px !important;">User name</th>
            <th>Status</th>
            @if (request()->path() == 'admin/clients')
                <th>
                    <a href="{{ request()->fullUrlWithQuery(['sort' => 'expire_date', 'order' => request('sort') == 'expire_date' && request('order') == 'asc' ? 'desc' : 'asc']) }}"
                        style="color: white; text-decoration: none; cursor: pointer;">
                        Expire
                        @if (request('sort') == 'expire_date')
                            @if (request('order') == 'asc')
                                <i class="fa fa-sort-up"></i>
                            @else
                                <i class="fa fa-sort-down"></i>
                            @endif
                        @else
                            <i class="fa fa-sort"></i>
                        @endif
                    </a>
                </th>
            @else
                <th>Expire</th>
            @endif
            <th>Bill Info</th>
            <th>Package</th>
            <th>POP/Manager</th>
            <th>Name</th>
            <th>Contact</th>
            <th style="width:350px">User Info</th>
            <th>Date</th>
            @if (request()->path() == 'admin/list/close-list' || request()->path() == 'admin/close-search-list')
                <th>Close Date</th>
            @endif
            <th>Remarks</th>
            @if (request()->path() == 'admin/list/new-join' || request()->path() == 'admin/newClientSearchReport')
                @can('show-marketer-in-recent-client')
                    <th>MKAM</th>
                @endcan
            @endif
            @if (request()->path() == 'admin/pending-customer')
                <th>Created By</th>
            @endif

            </tr>
        </thead>
        @if (auth()->user()->hasRole(['Sub Reseller', 'Sub Reseller Technician']))
            <input type="hidden" id="checkSubReseller" value="Sub-Reseller">
        @endif
        <tbody>
            @php($catTotalLength = 0)
            @php($totalOtc = 0)
            @php($totalMrc = 0)
            @php($apiCheck = checkAPI())
            @php(
    $isSubResellerRole = auth()->user()->hasRole(['Sub Reseller', 'Sub Reseller Technician'])
)




            @if (request()->path() == 'admin/list/disable-customer' ||
                    request()->path() == 'admin/list/expired-Clients')
                <h4>Total = {{ $list->total() }}</h4>
            @endif
            @if (request()->path() == 'admin/disable-customer-search' ||
                    request()->path() == 'admin/expire-customer-search' ||
                    request()->path() == 'admin/pending-customer' ||
                    request()->path() == 'admin/pending-customer-search' ||
                    request()->path() == 'admin/active-customer-search' ||
                    request()->path() == 'admin/close-search-list')
                <h4>Total = {{ $list->count() }}</h4>
            @endif


            @foreach ($list as $r)
                {{-- Sub reseller sees the sub package rate, everyone else the mother package rate --}}
                @php($rowPackageRate = $isSubResellerRole && ($r->pops->subreseller ?? '') == 'yes' ? $r->subpack->rate ?? 0 : $r->packages->package_rate ?? 0)
                {{-- {{ dd($r)}} --}}


                <tr data-userid="{{ $r->userid }}" @if ($r->clients_status == 'deactive') class="deactive" @endif>
                    @if (request()->path() == 'admin/clientSearchReport')
                        <td class="text-center">
                            @if (in_array('customer-recharge', $permissions))
                                @if ($r->pops->bill_generate != 'yes')
                                    <input type="checkbox" value="{{ $r->id }}"
                                        class="checkbox checkboxR checkboxprice" id="row_id" name="ids[]">
                                    {{-- A free client is never charged, so the cost preview must not quote one. --}}
                                    @php($rowIsFree = ($r->is_free ?? 0) == 1)
                                    @if (auth()->user()->hasRole(['Reseller Admin', 'Admin', 'Accounts Executive', 'Reseller', 'Reseller Technician']))
                                        <input type="hidden" name="price[]" class="current_price"
                                            value="{{ $rowIsFree ? 0 : ($r->packages->package_rate ?? 0) }}">
                                    @elseif(auth()->user()->hasRole(['Sub Reseller', 'Sub Reseller Technician']))
                                        <input type="hidden" name="price[]" class="current_price"
                                            value="{{ $rowIsFree ? 0 : ($r->subpack->rate ?? 0) }}">
                                    @endif
                                    <input type="hidden" name="ep_date" class="ep_date"
                                        value={{ date('Y-M-d', strtotime($r->expire_date)) }}>
                                    <input type="hidden" name="billing_cycle" class="billing_cycle"
                                        value={{ $r->billing_cycle }}>
                                    <input type="hidden" class="reseller_price"
                                        value="{{ $rowIsFree ? 0 : ($r->packages->package_rate ?? 0) }}">
                                    <input type="hidden" class="subreseller_price"
                                        value="{{ $rowIsFree ? 0 : ($r->subpack->rate ?? 0) }}">
                                @else
                                    <input type="checkbox" value="{{ $r->id }}"
                                        class="checkbox checkboxR checkboxprice" id="row_id" name="ids[]">
                                @endif
                            @endif

                        </td>
                    @elseif(request()->path() == 'admin/pending-customer' || request()->path() == 'admin/pending-customer-search')
                        <td>
                            <input type="checkbox" class="checkbox new_class_for_client_id_of_pending" name="id[]"
                                value="{{ $r->id }}">
                        </td>
                    @elseif (
                        (request()->path() == 'admin/list/close-list' || request()->path() == 'admin/close-search-list') &&
                            (checkSettings('multiple_client_restore') == 'enable' ||
                                checkSettings('multiple_mac_customer_destroy') == 'enable'))
                        <td class="text-center">
                            <input type="checkbox" class="checkbox close-list-restore-id" name="close_restore_ids[]"
                                value="{{ $r->id }}">
                        </td>
                    @endif


                    <td class="text-center" data-order="{{ $r->id }}">


                        @if ($r->pop->bill_generate == 'yes')
                            @if (!globalPermission('payment-bill-by-bill'))
                                @if (in_array('money-receipt-entry', $permissions))
                                    <button data-package_rate="{{ $r->packages->package_rate ?? 0 }}"
                                        data-billing_type="{{ getBillingType($r) }}"
                                        data-client_billing_type="{{ $r->billing_type }}"
                                        data-id="{{ $r->id }}" data-userid="{{ $r->userid }}"
                                        @if ($r->customerAccount != null) data-amount="{{ $r->customerAccount->dueAmount > 0 ? $r->customerAccount->dueAmount : 0 }}" @endif
                                        type="button" class="btn btn-danger ajaxPayment btn-xs btn-block text-nowrap"
                                        data-toggle="modal" data-target="#paymentModal">
                                        Payment
                                    </button>
                                @endif
                            @endif

                            <a class=" btn-info btn-block btn-xs text-nowrap clear"
                                href="{{ route('getPaymentHistory', $r->id) }}">CID: {{ $r->id }}</a>
                        @else
                            @if (in_array('customer-recharge', $permissions))
                                @if (checkSettings('reseller-client-dynamic-recharge') == 'enable' && in_array('dynamic-recharge', $permissions))
                                    @if (request()->path() == 'admin/clients')
                                        @if ($r->client_approval == 'approved')
                                            <button data-id="{{ $r->id }}" type="button"
                                                class="btn btn-dark ajaxRecharge btn-xs btn-block text-nowrap">
                                                Recharge
                                            </button>
                                        @endif
                                    @endif
                                @else
                                    @if ($r->client_approval == 'approved')
                                        <button data-id="{{ $r->id }}" type="button"
                                            class="btn btn-dark ajaxRecharge btn-xs btn-block text-nowrap">
                                            Recharge
                                        </button>
                                    @endif
                                @endif
                            @endif
                            @if (globalPermission('reseller-client-billing') && in_array('view-client-account-balance', $permissions))
                                <a class=" btn-info btn-block btn-xs text-nowrap clear"
                                    href="{{ route('getPaymentHistoryOfResellerClient', $r->id) }}">CID:
                                    {{ $r->id }}</a>
                            @else
                                <a class=" btn-info btn-block btn-xs text-nowrap clear"
                                    href="{{ route('getRechargeHistory', $r->id) }}">CID: {{ $r->id }}</a>
                            @endif

                        @endif

                        @if (!checkAPI() || checkSettings('api_bandwidth_usage') == 'enable')
                            <a href="{{ route('getCustomerLogHistory', $r->id) }}"
                                class="noprint btn btn-primary btn-xs btn-block">Log</a>
                        @endif
                        @if ($r->deleted_at != null)
                            <a href="{{ route('clients.show', $r->id) }}"
                                class="noprint btn btn-primary btn-xs btn-block">Details</a>
                        @else
                            <a href="{{ route('clients.show', $r->id) }}"
                                class="noprint btn btn-primary btn-xs btn-block">Details</a>
                        @endif

                        @if (checkSettings('singleInvoice') == 'enable' && $r->pop->bill_generate == 'yes')
                            <button data-id="{{ $r->id }}"
                                class="btn btn-info btn-xs text-nowrap btn-block viewInvoice">View Invoice</button>

                            <button data-id="{{ $r->id }}"
                                class="btn btn-danger btn-sm btn-block sendInvoice"><i class="fa fa-envelope"></i>
                                Send</button>
                        @endif
                        <div class="mt-2">
                            @if ($r->deleted_at != null)
                                <div class="dropdown">
                                    <button class="btn btn-primary btn-sm btn-block dropdown-toggle" type="button"
                                        id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
                                        aria-expanded="false" data-boundary="viewport"
                                        data-popper-config='{"positionFixed":true}'>
                                        Action
                                    </button>
                                    <div class="dropdown-menu action-dropdown-menu"
                                        aria-labelledby="dropdownMenuButton">


                                        <a href="{{ route('clients.show', $r->id) }}" class="dropdown-item">Details
                                            close</a>

                                        <a href="{{ route('get-all-edit-log-history', $r->id) }}"
                                            class="dropdown-item" target="_blank">Log History</a>
                                        @if (globalPermission('store-items'))
                                            <button type="button" class="dropdown-item storeItemsBtn"
                                                data-id="{{ $r->id }}"
                                                data-userid="{{ $r->userid }}">Store Items</button>
                                        @endif

                                        @if (in_array('delete_customer_edit', $permissions))
                                            <a href="{{ route('clients.edit', $r->id) }}"
                                                class="dropdown-item">Edit</a>
                                        @endif

                                        @if (in_array('mac-customer_destroy', $permissions) && $r->pops->bill_generate != 'yes')
                                            <button class="dropdown-item idDestroy"
                                                data-id="{{ $r->id }}">Delete</button>
                                        @endif

                                        <div class="mb-1"></div>

                                        @if (in_array('can-open', $permissions))
                                            <a href="{{ route('open', $r->id) }}"
                                                onclick="return confirm('Are you sure you want to Open the ID?');"
                                                class="confirmDisable dropdown-item bg-danger">Restore Account</a>
                                        @endif


                                    </div>
                                </div>
                            @else
                                <div class="dropdown">



                                    <button class="btn btn-primary btn-sm btn-block dropdown-toggle" type="button"
                                        id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
                                        aria-expanded="false" data-boundary="viewport"
                                        data-popper-config='{"positionFixed":true}'>
                                        Action
                                    </button>
                                    <div class="dropdown-menu action-dropdown-menu"
                                        aria-labelledby="dropdownMenuButton">
                                        @if ($r->ignoreMKCheck == 0)
                                            <form method="POST" action="{{ route('reSyncSingleClient') }}">
                                                @csrf
                                                <input type="hidden" name="id" value="{{ $r->id }}">
                                                <button
                                                    onclick="return confirm('Are you sure you want to re-sync this user ?');"
                                                    type="submit" class="dropdown-item">Re-Sync</button>
                                            </form>
                                        @else
                                            <button type="button" class="dropdown-item" disabled>Ignore MK :
                                                &#x2705;</button>
                                        @endif

                                        @if (in_array('mac-customer_edit', $permissions))
                                            <a href="{{ route('clients.edit', $r->id) }}"
                                                class="dropdown-item">Edit</a>
                                        @endif

                                        @if ($r->is_free == 0)
                                            @if (request()->path() == 'admin/clients' ||
                                                    request()->path() == 'admin/customer_search' ||
                                                    request()->path() == 'admin/clientSearchReport')
                                                @if (in_array('changePackage', $permissions))
                                                    <a href="" type="button"
                                                        data-clientid="{{ $r->id }}"
                                                        class="package_change_action_btn dropdown-item"
                                                        data-toggle="modal"
                                                        data-target="#package_change_modal">Package
                                                        Change</a>
                                                @endif
                                            @endif
                                        @endif

                                        @if ($r->is_free == 0)
                                            @if (request()->path() == 'admin/clients' ||
                                                    request()->path() == 'admin/customer_search' ||
                                                    request()->path() == 'admin/clientSearchReport')
                                                @if (in_array('changeBillCycle', $permissions))
                                                    <button type="button" class="dropdown-item clientBillCycleChange"
                                                        data-toggle="modal" data-id="{{ $r->id }}"
                                                        data-curdate={{ $r->billing_cycle }}
                                                        data-target="#billCycleChange">
                                                        Bill Cycle Change
                                                    </button>
                                                @endif
                                            @endif
                                        @endif

                                        @if ($r->clients_status == 'disable')
                                            @if (in_array('id-enable', $permissions))
                                                <a href="#" data-id="{{ $r->id }}"
                                                    id="{{ $r->id }}"
                                                    class="idEnable dropdown-item">Enable</a>
                                            @endif
                                        @endif


                                        @if ($r->clients_status != 'disable')
                                            @if (in_array('id-disable', $permissions))
                                                <a href="#" data-id="{{ $r->id }}"
                                                    id="{{ $r->id }}"
                                                    class=" idDisable confirmDisable dropdown-item ">Disable </a>
                                            @endif
                                        @endif

                                        @if (in_array('can-close', $permissions))
                                            @if (request()->path() != 'admin/pending-customer')
                                                @if ($r->deleted_at == null)
                                                    <a href="#" data-id="{{ $r->id }}"
                                                        class="idClose dropdown-item">Close</a>
                                                @else
                                                @endif
                                            @endif
                                        @endif

                                        {{-- @can('add-otc') --}}
                                        @if (in_array('add-otc', $permissions))
                                            @if ($r->pops->bill_generate == 'yes')
                                                @if ($r->clientsinfo->otc < 1)
                                                    <button type="button" class="dropdown-item addOtc"
                                                        data-toggle="modal" data-id="{{ $r->id }}"
                                                        data-target="#addOtc">
                                                        Add Otc
                                                    </button>
                                                @endif
                                            @endif
                                        @endif
                                        @if ($r->pop->bill_generate == 'yes')
                                            @php($link = App\Http\Controllers\CompanyInfoController::baseUrl() . $r->slug)

                                            <p id="client-{{ $r->id }}" class="d-none">{{ $link }}
                                            </p>
                                            <a href="#" class="dropdown-item"
                                                onclick="copyToClipboard({{ $r->id }})">Copy Payment URL</a>

                                            <a href="{{ route('clientQrcode', $r->id) }}" class="dropdown-item"
                                                target="_blank">Print QR Code</a>
                                        @endif
                                        <a href="{{ route('clients.show', $r->id) }}"
                                            class="dropdown-item">Details</a>

                                        <a href="{{ route('get-all-edit-log-history', $r->id) }}"
                                            class="dropdown-item" target="_blank">Log History</a>
                                        @if (globalPermission('store-items'))
                                            <button type="button" class="dropdown-item storeItemsBtn"
                                                data-id="{{ $r->id }}"
                                                data-userid="{{ $r->userid }}">Store Items</button>
                                        @endif

                                        @if (in_array('new-token', $permissions))
                                            <a href="{{ route('add-token', ['client_id' => $r->id]) }}"
                                                class="dropdown-item" target="_blank">Add Token</a>
                                        @endif

                                        {{-- @can('mac-customer_edit') --}}


                                        @if (in_array('client_image_update', $permissions) && globalPermission('customer_profile_picture'))
                                            <a href="{{ route('clients.image.update', $r->id) }}"
                                                class="dropdown-item">Update Image</a>
                                        @endif




                                        @if (request()->path() == 'admin/clients' ||
                                                request()->path() == 'admin/customer_search' ||
                                                request()->path() == 'admin/clientSearchReport' ||
                                                request()->path() == 'admin/list/expired-Clients' ||
                                                request()->path() == 'admin/expired-Clients' ||
                                                request()->path() == 'admin/expire-customer-search')
                                            @if (in_array('mac-customer_edit', $permissions))
                                                @if ($r->pop->bill_generate == 'yes' && auth()->user()->can('extend-temporary-dedline'))
                                                    <button type="button" class="dropdown-item changeTemporaryExtend"
                                                        data-toggle="modal" data-id="{{ $r->id }}"
                                                        data-tmpExtend={{ $r->payment_dadeline }}
                                                        data-target="#expDateExtend">Expire Date Extend
                                                    </button>
                                                @endif
                                            @endif
                                        @endif
                                        @if (request()->path() == 'admin/clients' ||
                                                request()->path() == 'admin/customer_search' ||
                                                request()->path() == 'admin/clientSearchReport')
                                            {{-- @if (in_array('mac-customer_edit', $permissions))
                                                @if ($r->pop->bill_generate == 'yes' && auth()->user()->can('extend-temporary-dedline'))
                                                    <button type="button" class="dropdown-item changeTemporaryExtend"
                                                        data-toggle="modal" data-id="{{ $r->id }}"
                                                        data-tmpExtend={{ $r->payment_dadeline }}
                                                        data-target="#expDateExtend">Expire Date Extend
                                                    </button>
                                                @endif
                                            @endif --}}

                                            @if (in_array('change_auto_deactive_date', $permissions))
                                                <button onclick="autoDeactiveDateApply({{ $r->id }})"
                                                    type="button" class="dropdown-item autoDeactiveDateChange"
                                                    data-toggle="modal" data-id="{{ $r->id }}"
                                                    data-autoDeactive="{{ date('d-M-Y', strtotime($r->auto_deactive)) }}"
                                                    data-target="#deactiveDateChange"
                                                    id="autoDeactiveId-{{ $r->id }}">
                                                    Auto Deactive Date
                                                </button>
                                            @endif
                                        @endif






                                        @if (checkSettings('schedule_package') == 'enable' && in_array('schedule-package-change', $permissions))
                                            <a href="" type="button" data-clientid="{{ $r->id }}"
                                                class="schedule_package_change dropdown-item" data-toggle="modal"
                                                data-target="#schedule_package_change_modal">Schedule Package
                                                Change</a>
                                        @endif




                                        <div class="mb-1"></div>





                                        @if ($r->clients_status != 'deactive')
                                            @if (in_array('customer-deactivated', $permissions))
                                                <a href="#" data-id="{{ $r->id }}"
                                                    id="deactive{{ $r->id }}"
                                                    class="id_deactive  dropdown-item">Deactive
                                                </a>
                                            @endif
                                        @endif
                                        @if ($r->clients_status == 'deactive')
                                            @if (in_array('customer-reactivate', $permissions))
                                                <a href="#" data-id="{{ $r->id }}"
                                                    id="reactive{{ $r->id }}"
                                                    class="id_reactive   dropdown-item">Reactive
                                                </a>
                                            @endif
                                        @endif


                                        @if ($r->pops->bill_generate != 'yes' || $r->client_approval == 'pending')
                                            @if (in_array('mac-customer_destroy', $permissions))
                                                <button class="dropdown-item idDestroy"
                                                    data-id="{{ $r->id }}">Delete</button>
                                            @endif
                                        @endif





                                        @if ($r->isStatic && Auth::user()->can('static_manage'))
                                            @if ($r->mac && $r->staticMacBound())
                                                {!! Form::open(['method' => 'DELETE', 'route' => ['remove-buinding-static', $r->id]]) !!}
                                                <button type="submit" class="dropdown-item"
                                                    onclick="return confirm('Unbind MAC {{ strtoupper($r->mac) }} from {{ $r->ip_address }}?');">Unbind MAC</button>
                                                {!! Form::close() !!}
                                            @elseif ($r->mac)
                                                {!! Form::open(['method' => 'POST', 'route' => ['bind-static-mac', $r->id]]) !!}
                                                <button type="submit" class="dropdown-item"
                                                    onclick="return confirm('Bind MAC {{ strtoupper($r->mac) }} to {{ $r->ip_address }}?');">Bind MAC</button>
                                                {!! Form::close() !!}
                                            @endif
                                        @endif
                                        @can('never_disconnect')
                                            <form method="POST" action="{{ route('neverDisconnectClient') }}">
                                                @csrf
                                                <input type="hidden" name="id" value="{{ $r->id }}">

                                                @if ($r->experity_check == 'Yes')
                                                    <input type="hidden" name="experity_check" value="No">
                                                    <button
                                                        onclick="return confirm('Are you sure to never disconnect this user?');"
                                                        type="submit" class="dropdown-item">Never Disconnect</button>
                                                @else
                                                    <input type="hidden" name="experity_check" value="Yes">
                                                    <button
                                                        onclick="return confirm('Are you sure to Check regular process?');"
                                                        type="submit" class="dropdown-item">Check Expired</button>
                                                @endif

                                            </form>
                                        @endcan
                                        <button class="dropdown-item"><a
                                                href="{{ route('printClientCopy', $r->id) }}"
                                                target="_blank">Print</a></button>

                                    </div>
                                </div>
                            @endif
                        </div>

                    </td>
                    <td class="no-wrap ">
                        <div class="d-flex justify-content-between">


                            <div>
                                <i class="fa-solid fa-user bg-success text-light p-1 rounded-circle"
                                    aria-hidden="true" style="font-size: 0.75rem;"></i>

                                {{ $r->isStatic ? $r->ip_address : $r->userid }}



                                @if (in_array('view-client-password', $permissions))
                                    @if (!$r->isStatic)
                                        <br>
                                        <div style="margin-top: 5px !important">
                                        </div>
                                        <i class="fa fa-key bg-danger text-light p-1 rounded-circle"
                                            aria-hidden="true" style="font-size: 0.75rem;"></i>
                                        {{ $r->password }}
                                    @endif
                                @endif
                                <br>
                                @if (checkSettings('customer_code') == 'enable')
                                    <i class="fa-solid fa-user-secret bg-warning text-light p-1 rounded-circle"></i>
                                    {{ $r->customer_code ?? '' }}
                                @endif

                                @if ($r->is_free == 1)
                                    <p class="badge badge-info m-0">Free</p>
                                @endif


                                @if (request()->path() == 'admin/clientSearchReport' && checkAPI())
                                    <div class="d-flex justify-content-start">
                                        <a role="button" id="clientOnlineButton-{{ $r->id }}"
                                            data-client-id="{{ $r->id }}" style="cursor:pointer; ">
                                            <i class="fa-regular fa-eye bg-success text-light p-1 rounded-circle"
                                                style="font-size: 0.75rem; "></i>
                                        </a>
                                        <p class="response-paragraph"></p>
                                    </div>
                                @endif

                                @if (request()->path() == 'admin/list/close-list' ||
                                        (request()->path() == 'admin/close-search-list' && $r->deleted_at != null))
                                    <span class="btn btn-danger btn-xs">
                                        Closed at <br>
                                        {{ $r->deleted_at }}
                                    </span>
                                @endif

                                @if (request()->path() == 'admin/list/disable-customer' || request()->path() == 'admin/disable-customer-search')
                                    @foreach ($con_history as $con)
                                        @isset($con->client_id)
                                            @if ($r->id == $con->client_id)
                                                <span class="btn btn-sm bg-danger ">
                                                    {{ $con->created_at }}
                                                </span>
                                                <span class="d-block">
                                                    @if ($con->details != null)
                                                        Action : {{ Str::limit($con->details, 30) }}
                                                    @endif
                                                </span>
                                            @endif
                                        @endisset
                                    @endforeach
                                @endif


                                @if (request()->path() == 'admin/clients' || request()->path() == 'admin/customer_search')
                                    <br>
                                    @if (checkAPI() || globalPermission('radiusClientOnlineCheckThroughApi'))
                                        @if (!empty($ajaxOnlineStatus))
                                            <span class="online-badge text-muted" style="font-size:11px;">...</span>
                                        @else
                                            <x-client-connection-status :isStatic="$r->isStatic" :userid="$r->userid"
                                                :ipAddress="$r->ip_address" :online="$online" :multiRouterList="$multiRouterList ?? []"
                                                :client="$r" />

                                            @if (checkSettings('showClientUpDownInfo') == 'enable')
                                                @if (array_key_exists($r->userid, $online['usersBandwidth']))
                                                    <span>
                                                        <strong>Download⬇️</strong>
                                                        {{ number_format($online['usersBandwidth'][$r->userid]['tx-byte'] / 1048576, 2, '.', '') }}MB
                                                    </span>
                                                    <span>
                                                        <strong>Upload⬆️</strong>
                                                        {{ number_format($online['usersBandwidth'][$r->userid]['rx-byte'] / 1048576, 2, '.', '') }}MB
                                                    </span>
                                                @endif
                                            @endif
                                        @endif
                                    @else
                                        @if ($r->isStatic && \App\Classes\MikrotikService\StaticOnlineStatus::hasData($r))
                                            <x-static-online-status :client="$r" />
                                        @elseif (isset($online) && in_array($r->userid, $online))
                                            <span class="btn btn-success btn-xs">Online</span>
                                        @else
                                            <span class="btn btn-danger btn-xs">Offline</span>
                                        @endif
                                    @endif
                                    <br>
                                    @if ($r->ignoreMKCheck == 1)
                                        <p>Ignore MK : &#x2705;</p>
                                    @endif
                                @endif
                            </div>
                            <div>

                                @if (checkSettings('radius_customer_bandwidth_limit') == 'enable')
                                    <p>
                                        <span class="badge badge-warning">D⬇️ @if ($r->down_bandwidth >= 1024)
                                                {{ number_format($r->down_bandwidth / 1024, 2, '.', '') }}GB
                                            @else
                                                {{ $r->down_bandwidth }}MB
                                            @endif
                                        </span>
                                    </p>

                                    <p><span class="badge badge-warning">U⬆️ @if ($r->up_bandwidth >= 1024)
                                                {{ number_format($r->up_bandwidth / 1024, 2, '.', '') }}GB
                                            @else
                                                {{ $r->up_bandwidth }}MB
                                            @endif
                                        </span>
                                    </p>
                                @endif

                            </div>

                        </div>
                        @if ($r->experity_check == 'No')
                            <div class="mt-2">
                                <div class=""
                                    style="display: inline-block; border: 2px solid red; color: red; font-weight: bold;
                                    text-align: center; padding: 2px 5px; border-radius: 4px; font-size: 12px; ">
                                    VIP</div>
                            </div>
                        @endif
                    </td>

                    <td class="cStatus{{ $r->id }} {{ clientStatusClass($r->clients_status) }}">

                        @if ($r->clients_status == 'active')
                            Active
                        @elseif($r->clients_status == 'deactive')
                            Deactive</span>
                        @elseif($r->clients_status == 'expired')
                            Expired</span>
                        @elseif($r->clients_status == 'disable')
                            Disabled</span>
                        @endif

                    </td>
                    <td class="cExpireDate{{ $r->id }} @if ($r->payment_dadeline == 0) {{ clientStatusClass($r->clients_status) }} @endif"
                        style="min-width:140px;text-align:left; @if ($r->payment_dadeline != 0) background: #a8dadc; @endif ">
                        BD: <span
                            class="bdate_exp{{ $r->id }}">{{ date('d-M-Y', strtotime($r->expire_date)) }}</span><br>
                        @if ($r->payment_dadeline != 0)
                            <span class="d-block badge badge-warning">
                                PD:
                                {{ \Carbon\Carbon::parse($r->expire_date)->addDay($r->payment_dadeline)->format('d-M-Y') }}
                            </span>
                        @else
                            PD:
                            <span
                                class="bdate_exp{{ $r->id }}">{{ \Carbon\Carbon::parse($r->expire_date)->addDay($r->payment_dadeline)->format('d-M-Y') }}</span>
                        @endif

                        {{-- @cannot, not @can: the permission is a "hide" switch, so
                             only users WITHOUT it see how many days are left. --}}
                        @cannot('hide-customer-remaining-day')
                            @if (in_array($r->clients_status, ['active', 'expired']))
                                @php($effectiveExpire = \Carbon\Carbon::parse($r->expire_date)->addDay($r->payment_dadeline))
                                @php($daysRemaining = \Carbon\Carbon::today()->diffInDays($effectiveExpire, false))
                                @if ($daysRemaining >= 0)
                                    <span class="d-block badge badge-info mt-1">
                                        {{ $daysRemaining }} {{ $daysRemaining == 1 ? 'day' : 'days' }} remaining
                                    </span>
                                @endif
                            @endif
                        @endcannot

                        @can('change-expire-date')
                            <button type="button" class="btn btn-sm btn-dark mt-1 changeExpireDate p-1"
                                data-toggle="modal" data-id="{{ $r->id }}" data-target="#changeExpireDate">
                                Change
                            </button>
                        @endcan

                        @if (checkSettings('auto_deactive_check') == 'enable')
                            <br><br>
                            @if (!empty($r->auto_deactive))
                                AD: {{ date('d-M-Y', strtotime($r->auto_deactive ?? '')) }}
                            @endif
                        @endif
                    </td>


                    <td style="min-width:190px;" class="text-center">

                        <div class="w-100 text-start">
                            <p style="font-size:14px; text-align:start;">
                                Bill Date: {{ $r->billing_cycle }}

                                @if (globalPermission('free-day-to-create-customer'))
                                    <br> Free Day at Create : {{ $r->free_day_to_create_customer ?? 0 }}
                                @endif

                                <br>
                                @if (isset($r->pops->bill_generate) && $r->pops->bill_generate == 'yes')
                                    Billing Type:
                                    <span
                                        class="badge {{ getBillingType($r) == 'monthly' ? 'badge-primary' : 'badge-warning' }}">
                                        {{ getBillingType($r) == 'monthly' ? 'Monthly' : 'Day to Day' }}
                                    </span><br>
                                    Package Rate: {{ $rowPackageRate }} <br>
                                    <span style="color: red;">Discount: {{ $r->parmanent_discount }}</span><br>
                                    Monthly Bill:
                                    {{ max($rowPackageRate - ($r->parmanent_discount ?? 0), 0) }} <br>
                                    OTC : {{ $r->clientsinfo->otc ?? 0 }} <br>
                                    @if (isset($r->clientsinfo->otc_due))
                                        @if ($r->clientsinfo->otc_due > 0)
                                            <span class="bg-danger pl-1 pr-1"> OTC Due:
                                                <span
                                                    class="listOtcDue{{ $r->id }}">{{ $r->clientsinfo->otc_due ?? 0 }}</span></span>
                                        @endif
                                    @endif
                                @else
                                    @if (globalPermission('ResellerClientOnlineRecharge'))
                                        Client Bill: {{ getResellerClientPaymentAmount($r) }}
                                        <br>
                                        Pending Amount: {{ $r->un_recharge_amount ?? 0 }}
                                    @endif

                                    @if (globalPermission('reseller-client-billing') && in_array('view-client-account-balance', $permissions))
                                        @php($resellerClientBalance = isset($r->customer_account_balance_reseller) ? $r->customer_account_balance_reseller : 0)

                                        @if ($resellerClientBalance >= 0)
                                            <span class="badge bg-danger">
                                                Due: {{ number_format($resellerClientBalance, 2) }}
                                            </span>
                                        @elseif ($resellerClientBalance < 0)
                                            <span class="badge bg-success">
                                                Advance: {{ number_format(abs($resellerClientBalance), 2) }}
                                            </span>
                                        @endif
                                    @endif
                                @endif
                            </p>

                            @if ($r->pops->bill_generate == 'yes')
                                @php($due_amount = isset($r->customerAccount) ? $r->customerAccount->dueAmount : 0);

                                <p class="text-light font-weight-bold text-start"
                                    @if ($due_amount > 0) style="background: #fb7185;"
                                @else
                                    style="background: #008000;" @endif>
                                    @if ($due_amount >= 0)
                                        Due:
                                    @else
                                        Advance:
                                    @endif

                                    <span class="listDue{{ $r->id }} text-start">
                                        @if ($due_amount >= 0)
                                            {{ $due_amount ?? 0 }}
                                        @else
                                            {{ $due_amount * -1 ?? 0 }}
                                        @endif
                                    </span>
                                </p>
                            @endif


                        </div>
                    </td>


                    <td>

                        @if (in_array('show-sub-package', $permissions) && $r->pops->subreseller == 'yes')
                            <span class="d-block mb-1 badge badge-info">{{ $r->subpack->name ?? '' }}
                                @if (in_array('show-sub-package-rate', $permissions))
                                    ({{ $r->subpack->rate ?? '' }})
                                @endif
                            </span>
                        @endif


                        @if (in_array('show-mother-package', $permissions))
                            <span class="d-block badge badge-info p-1"> {{ $r->packages->package_name ?? '' }}
                                @if (in_array('show-motherpackage-rate', $permissions))
                                    ({{ $r->packages->package_rate ?? '' }})
                                @endif
                                {{-- @if ($expireProfile = getClientExpireProfile($r))
                                    <span class="badge badge-warning ml-1">{{ $expireProfile }}</span>
                                @endif --}}
                            </span>
                        @endif


                        @if (in_array('package_change_without_cost', $permissions))
                            <a href="" type="button" data-clientid="{{ $r->id }}"
                                class="btn btn-success btn-sm mt-2 package_change_without_cost" data-toggle="modal"
                                data-target="#package_change_without_cost_modal">
                                Package Change
                            </a>
                        @else
                            @if (in_array('package_change_without_cost_expire', $permissions) && $r->clients_status == 'expired')
                                <a href="" type="button" data-clientid="{{ $r->id }}"
                                    class="btn btn-success btn-sm mt-2 package_change_without_cost"
                                    data-toggle="modal" data-target="#package_change_without_cost_modal">
                                    Package Change
                                </a>
                            @endif
                        @endif


                        @if (checkCrmRansferPermission(request()->path()))
                            <a href="" type="button" data-clientid="{{ $r->id }}"
                                data-crmstatus="{{ $r->crm_status }}"
                                class="d-block btn btn-success btn-sm mt-2 crm_status_change" data-toggle="modal"
                                data-target="#crm_status_change_modal">
                                {{ $r->crm_status }} -> Transfer
                            </a>

                            @if ($r->crm_status == 'Fiber')
                                <a href="{{ route('crm-item-return', $r->id) }}" type="button"
                                    class="d-block btn btn-warning btn-sm mt-2 crm_status_change">
                                    Item Return
                                </a>
                            @endif

                            @if ($r->crm_status == 'Store')
                                <a href="{{ route('crm-item-return-show', $r->id) }}" type="button"
                                    class="d-block btn btn-warning btn-sm mt-2 crm_status_change">
                                    Show Return Item
                                </a>
                            @endif
                            {{-- Opens in a popup. The href stays a real link so it still
                                 works without javascript, and the crm_status_change class is
                                 deliberately not on it: that handler fills the transfer modal,
                                 which has nothing to do with this button. --}}
                            <a href="{{ route('crm-change-history', $r->id) }}" type="button"
                                data-userid="{{ $r->userid }}"
                                class="d-block btn btn-primary btn-sm mt-2 crmHistoryBtn">
                                History
                            </a>


                            @if (getLastCRMDate($r->id))
                                Check Date : {{ \Carbon\Carbon::parse(getLastCRMDate($r->id))->format('d-M-Y') }}
                            @endif
                        @endif

                    </td>

                    <td class="no-wrap">
                        @if (optional($r->pops->reseller)->name)
                            <span class="d-block">Manager: <span class="rowManagerName">{{ $r->pops->reseller->name }}</span></span>
                        @endif

                        @if ($r->pops->experity_check == 'Yes')
                            <span class="d-block badge badge-warning">
                                POP: <span class="rowPopName">{{ $r->pops->popname ?? '' }}</span>@if ($r->pops->subreseller == 'yes')
                                    (Sub)
                                @endif
                            </span>
                        @else
                            POP: <span class="rowPopName">{{ $r->pops->popname ?? '' }}</span>@if ($r->pops->subreseller == 'yes')
                                (Sub)
                            @endif
                        @endif
                        @can('view-mikrotik-ip')
                            @if (optional($r->pop->nas)->nasname)
                                <span class="d-block" style="font-size:13px;">MK: {{ $r->pop->nas->nasname }}</span>
                            @endif
                        @endcan

                        @if (optional($r->clientsinfo)->area)
                            <span class="d-block">Area :{{ $r->clientsinfo->area ?? '' }}</span>
                        @endif

                        @if ($r->deleted_at == null && in_array('pop_change_on_client_edit', $permissions))
                            <button type="button" class="btn btn-info btn-sm mt-1 popChangeBtn"
                                data-id="{{ $r->id }}" data-userid="{{ $r->userid }}"
                                data-pop="{{ $r->pop_id }}">
                                <i class="fa fa-exchange-alt"></i> Change POP
                            </button>
                        @endif

                    </td>

                    <td>
                        {{ $r->clientsinfo->clients_name ?? '' }}
                    </td>
                    <td>
                        {{ $r->clientsinfo->contact_no ?? '' }}
                        @if (!empty($r->clientsinfo->contact_no))
                            <a href="https://wa.me/{{ preg_replace('/\D+/', '', '88' . $r->clientsinfo->contact_no) }}"
                                target="_blank" class="ml-1">
                                <i class="fa-brands fa-whatsapp text-success" style="font-size: 16px;"></i>
                            </a>
                        @endif
                    </td>



                    <td style="width:350px;font-size:14px; ">
                        <div class="w-100 overflow-custome" style="max-height: 150px !important;">
                            <p id="container-{{ $r->id }}"
                                onload="addOverFlowOnUserInfo({{ $r->id }});">
                                @if ($r->ip_address)
                                    IP: {{ $r->ip_address ?? '' }},<br>
                                @endif
                                @if ($r->mac)
                                    MAC: {{ $r->mac ?? '' }},<br>
                                @endif
                                @if ($r->distribution_point)
                                    Distribution point: {{ $r->distribution_point ?? '' }},<br>
                                @endif
                                @if ($r->connection_type)
                                    Connection type: {{ $r->connection_type ?? '' }},<br>
                                @endif
                                @if ($r->customer_type)
                                    Client type: {{ $r->customer_type ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->dob)
                                    DOB: {{ $r->clientsinfo->dob ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->father_name)
                                    Father: {{ $r->clientsinfo->father_name ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->mother_name)
                                    Mother: {{ $r->clientsinfo->mother_name ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->national_id)
                                    NID: {{ $r->clientsinfo->national_id ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->passport_no)
                                    Passport: {{ $r->clientsinfo->passport_no ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->division)
                                    Division: {{ $r->clientsinfo->divisions->name ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->district)
                                    District: {{ $r->clientsinfo->districts->name ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->thana)
                                    Upazila: {{ $r->clientsinfo->thanas->name ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->area)
                                    Area :{{ $r->clientsinfo->area ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->road_name)
                                    Road Name: {{ $r->clientsinfo->road_name ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->road_no)
                                    Road No: {{ $r->clientsinfo->road_no ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->block_sector)
                                    Block/Sector: {{ $r->clientsinfo->block_sector ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->building_no)
                                    Building No: {{ $r->clientsinfo->building_no ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->building_name)
                                    Building Name: {{ $r->clientsinfo->building_name ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->flat_no)
                                    Flat No: {{ $r->clientsinfo->flat_no ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->owner_name)
                                    House Owner : {{ $r->clientsinfo->owner_name ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->owner_number)
                                    House Owner No: {{ $r->clientsinfo->owner_number ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->other_contact)
                                    Clients Other Contact : {{ $r->clientsinfo->other_contact ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->email)
                                    <b class="text-primary">Email :</b> {{ $r->clientsinfo->email ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->client_latitude)
                                    Latitude : {{ $r->clientsinfo->client_latitude ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->client_longitude)
                                    Longitude : {{ $r->clientsinfo->client_longitude ?? '' }},<br>
                                @endif


                                @if (checkSettings('select_option_for_box_and_ponsetting') == 'enable')
                                    @if (!empty($r->clientsinfo->map_box_id))
                                        Map Box : {{ optional($r->clientsinfo->mapBox)->name ?? '' }},<br>
                                    @endif
                                @else
                                    @if ($r->clientsinfo->box)
                                        Box :{{ $r->clientsinfo->box ?? '' }},<br>
                                    @endif
                                @endif
                                @if ($r->clientsinfo->cable_type)
                                    Cable Type :{{ $r->clientsinfo->cable_type ?? '' }},<br>
                                @endif
                                @if ($r->required_cable != 0)
                                    Cable(Meter): {{ $r->required_cable ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->olt_pon)
                                    OLT/PON : {{ $r->clientsinfo->olt_pon ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->cable_id)
                                    Cable ID : {{ $r->clientsinfo->cable_id ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->cat_type)
                                    Cable(CAT-5/CAT-6): {{ $r->clientsinfo->cat_type ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->cat_length)
                                    {{ $r->clientsinfo->cat_type ?? 'CAT' }} Length(Meter):
                                    {{ $r->clientsinfo->cat_length ?? '' }},<br>
                                @endif
                                @if (checkSettings('select_option_for_box_and_ponsetting') == 'enable')
                                    @if (!empty(optional($r->clientsinfo)->onu_serial))
                                        ONU MAC/Pon No/Serial No:
                                        {{ optional(optional($r->clientsinfo)->pon)->name ?? optional($r->clientsinfo)->onu_serial }},<br>
                                    @endif
                                @else
                                    @if (!empty(optional($r->clientsinfo)->onu_serial))
                                        ONU MAC/Pon No/Serial No: {{ optional($r->clientsinfo)->onu_serial }},<br>
                                    @endif
                                @endif
                                @if ($r->clientsinfo->olt_pon)
                                    OLT No: {{ $r->clientsinfo->olt_pon ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->olt_no)
                                    OLT Card Slot No: {{ $r->clientsinfo->olt_no ?? '' }},<br>
                                @endif
                                @if ($r->clientsinfo->pon_port)
                                    PON Module Port No: {{ $r->clientsinfo->pon_port ?? '' }}<br>
                                @endif
                                @if ($r->clientsinfo->client_latitude && $r->clientsinfo->client_longitude)
                                    <span class="btn btn-danger btn-sm btn-block clear viewMap w-75 mx-auto"
                                        data-id="{{ $r->clientsinfo->client_latitude }},{{ $r->clientsinfo->client_longitude }}">View
                                        Map</span>
                                @endif
                            </p>
                        </div>

                    </td>

                    <td class="whitespace-nowrap">
                        <strong>CD:</strong> {{ date('d-M-Y h:i:sa', strtotime($r->created_at)) }}<br>
                        @if ($r->clientsinfo->joinDate)
                            <strong>JD:</strong> {{ date('d-M-Y', strtotime($r->clientsinfo->joinDate)) }}
                        @endif
                        @can('billing_start_time')
                            @if ($r->billing_start_date)
                                <strong>Bill Start Date:</strong> {{ date('d-M-Y', strtotime($r->billing_start_date)) }}
                            @endif
                        @endcan
                    </td>
                    @if (request()->path() == 'admin/list/close-list' || request()->path() == 'admin/close-search-list')
                        <td>
                            {{ $r->deleted_at->format('d-M-Y h:s:a') }}

                            {{-- closeLogs is only passed by the close list pages, so the
                                 partial stays usable on every other list. --}}
                            @php($closeLog = ($closeLogs ?? collect())->get($r->id))
                            @if ($closeLog)
                                <span class="d-block mt-1" style="font-size:11px;">
                                    Closed By: <strong>{{ $closeLog->user->name ?? 'Unknown' }}</strong>
                                </span>
                                @if (!empty($closeLog->details))
                                    <span class="d-block text-muted" style="font-size:11px;">
                                        {{ Str::limit($closeLog->details, 40) }}
                                    </span>
                                @endif
                            @endif
                        </td>
                    @endif
                    <td>
                        <div class="w-100 overflow-custome" style="max-height: 150px !important;">
                            {{ $r->clientsinfo->remarks ?? '' }}
                        </div>
                    </td>
                    @if (request()->path() == 'admin/list/new-join' || request()->path() == 'admin/newClientSearchReport')
                        @can('show-marketer-in-recent-client')
                            <td>{{ optional($r->clientReferer)->firstname . ' ' . optional($r->clientReferer)->lastname }}
                            </td>
                        @endcan
                    @endif
                    @if (request()->path() == 'admin/pending-customer')
                        <td>{{ $r->adminUser->name ?? '' }}</td>
                    @endif


                </tr>
                @php($totalOtc += $r->clientsinfo->otc)
                @php($totalMrc += $rowPackageRate)
                @php($catTotalLength += $r->clientsinfo->cat_length ?? 0)
            @endforeach
            @if (request()->path() == 'admin/list/new-join' ||
                    request()->path() == 'admin/list/close-list' ||
                    request()->path() == 'admin/close-search-list' ||
                    request()->path() == 'admin/newClientSearchReport' ||
                    request()->path() == 'admin/clientSearchReport')

        <tfoot>

            <tr>
                @if (request()->path() == 'admin/clientSearchReport')
                    <td></td>
                @endif
                @if (
                    (request()->path() == 'admin/list/close-list' || request()->path() == 'admin/close-search-list') &&
                        checkSettings('multiple_client_restore') == 'enable')
                    <td></td>
                @endif

                <td colspan="8" style="text-align: right">Total</td>
                @if (auth()->user()->hasPermissionTo('source_mrc_hide'))
                    <td style="text-align: right">
                        Fiber: {{ $list->sum('required_cable') }} Meter,<br> CAT: {{ $catTotalLength }} Meter,<br>
                        OTC:
                        {{ $totalOtc }} Taka</td>
                @else
                    <td style="text-align: right">
                        Fiber: {{ $list->sum('required_cable') }} Meter,<br> CAT: {{ $catTotalLength }} Meter,<br>
                        OTC:
                        {{ $totalOtc }} Taka <br> MRC: {{ $totalMrc }} TK</td>
                @endif
                @if (checkSettings('radius_customer_bandwidth_limit') == 'enable')
                    <br>
                    <td style="text-align: right">
                        <p>
                            <span class="badge badge-warning">Total D⬇️
                                {{ number_format($list->sum('down_bandwidth') / 1024, 2, '.', '') }} GB
                            </span>
                        </p>

                        <p><span class="badge badge-warning">Total U⬆️
                                {{ number_format($list->sum('up_bandwidth') / 1024, 2, '.', '') }} GB
                            </span>
                        </p>
                        <p><span class="badge badge-warning">Total ⬆️
                                {{ number_format(($list->sum('down_bandwidth') + $list->sum('up_bandwidth')) / 1024, 2, '.', '') }}
                                GB
                            </span>
                            @if (isset($package_limit))
                                <p><span class="badge badge-danger">Total Limit ⬆️
                                        {{ number_format($package_limit / 1024, 2, '.', '') }} GB
                                    </span>
                                </p>
                            @endif
                    </td>

                @endif


                <td colspan="2"></td>
                @if (request()->path() == 'admin/list/new-join' || request()->path() == 'admin/newClientSearchReport')
                    @can('show-marketer-in-recent-client')
                        <td></td>
                    @endcan
                @endif

            </tr>
        </tfoot>
        @endif
        </tbody>
        </table>
        @if (request()->path() == 'admin/clients')
            <script>
                // Add loading indicator for expire date sorting
                document.addEventListener('DOMContentLoaded', function() {
                    const expireSortLink = document.querySelector('th a[href*="sort=expire_date"]');

                    if (expireSortLink) {
                        expireSortLink.addEventListener('click', function() {
                            // Add loading state
                            this.style.opacity = '0.6';
                            this.style.pointerEvents = 'none';

                            // Remove loading state after a short delay
                            setTimeout(() => {
                                this.style.opacity = '1';
                                this.style.pointerEvents = 'auto';
                            }, 500);
                        });
                    }
                });
            </script>
        @endif


        @if (request()->path() == 'admin/clientSearchReport')
            <script>
                $(document).ready(function() {

                    $('[id^="clientOnlineButton"]').on('click', function() {

                        var clientUserId = $(this).data('client-id');
                        var url = '{{ route('clientOnlineStatus', ['clientUserId' => ':clientUserId']) }}';
                        url = url.replace(':clientUserId', clientUserId);

                        var clickedButton = $(this);

                        var responseParagraph = $(this).next('.response-paragraph');

                        $.ajax({
                            type: 'GET',
                            url: url,

                            success: function(response) {

                                responseParagraph.text(response.ip_address);
                                clickedButton.hide();
                                if (response.ip_address == 'Offline') {
                                    responseParagraph.css({
                                        'background-color': '#ea580c',
                                        'padding': '1.5px',
                                        'color': '#fff',
                                    })
                                } else {
                                    responseParagraph.css({
                                        'background-color': '#16a34a',
                                        'padding': '1.5px',
                                        'color': '#fff',
                                    })
                                }
                            },
                            error: function(error) {

                                console.error(error);
                            }
                        });
                    });
                });
            </script>
        @endif

    </div>
</div>




<style>
    /* sidebar scroller start*/
    .overflow-custome {
        overflow-y: scroll;
    }

    .overflow-custome::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(56, 15, 15, 0.3);
        background-color: #f5f5f5;
    }

    .overflow-custome::-webkit-scrollbar {
        width: 6px;
        background-color: #f5f5f5;
    }

    .overflow-custome::-webkit-scrollbar-thumb {
        background-color: #330a0a;
        border: 2px solid #555555;
    }

    /* sidebar scroller end*/
    if (request()->path()=='admin/clients') {

        /* Sorting styles for Expire column */
        .table th a {
            color: white !important;
            text-decoration: none !important;
            display: inline-block;
        }

        .table th a:hover {
            color: #ffc107 !important;
            text-decoration: none !important;
        }

        .table th a i {
            margin-left: 5px;
            font-size: 12px;
        }

        .table th a .fa-sort {
            opacity: 0.5;
        }

        .table th a:hover .fa-sort {
            opacity: 1;
        }

        /* Sorting styles for Expire column */
    }
</style>

<style>
    .scrollbar {
        /* max-height: 600px;
        min-height: 600px;
        overflow-x: auto;
        overflow-y: auto;
        border: 1px solid #ddd; */
    }

    .table {
        /* width: 100%;
        table-layout: auto;
        border-collapse: collapse; */
    }

    .table th,
    .table td {
        /* padding: 8px;
        text-align: left;
        border: 1px solid #ddd; */
    }

    .table thead th {
        /* position: sticky;
        top: 0; */
        /* background-color: #212529; */
        /* z-index: 2; */
    }
</style>

<script>
    // The row "Action" menus sit inside `.table-responsive`, which clips them, so the
    // toggles ask Popper for fixed positioning (data-popper-config) to escape that
    // clipping. Here the open menu is capped to the free viewport space so it always
    // scrolls inside itself instead of running off screen — mobile and desktop alike.
    (function() {
        if (window.actionDropdownScrollReady) {
            return;
        }

        window.actionDropdownScrollReady = true;

        var GAP = 12;
        var MIN_HEIGHT = 160;

        function fitActionMenu($parent) {
            var $menu = $parent.children('.action-dropdown-menu');
            var $toggle = $parent.children('[data-toggle="dropdown"]');

            if (!$menu.length || !$toggle.length) {
                return;
            }

            var rect = $toggle[0].getBoundingClientRect();
            var viewportHeight = window.innerHeight || document.documentElement.clientHeight;
            var spaceBelow = viewportHeight - rect.bottom - GAP;
            var spaceAbove = rect.top - GAP;

            // Cap to the roomier side; Popper flips the menu there on update.
            $menu.css('max-height', Math.max(MIN_HEIGHT, spaceBelow, spaceAbove) + 'px');
            $toggle.dropdown('update');
        }

        $(document).on('shown.bs.dropdown', function(e) {
            var $parent = $(e.target);
            var menu = $parent.children('.action-dropdown-menu')[0];

            if (!menu) {
                return;
            }

            fitActionMenu($parent);

            // Dragging or clicking the menu's own scrollbar must not close the dropdown.
            if (!menu.actionScrollGuard) {
                menu.actionScrollGuard = true;
                menu.addEventListener('click', function(event) {
                    if (event.target === menu) {
                        event.stopPropagation();
                    }
                });
            }
        });

        $(window).on('resize orientationchange', function() {
            $('.action-dropdown-menu.show').each(function() {
                fitActionMenu($(this).parent());
            });
        });
    })();
</script>

@if (globalPermission('store-items'))
    <script>
        // Store items live in the voucher service, not in this database, so the
        // popup pulls them through our own proxy route when it is opened.
        //
        // Two things shape this block. The layout loads jQuery *after* the page
        // content, so binding is deferred until jQuery exists. And the customer
        // list is also re-rendered into the page by AJAX, which runs this script
        // again — so the handler is bound once, delegated from document, and the
        // modal is built in <body> rather than sitting in the reloaded markup.
        (function() {
            function start() {
                if (window.storeItemsReady) {
                    return;
                }

                window.storeItemsReady = true;

                var $ = window.jQuery;
                var urlTemplate = '{{ route('client.store-items', '__ID__') }}';

                function esc(value) {
                    return $('<div>').text(value === null || value === undefined ? '' : value).html();
                }

                function modalBody() {
                    if (!$('#storeItemsModal').length) {
                        $(
                            '<div class="modal fade" id="storeItemsModal" tabindex="-1" role="dialog" aria-hidden="true">' +
                            '<div class="modal-dialog modal-xl modal-dialog-centered" role="document">' +
                            '<div class="modal-content">' +
                            '<div class="modal-header">' +
                            '<h5 class="modal-title">Store Items <small id="storeItemsTitle" class="text-muted"></small></h5>' +
                            '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
                            '<span aria-hidden="true">&times;</span></button>' +
                            '</div>' +
                            '<div class="modal-body" id="storeItemsBody"></div>' +
                            '<div class="modal-footer">' +
                            '<button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Close</button>' +
                            '</div></div></div></div>'
                        ).appendTo('body');
                    }

                    return $('#storeItemsBody');
                }

                function statusBadge(status) {
                    var s = (status || '').toLowerCase();
                    var type = s === 'received' ? 'success' : (s === 'pending' ? 'warning' : 'secondary');

                    return '<span class="badge badge-' + type + '">' + esc(status || '-') + '</span>';
                }

                function itemsTable(items) {
                    if (!items || !items.length) {
                        return '<p class="text-muted mb-0">No item in this record.</p>';
                    }

                    var rows = '';

                    $.each(items, function(i, item) {
                        rows += '<tr>' +
                            '<td>' + (i + 1) + '</td>' +
                            '<td>' + esc(item.item_name) + '</td>' +
                            '<td class="text-right">' + esc(item.quantity) + '</td>' +
                            '<td>' + esc(item.unit) + '</td>' +
                            '</tr>';
                    });

                    return '<div class="table-responsive"><table class="table table-bordered table-sm mb-0">' +
                        '<thead><tr><th style="width:50px">#</th><th>Item</th>' +
                        '<th class="text-right" style="width:110px">Quantity</th>' +
                        '<th style="width:110px">Unit</th></tr></thead>' +
                        '<tbody>' + rows + '</tbody></table></div>';
                }

                // Requisitions and comebacks arrive in the same shape, so one
                // renderer covers both sections.
                function recordList(records, emptyText) {
                    if (!records || !records.length) {
                        return '<p class="text-muted mb-0">' + esc(emptyText) + '</p>';
                    }

                    var html = '';

                    $.each(records, function(i, record) {
                        var id = record.requisition_id || record.comeback_id || record.id || '';
                        var date = record.requisition_date || record.comeback_date || record.date || '';

                        html += '<div class="card mb-2"><div class="card-body p-2">' +
                            '<div class="d-flex flex-wrap align-items-center mb-2">' +
                            '<strong class="mr-3">#' + esc(id) + '</strong>' +
                            '<span class="mr-3"><i class="fa fa-calendar mr-1"></i>' + esc(date || '-') + '</span>' +
                            '<span class="mr-3"><i class="fa fa-building mr-1"></i>' + esc(record.branch || '-') + '</span>' +
                            statusBadge(record.status) +
                            '</div>' +
                            (record.remarks ? '<p class="mb-2"><small class="text-muted">Remarks: ' + esc(record.remarks) + '</small></p>' : '') +
                            itemsTable(record.items) +
                            '</div></div>';
                    });

                    return html;
                }

                function render($body, data, userid) {
                    var client = data.client || null;
                    var info;

                    if (client) {
                        info = '<table class="table table-bordered table-sm mb-3">' +
                            '<tr><th style="width:140px">Client ID</th><td>' + esc(client.client_id || '') + '</td>' +
                            '<th style="width:140px">Name</th><td>' + esc(client.name || '') + '</td></tr>' +
                            '<tr><th>Client Type</th><td>' + esc(client.client_type || '') + '</td>' +
                            '<th>Contact</th><td>' + esc(client.contact_number || '') + '</td></tr>' +
                            '<tr><th>Address</th><td colspan="3">' + esc(client.address || '') + '</td></tr>' +
                            '</table>';
                    } else {
                        info = '<div class="alert alert-warning">This client has no record in the store' +
                            (userid ? ' (' + esc(userid) + ')' : '') + '.</div>';
                    }

                    var requisitions = data.requisitions || [];
                    var comebacks = data.comebacks || [];

                    $body.html(
                        info +
                        '<h6 class="border-bottom pb-1">Issued Items <span class="badge badge-dark">' + requisitions.length + '</span></h6>' +
                        recordList(requisitions, 'No item has been issued to this client.') +
                        '<h6 class="border-bottom pb-1 mt-3">Returned Items <span class="badge badge-dark">' + comebacks.length + '</span></h6>' +
                        recordList(comebacks, 'No item has been returned by this client.')
                    );
                }

                $(document).on('click', '.storeItemsBtn', function(e) {
                    e.preventDefault();

                    var id = $(this).data('id');
                    var userid = $(this).data('userid') || '';
                    var $body = modalBody();

                    $('#storeItemsTitle').text(userid ? '- ' + userid : '');
                    $body.html(
                        '<div class="text-center text-muted py-4"><i class="fa fa-spinner fa-spin mr-1"></i> Loading store items...</div>'
                    );
                    $('#storeItemsModal').modal('show');

                    $.ajax({
                        type: 'get',
                        url: urlTemplate.replace('__ID__', id),
                        dataType: 'json',
                        success: function(data) {
                            if (data && data.success === false) {
                                // "no record in the store" is a normal answer, not a failure.
                                var style = data.not_found ? 'alert-warning' : 'alert-danger';

                                $body.html('<div class="alert ' + style + ' mb-0">' +
                                    esc(data.message || 'Could not load store items.') + '</div>');
                                return;
                            }

                            render($body, data || {}, userid);
                        },
                        error: function(xhr) {
                            var message = (xhr.responseJSON && xhr.responseJSON.message) ||
                                'Could not load store items for this client (HTTP ' + xhr.status + ').';

                            $body.html('<div class="alert alert-danger mb-0">' + esc(message) + '</div>');
                        }
                    });
                });
            }

            if (window.jQuery) {
                start();
                return;
            }

            // jQuery is loaded at the bottom of the layout, below this markup.
            var tries = 0;
            var timer = setInterval(function() {
                if (window.jQuery) {
                    clearInterval(timer);
                    start();
                } else if (++tries > 300) {
                    clearInterval(timer);
                }
            }, 50);
        })();
    </script>
@endif


{{-- CRM transfer history popup.
     Shaped like the store items popup above, and for the same two reasons: the layout
     loads jQuery below this markup, so binding waits for it; and the customer list is
     re-rendered into the page by ajax, which runs this script again, so the handler is
     bound once, delegated from document, and the modal lives in <body> rather than in
     the markup that gets replaced. --}}
<script>
    (function() {
        function start() {
            if (window.crmHistoryReady) {
                return;
            }

            window.crmHistoryReady = true;

            var $ = window.jQuery;

            function esc(value) {
                return $('<div>').text(value === null || value === undefined ? '' : value).html();
            }

            function modalBody() {
                if (!$('#crmHistoryModal').length) {
                    $(
                        '<div class="modal fade" id="crmHistoryModal" tabindex="-1" role="dialog" aria-hidden="true">' +
                        '<div class="modal-dialog modal-lg modal-dialog-centered" role="document">' +
                        '<div class="modal-content">' +
                        '<div class="modal-header">' +
                        '<h5 class="modal-title">CRM Transfer Log <small id="crmHistoryTitle" class="text-muted"></small></h5>' +
                        '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
                        '<span aria-hidden="true">&times;</span></button>' +
                        '</div>' +
                        '<div class="modal-body" id="crmHistoryBody"></div>' +
                        '<div class="modal-footer">' +
                        '<button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Close</button>' +
                        '</div></div></div></div>'
                    ).appendTo('body');
                }

                return $('#crmHistoryBody');
            }

            // Both the button in the row and the "Load all history" link inside the
            // popup land here; the second one just carries a different url.
            $(document).on('click', '.crmHistoryBtn, .crmHistoryLoadAll', function(e) {
                e.preventDefault();

                var url = $(this).attr('href');
                var userid = $(this).data('userid');
                var $body = modalBody();

                // Only the row button knows whose history this is — reloading from
                // inside the popup must leave the title alone.
                if (userid !== undefined) {
                    $('#crmHistoryTitle').text(userid ? '- ' + userid : '');
                }
                $body.html(
                    '<div class="text-center text-muted py-4"><i class="fa fa-spinner fa-spin mr-1"></i> Loading history...</div>'
                );
                $('#crmHistoryModal').modal('show');

                $.ajax({
                    url: url,
                    type: 'GET',
                    // The route answers with the table alone for an ajax request and with
                    // the whole page otherwise, so it has to be asked as one.
                    headers: { 'X-Requested-With': 'XMLHttpRequest' },
                    success: function(html) {
                        $body.html(html);
                    },
                    error: function(xhr) {
                        var message = xhr.status === 403 || xhr.status === 401
                            ? 'You are not allowed to see this history.'
                            : 'The history could not be loaded. Please try again.';

                        $body.html('<div class="alert alert-danger mb-0">' + esc(message) + '</div>');
                    }
                });
            });
        }

        if (window.jQuery) {
            start();
            return;
        }

        var tries = 0;
        var timer = setInterval(function() {
            if (window.jQuery) {
                clearInterval(timer);
                start();
            } else if (++tries > 300) {
                clearInterval(timer);
            }
        }, 50);
    })();
</script>

{{-- Single customer POP change popup.
     Same shape as the CRM history popup above: the list is re-rendered by ajax, so the
     handler is bound once from document and the modal is built in <body>. The modal is
     created after the global Select2 initializer has run, so its select is initialized
     here with the modal as dropdownParent. --}}
@if (in_array('pop_change_on_client_edit', $permissions))
    <script>
        (function() {
            var pops = @json(userPops()->map(function ($p) {
                return ['id' => $p->id, 'name' => $p->popname];
            })->values());

            function start() {
                if (window.popChangeReady) {
                    return;
                }

                window.popChangeReady = true;

                var $ = window.jQuery;
                var $row = null;

                function modal() {
                    if (!$('#popChangeModal').length) {
                        var options = '<option value="">Select POP</option>';
                        $.each(pops, function(i, p) {
                            options += '<option value="' + p.id + '">' + $('<div>').text(p.name).html() + '</option>';
                        });

                        $(
                            '<div class="modal fade" id="popChangeModal" tabindex="-1" role="dialog" aria-hidden="true">' +
                            '<div class="modal-dialog modal-dialog-centered" role="document">' +
                            '<div class="modal-content">' +
                            '<div class="modal-header">' +
                            '<h5 class="modal-title">Change POP <small id="popChangeTitle" class="text-muted"></small></h5>' +
                            '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
                            '<span aria-hidden="true">&times;</span></button>' +
                            '</div>' +
                            '<div class="modal-body">' +
                            '<input type="hidden" id="popChangeClientId">' +
                            '<div class="form-group mb-0">' +
                            '<label for="popChangeSelect">Select POP</label>' +
                            '<select id="popChangeSelect" class="form-control">' + options + '</select>' +
                            '</div>' +
                            '<div class="alert alert-danger mt-3 mb-0" id="popChangeError" style="display:none;"></div>' +
                            '</div>' +
                            '<div class="modal-footer justify-content-between">' +
                            '<button type="button" class="btn btn-default btn-sm" data-dismiss="modal">Close</button>' +
                            '<button type="button" class="btn btn-primary btn-sm" id="popChangeSave">Save</button>' +
                            '</div></div></div></div>'
                        ).appendTo('body');

                        if ($.fn.select2) {
                            $('#popChangeSelect').select2({
                                width: '100%',
                                placeholder: 'Select POP',
                                dropdownParent: $('#popChangeModal')
                            });
                        }
                    }

                    return $('#popChangeModal');
                }

                $(document).on('click', '.popChangeBtn', function(e) {
                    e.preventDefault();

                    var $btn = $(this);
                    var $modal = modal();
                    $row = $btn.closest('td');

                    $('#popChangeClientId').val($btn.data('id'));
                    $('#popChangeTitle').text($btn.data('userid') ? '- ' + $btn.data('userid') : '');
                    $('#popChangeSelect').val(String($btn.data('pop'))).trigger('change');
                    $('#popChangeError').hide().text('');
                    $modal.modal('show');
                });

                $(document).on('click', '#popChangeSave', function() {
                    var $btn = $(this);
                    var popId = $('#popChangeSelect').val();

                    $('#popChangeError').hide().text('');

                    if (!popId) {
                        $('#popChangeError').text('Please select a POP.').show();
                        return;
                    }

                    $btn.prop('disabled', true).html('<i class="fa fa-spinner fa-spin"></i> Saving...');

                    $.ajax({
                        url: '{{ route('updateClientPop') }}',
                        method: 'POST',
                        data: {
                            client_id: $('#popChangeClientId').val(),
                            pop_id: popId,
                            _token: '{{ csrf_token() }}'
                        },
                        success: function(res) {
                            if (res.status !== 'success') {
                                $('#popChangeError').text(res.message || 'Something went wrong.').show();
                                return;
                            }

                            if ($row) {
                                $row.find('.rowPopName').text(res.popname);
                                $row.find('.rowManagerName').text(res.manager || '');
                                $row.find('.popChangeBtn').data('pop', res.pop_id);
                            }

                            $('#popChangeModal').modal('hide');

                            if (window.toastr) {
                                toastr.success(res.message || 'POP updated successfully.');
                            }
                        },
                        error: function(xhr) {
                            var msg = 'Request failed.';
                            if (xhr.responseJSON && xhr.responseJSON.message) {
                                msg = xhr.responseJSON.message;
                            } else if (xhr.responseJSON && xhr.responseJSON.errors) {
                                msg = Object.values(xhr.responseJSON.errors)[0][0];
                            }
                            $('#popChangeError').text(msg).show();
                        },
                        complete: function() {
                            $btn.prop('disabled', false).html('Save');
                        }
                    });
                });
            }

            if (window.jQuery) {
                start();
                return;
            }

            var tries = 0;
            var timer = setInterval(function() {
                if (window.jQuery) {
                    clearInterval(timer);
                    start();
                } else if (++tries > 300) {
                    clearInterval(timer);
                }
            }, 50);
        })();
    </script>
@endif