@extends('layouts.app')

@section('content')

</div>
<div class="container">
    <style>
        :root {
            --primary-color: #34548A;
            --secondary-color: #ebe7e7;
            --border-color: #d7d7d7;
        }

        .select2-container--default .select2-selection--single {
            background-color: transparent;
            border: 1px solid #aaa;
            border-radius: 18px;
            height: 38px;
        }

        .select2-container--default .select2-selection--single .select2-selection__rendered {
            color: #444;
            line-height: 36px;
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 35px;
        }

        .select2.select2-container {
            width: 250px !important;
        }

        .register-wrapper {
            max-width: 950px;
            margin: 30px auto;
            font-family: Arial, sans-serif;
            color: #000;
        }

        .register-title {
            text-align: center;
            font-size: 28px;
            font-weight: bold;
            margin-bottom: 30px;
        }

        .business-section {
            margin-bottom: 20px;
            text-align: left;
            display: flex;
            justify-content: space-between;
            align-items: end;
        }

        #businessSelect {
            width: 350px !important;
        }

        .analytics-section {
            text-align: left;
        }

        .section-title {
            font-weight: bold;
            text-align: left;
        }

        .flex-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 20px;
            flex-wrap: wrap;
            margin-bottom: 20px;
        }

        .form-radio {
            margin-right: 20px;
        }

        select,
        textarea,
        input[type="text"],
        input[type="file"] {
            width: 100%;
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 4px;
            font-size: 14px;
        }

        textarea {
            resize: vertical;
            min-height: 120px;
        }

        .btn {
            display: inline-block;
            padding: 8px 20px;
            border-radius: 20px;
            border: none;
            cursor: pointer;
            margin: 5px 0;
            font-family: "Montserrat";
            border-width: 0px;
            font-weight: 600;
            min-height: 38px;
        }

        button#clearBtn {
            margin-left: 15px;
        }

        .btn-primary {
            background-color: #34548A;
            color: #fff;
        }

        .btn-primary:hover {
            background-color: #34548A;
            color: #fff;
        }

        .analytics-options label {
            display: block;
            margin-bottom: 6px;
            cursor: pointer;
        }

        .link-action {
            font-size: 14px;
            margin-right: 10px;
            color: #3b5998;
            cursor: pointer;
            text-decoration: underline;
        }

        .button-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 25px;
        }

        .upload-section {
            display: none;
            margin-top: 20px;
            margin-bottom: 20px;
            text-align: left;
        }

        .number-section {
            margin-bottom: 20px;
            text-align: left;
        }

        /* Entire box clickable */
        .upload-box {
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            width: 100%;
            padding: 40px 20px;
            border: 2px dashed #3b5998;
            border-radius: 8px;
            color: #3b5998;
            background: #f8f9fa;
            font-weight: bold;
            cursor: pointer;
            /* key for full clickable feel */
            transition: background 0.2s;
        }

        .upload-box:hover {
            background: #eef2fa;
        }

        /* Hide the real input */
        .upload-box input[type="file"] {
            display: none;
        }

        .template-link {
            display: block;
            margin-top: 12px;
            color: #3b5998;
            text-decoration: underline;
            cursor: pointer;
            text-align: center;
        }

        .business-group {
            display: flex;
            align-items: baseline;
            gap: 10px;
            justify-content: space-between;
        }

        .business-group select {
            flex: 1;
        }


        .numbermgmt-submenu .role-permission-list {
            display: flex;
            width: 65%;
            flex-direction: row;
            justify-content: center;
            margin: auto;
            margin-top: -25px;
            margin-bottom: 30px;
        }

        .numbermgmt-submenu .role-permission-list li {
            width: 50%;
            text-align: center;
            border-bottom: 3px solid #918c8c;
            background-color: #e3e3e3;
        }

        .role-permission-list li.menu-item-selected a {
            color: #F9A035;
        }

        .numbermgmt-submenu .role-permission-list li a {
            text-align: center;
            float: initial;
            margin: auto;
            white-space: nowrap;
            width: 100%;
            outline: none;
        }

        .role-permission-list li.menu-item-selected a {
            color: #F9A035;
        }

        .role-permission-list li.menu-item-selected {
            border-bottom: 4px solid #F9A035;
            color: #F9A035;
        }

        /* Pagination button styles */
        .dataTables_wrapper .dataTables_paginate .paginate_button {
            border: 2px solid var(--border-color) !important;
            color: var(--primary-color) !important;
            font-weight: bold;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.current,
        .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
            color: var(--secondary-color) !important;
            background: var(--primary-color) !important;
            border-color: var(--primary-color) !important;
            font-weight: bold !important;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
            border: 2px solid var(--primary-color) !important;
            background: var(--primary-color) !important;
            color: var(--secondary-color) !important;
            font-weight: bold !important;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
            color: var(--secondary-color) !important;
        }

        .dataTables_info {
            color: var(--primary-color) !important;
            font-size: 16px;
            font-weight: bold;
        }

        table.dataTable {
            border: none !important;
        }

        .dataTables_length {
            display: none;
        }

        .dataTables_processing {
            position: absolute;
            top: 40%;
            left: 50%;
            text-align: center;
            background: rgba(0, 0, 0, 0.71) !important;
            z-index: 99;
            transform: translate(-50%, -50%);
            color: #fff;
            padding: 10px 20px;
        }

        table.dataTable thead {
            background-color: var(--primary-color) !important;
            border: 0 !important;
            padding: 5px !important;
            color: var(--secondary-color) !important;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        table.dataTable thead th,
        table.dataTable tbody td {
            border: none !important;
        }

        table.dataTable tbody th,
        table.dataTable tbody td {
            padding: 16px 6px;
        }

        table.dataTable.stripe tbody tr.odd,
        table.dataTable.display tbody tr.odd {
            background-color: #f9f9f9 !important;
        }

        .dataTables_filter {
            margin-bottom: 35px !important;
        }


        /* Manage Number Registration css */
        #manageNumberRegistration_filter {
            margin-bottom: 20px !important;
            margin: 0px 17px;
            display: flex;
            align-items: end;
            justify-content: space-between;
            margin-top: 6%;
        }

        #manageNumberRegistrationtbl_filter {
            margin-bottom: -8px !important;
        }

        #manageNumberRegistration_filter input[type="search"] {
            padding: 9px 40px 9px 20px !important;
            letter-spacing: normal;
            border: 1px solid rgba(0, 0, 0, 0.2) !important;
            background-color: #fff;
            font-size: 15px !important;
            color: #4e4e4e;
            font-family: "Montserrat";
            border-radius: 30px;
            width: 75%;
            outline: none;
        }

        #manageNumberRegistration_filter input {
            border-radius: 50px !important;
            padding: 10px 25px !important;
        }

        #manageNumberRegistrationtbl_wrapper .dataTables_scrollBody {
            max-height: 600px;
        }

        .dataTables_scrollBody {
            scrollbar-color: #34548A #fff !important;
        }

        #manageNumberRegistrationFilter {
            margin-left: 5%;
        }

        select#filterByJobName,
        select#filterByNumberStatus {
            border-radius: 20px;
        }

        select#manageNumberRegistrationBulkAction {
            border-radius: 20px;
            width: 250px;
        }

        .dataTables_filter {
            margin-bottom: 35px !important;
        }

        #numberMgmtBusinessListTable_filter {
            margin-bottom: 20px !important;
            margin: 0px 17px;
            display: flex;
            align-items: baseline;
            justify-content: end;
        }

        #numberMgmtBusinessListTable_filter input[type="search"] {
            padding: 9px 40px 9px 20px !important;
            letter-spacing: normal;
            border: 1px solid rgba(0, 0, 0, 0.2) !important;
            background-color: #fff;
            font-size: 15px !important;
            color: #4e4e4e;
            font-family: "Montserrat";
            border-radius: 30px;
            width: 75%;
            outline: none;
        }

        .search-icon,
        .spin-icon {
            position: absolute;
            z-index: 2;
            right: 15px !important;
            font-size: 16px;
            width: 20px;
            margin-left: -2.5px;
            text-align: center;
            opacity: 0.7;
            padding: 10px 0;
            top: 0px;
            color: #c2c2c2;
        }

        .spin-icon {
            display: none;
        }

        /* #numberMgmtBusinessListTable th:nth-child(2),
        #numberMgmtBusinessListTable td:nth-child(2) {
            width: 250px !important;
            max-width: 250px;
            word-break: break-word;
        } */

        /* #numberMgmtBusinessListTable th:nth-child(3),
        #numberMgmtBusinessListTable td:nth-child(3) {
            width: 250px !important;
            max-width: 250px;
            word-break: break-word;
        } */

        #numberMgmtBusinessListTable td:not(:first-child) {
            color: #a19595;
        }

        #numberMgmtBusinessListTable td:first-child {
            color: #34548a;
            font-weight: 600;

            &:hover {
                text-decoration: underline;
                cursor: pointer;
            }
        }

        #manageNumberRegistrationtbl td:first-child,
        #manageNumberRegistrationtbl td:nth-child(2) {
            color: #34548a;
            font-weight: 600;
        }

        #manageNumberRegistrationtbl td:nth-child(n+3) {
            color: #a19595;
        }

        .common-modal {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 20px;
            border-radius: 5px;
            box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
            border: 1px solid #e2e2e2;
            text-align: center;
            background-color: #f8f8f8;
            box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
            z-index: 999;
            -webkit-box-shadow: 0px 0px 0px 9999px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0px 0px 0px 9999px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 0px 0px 9999px rgba(0, 0, 0, 0.5);
        }

        .registerNumberError {
            color: red;
            text-align: left;
            font-size: 14px;
        }

        .simple-error-modal,
        .simple-success-modal,
        .confirm-disconnect-modal {
            width: 420px;
            /* font-family: 'Nunito', sans-serif; */
            display: none;
        }

        .simple-success-modal-close,
        .simple-error-modal-close,
        .confirm-disconnect-close {
            cursor: pointer;
            font-size: 20px;
            line-height: 25px;
            margin-left: 98%;
            color: #64677a;
            font-weight: 100;
            z-index: 2;
        }

        .msg-text {
            font-size: 16px;
        }

        .error-msg-header {
            color: red !important;
        }

        .success-msg-header {
            color: green !important;
        }

        .fa-check {
            border: 1px solid green;
            border-radius: 50%;
            padding: 1px 1px 1px 1px;
        }

        .msg-header {
            color: #008000;
            font-weight: bold;
            font-size: 18px;
            margin-bottom: 10px;
        }

        .close-icon {
            border: 1px solid #008000;
            border-radius: 50%;
            padding: 2px 4px 0px 4px;
        }

        .filter-group {
            display: flex;
            flex-direction: column;
            width: 175px;
            align-items: flex-start;
        }

        .download-btns {
            display: flex;
            gap: 10px;
            position: absolute;
            left: -65px;
            top: -86px;
        }

        input:focus,
        select:focus,
        textarea:focus,
        button:focus,
        .select2-container--default .select2-selection:focus {
            outline: none !important;
            box-shadow: none !important;
        }

        .business-group .select2.select2-container {
            width: 300px !important;
        }

        #jobName {
            padding: 8px 22px !important;
        }

        span.uploadFileName {
            margin-top: 12px;
            cursor: pointer;
            text-align: center;
        }

        i#clear-files, i#clear-files-tnsi {
            margin-left: 10px;
            cursor: pointer;
            border: none;
            background: transparent;
            color: #34548A;
        }

        .radio-list {
            display: flex;
            flex-direction: column;
            align-items: baseline;
            margin: 0px auto;
        }

        .modal-title {
            font-size: 20px;
            color: #34548a;
            font-weight: 600;
            margin-bottom: 3%;
        }

        .action-links {
            display: flex;
            flex-direction: column;
            position: absolute;
            bottom: 47%;
            left: 23%;
            gap: 12px;
            color: #34548a;

            &:hover {
                text-decoration: underline;
                cursor: pointer;
            }
        }

        .userlist-all-div {
            display: flex;
            width: 32%;
            align-items: self-end;
            justify-content: space-around;
        }

        .userlist-div {
            display: flex;
            flex-direction: column;
            align-items: baseline;
            justify-content: flex-start;
        }

        .simple-validation-error-modal {
            width: 600px;
            display: none;
        }

        .validation-modal-content {
            background-color: #fefefe;
            margin: auto;
            padding: 20px;
            border: 1px solid #888;
            width: 100%;
            border-radius: 10px;
        }

        .validation-error-details {
            flex: 1;
            overflow-y: auto;
            margin-bottom: 10px;
        }

        .numbers-section {
            margin-bottom: 15px;
        }

        .section-header {
            font-weight: 600;
            margin-bottom: 5px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .numbers-list-container {
            max-height: 150px;
            overflow-y: auto;
            border: 1px solid #eee;
            border-radius: 4px;
            padding: 5px 10px;
            background: #fafafa;
        }

        .numbers-list-container ul {
            list-style: disc;
            padding-left: 18px;
            color: #555;
            font-size: 13px;
            text-align: left;
        }

        .toggle-btn {
            cursor: pointer;
            font-size: 13px;
            color: #007bff;
        }

        .toggle-btn:hover {
            text-decoration: underline;
        }

        .jobname-div {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .fa-refresh {
            color: #34548a;
            font-size: 25px !important;
            position: absolute;
            left: -15%;
            top: 13%;

            &:hover {
                cursor: pointer;
            }
        }

        .include-test-user-label,
        .include-test-user-label-reg-number,
        .include-test-user-label-manage-number,
        .include-test-user-label-all-businesses {
            align-items: center;
            margin-left: -35%;
            margin-top: 10px;
            padding: .375rem .75rem;
            margin-bottom: 15px;
            font-size: .9rem;
            font-weight: 400;
            margin-right: -18px;
            color: #495057;
            background-color: #e9ecef;
            border: 1px solid #ced4da;
            border-radius: .25rem;
        }

        .include-test-user-label-manage-number {
            margin-bottom: 0px !important;
        }

        .checkbox-include-test-user,
        .checkbox-include-test,
        .checkbox-include-test-all-businesses {
            height: 16px;
            width: 16px;
        }

        .back-search-div {
            width: 90%;
            display: flex;
            align-items: baseline;
            gap: 5%;
            margin-left: 1%;
        }

        .back-test-search-div {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            margin-top: 6%;
        }

        #backBtnNumber {
            position: absolute;
            top: -90px;
        }

        .info-div {
            display: flex;
            align-items: center;
            gap: 5%;
        }

        .clear-numbers {
            color: #34548a;

            &:hover {
                text-decoration: underline;
                cursor: pointer;
            }
        }

        .close-button-error {
            display: flex;
            justify-content: space-between;
        }

        .close-validation-btn,
        .download-btn {
            min-width: 125px !important;
            min-height: 30px !important;
        }

        #downloadAllBusinessList {
            position: absolute;
            top: -75px;
        }

        .jump-to-page-wrapper {
            margin-top: 15px;
            display: flex;
            align-items: baseline;
            justify-content: end;
            gap: 10px;
            font-size: 14px;
        }

        .jump-to-page-wrapper label {
            font-weight: 500;
            color: #333;
        }

        .jump-to-page-wrapper input {
            width: 70px;
            padding: 6px 8px;
            border: 1px solid #ccc;
            border-radius: 4px;
            outline: none;
            font-size: 14px;
        }

        #go_to_page,
        #go_to_page2 {
            padding: 6px 12px;
            color: #34548a;
            font-size: 14px;
            display: inline-block;
        }

        #go_to_page:hover,
        #go_to_page2:hover {
            color: #0056b3;
            text-decoration: underline;
            cursor: pointer;
        }

        .customer-deatils-div {
            display: none;
            margin-top: 5%;
        }

        .msg-cont {
            margin-bottom: 20px;
        }

        .select-customer-details-div {
            margin-top: 5%;
        }

        .business-registration-detail-content .select2.select2-container {
            width: 350px !important;
        }

        .business-registration-detail-content {
            width: 60% !important;
        }

        .action-cont-test-user {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }

        .customer-details-content {
            width: 80%;
            padding: 50px;
        }

        .input-field {
            background-clip: padding-box;
            background-image: none;
            border: 1px solid #ced4da !important;
            border-radius: 0.25rem !important;
            color: #4e4e4e !important;
            display: block;
            font-size: 14px;
            line-height: 1.5;
            font-family: "Montserrat", sans-serif !important;
            margin-bottom: 0;
            max-width: 100%;
            padding: 6px 12px;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            width: 100%;
            background-color: white;
            outline: none;
            /* background-color: #f3f3f3 !important; */
        }

        .row {
            margin-bottom: 1%;
        }

        .input-label {
            color: #777777 !important;
            line-height: inherit;
            font-size: 16px !important;
            font-weight: 400 !important;
            font-family: "Montserrat", sans-serif;
        }

        #operations_phone::placeholder {
            color: #808080;
        }

        .input-field {
            border: 1px solid #ced4da !important;
        }

        .input-field::placeholder {
            color: #4e4e4e57 !important;
        }

        .required:after {
            content: ' *';
            color: red;
        }

        #business_address {
            margin-bottom: 3rem;
        }

        .business-detail-heading,
        .account-detail-heading {
            color: #777777;
            font-size: 23px !important;
            margin-top: 0% !important;
            font-family: "Montserrat", sans-serif;
        }

        .business-name-element {
            width: 48.8% !important;
        }

        select {
            background: #ffffff url(../images/arrow-down-icon.png) no-repeat 99% center !important;
        }

        .select-dropdown {
            font-size: 15px;
            width: 100%;
            height: 34.5px !important;
            padding-left: 15px;
            outline: none;
            border-radius: 3px !important;
            background: url(../images/dropdown.png) no-repeat 97% center;
            -moz-appearance: none;
            appearance: none;
        }

        .widget_archive select,
        .widget_categories select,
        .widget_text select {
            background: url(/wp-content/uploads/2022/12/arrow-down-icon.png) no-repeat 97% center !important;
            -moz-appearance: none;
            -webkit-appearance: none;
            appearance: none;
        }

        .other-box {
            background: #fff !important;
            margin-top: 2%;
        }

        .buttons-div {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15%;
            margin-top: 5.5%;
        }

        input[type='text'] {
            padding: 6px 12px !important;
            font-size: 14px !important;

        }

        .label-input-div {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: baseline;
        }

        .cancel-export-submit-div {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .btn-col {
            margin-top: 3.5%;
        }

        .back-btn {
            margin-right: 90%;
            min-width: 120px;
        }

        .error-message {
            color: red;
            font-size: 13px;
            margin-top: 5px;
            text-align: left;
        }
        #registerNumbers .number-registration, #disconnectNumber .number-registration {
            display: flex;
            width: 50%;
            flex-direction: row;
            margin: auto;
        }
        #registerNumbers li.menu-item-selected, #disconnectNumber li.menu-item-selected {
            border-bottom: 4px solid #F9A035;
            color: #F9A035;
        }
        #registerNumbers li, #disconnectNumber li {
            width: 50%;
            text-align: center;
            border-bottom: 3px solid #918c8c;
            background-color: #e3e3e3;
        }
        #registerNumbers li a, #disconnectNumber li a {
            text-align: center;
            float: initial;
            margin: auto;
            white-space: nowrap;
            width: 100%;
            outline: none;
        }
        #registerNumbers li.menu-item-selected a, #disconnectNumber li.menu-item-selected a {
            color: #F9A035;
        }
        .tab {
            display: none;
        }
    </style>
    <div>
        <h1 style="margin-bottom: 4%;">Business Registration Details</h1>
    </div>

    <div class="pagetextlabel">
        <div class="numbermgmt-submenu" id="numbermgmt">
            <ul class="navbar-nav ml-auto role-permission-list">
                @can('register business')
                <li class="nav-item dropdown menu-item-selected">
                    <a class="menu-item number-mgmt-item" data-target="#registerBusiness">
                        <span>Register Business</span>
                    </a>
                </li>
                @endcan
                @can('manage business')
                <li class="nav-item dropdown">
                    <a class="menu-item number-mgmt-item" data-target="#businessList">
                        <span>List Registered Business</span>
                    </a>
                </li>
                @endcan
                @can('register number')
                <li class="nav-item dropdown">
                    <a class="menu-item number-mgmt-item" data-target="#registerNumbers">
                        <span>Register Numbers</span>
                    </a>
                </li>
                @endcan
                @can('manage number')
                <li class="nav-item dropdown">
                    <a class="menu-item number-mgmt-item" data-target="#manageNumberRegistration">
                        <span>Manage Number Registration</span>
                    </a>
                </li>
                @endcan

                @can('disconnect number')
                <li class="nav-item dropdown">
                    <a class="menu-item number-mgmt-item" data-target="#disconnectNumber">
                        <span>Disconnect Number</span>
                    </a>
                </li>
                @endcan
            </ul>
        </div>
    </div>

    @can('register business')
    <div id="registerBusiness" class="content-section">
        <div class="select-customer-details-div">
            <!-- <div class="margin-top-bottom textlabel">
                <h3>Business Registration Details</h3>
            </div> -->
            <div class="content_parent mc-row">
                <div class="business-registration-detail-content mc-col" style="position: relative;">
                    <div class="msg-cont">
                        <h4>Select a Business to Register</h4>
                    </div>
                    <div class="action-cont-test-user">
                        <select class="business-registration-detail select2">
                            <option value="default">Select Business</option>
                        </select>
                        <label class="include-test-user-label-all-businesses"><input type="checkbox" class="checkbox-include-test-all-businesses"> Include Test Users</label>
                        <div class="btns-div">
                            <button class="customer-btn" disabled>Register</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="customer-deatils-div">
            <!-- <div class="margin-top-bottom textlabel">
                <h3>Business Registration Details</h3>
            </div> -->
            <div class="content_parent mc-row">
                <div class="customer-details-content mc-col">
                    <div class="action-cont-customer-details">
                        <button type="button" class="back-btn button"><i class="fa fa-arrow-left"></i> Back</button>
                        <p class="business-detail-heading">Business Details</p>
                        <form id="business-registration-detail" name="message" method="post">
                            <!-- <input type="hidden" name="_token" value="{{ csrf_token() }}"> -->
                            <div class="row">
                                <div class="col-6">
                                    <div class='label-input-div'>
                                        <label for="name" class="input-label required">Business Legal Name</label>
                                        <input
                                            id="business_legal_name"
                                            type="text"
                                            value=""
                                            name="legalName"
                                            class="input-field business-legal-name-element"
                                            required />
                                    </div>
                                </div>
                                <div class="col-3">
                                    <div class='label-input-div'>
                                        <label for="name" class="input-label">Federal EIN</label>
                                        <input
                                            id="federal_ein"
                                            type="text"
                                            value=""
                                            name="einVatNumber"
                                            class="ff-el-form-control federal-ein-element input-field"
                                            pattern="^\d{9}$"
                                            maxlength="9"
                                            inputmode="numeric"
                                            title="Federal EIN must be exactly 9 digits"
                                            required />
                                    </div>
                                </div>
                                <div class="col-3">
                                    <div class='label-input-div'>
                                        <label for="name" class="input-label">DUNs Number</label>
                                        <input
                                            id="duns_number"
                                            type="text"
                                            value=""
                                            name="dunsNumber"
                                            class="ff-el-form-control duns-number-element input-field"
                                            pattern="^\d{10}$"
                                            maxlength="9"
                                            inputmode="numeric"
                                            title="DUNS Number must be exactly 9 digits" />
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-6">
                                    <div class='label-input-div'>
                                        <label for="name" class="input-label required">Common Business Name (or DBA if applicable)</label>
                                        <input
                                            id="primary_dba"
                                            type="text"
                                            value=""
                                            name="primaryName"
                                            class="input-field primary-dba-element"
                                            required />
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-6">
                                    <div class='label-input-div'>
                                        <label for="name" class="input-label required">Primary Website</label>
                                        <input
                                            id="primary_website"
                                            type="text"
                                            value=""
                                            name="website"
                                            class="input-field primary-website-element"
                                            pattern="^(https?:\/\/)?([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(:\d+)?(\/.*)?$"
                                            title="Enter a valid website URL (e.g., https://www.example.com)"
                                            required />
                                    </div>
                                </div>
                                <div class="col-3">
                                    <div class='label-input-div'>
                                        <label for="name" class="input-label required">Industry</label>
                                        <select
                                            name="industry"
                                            id="industry"
                                            class="ff-el-form-control industry-element input-field select-dropdown"
                                            data-name="dropdown_1"
                                            data-calc_value="0"
                                            style="color: black"
                                            required>
                                            <option value="">Please select one</option>
                                            <option value="ACCOUNTING_OR_FINANCE">Accounting or Finance</option>
                                            <option value="BILLING_AND_COLLECTIONS">Billing and Collections</option>
                                            <option value="BUSINESS_SERVICES">Business Services</option>
                                            <option value="CHARITY_OR_FUNDRAISING">Charity or Fundraising</option>
                                            <option value="COMMUNICATIONS">Communications</option>
                                            <option value="CUSTOMER_SERVICE">Customer Service</option>
                                            <option value="DELIVERY_OR_SHIPPING">Delivery or Shipping</option>
                                            <option value="EDUCATION">Education</option>
                                            <option value="FINANCIAL_SERVICES">Financial Services</option>
                                            <option value="GOVERNMENT_OR_PUBLIC_SERVICES">Government or Public Services</option>
                                            <option value="HEALTHCARE_OR_PHARMACY">Healthcare or Pharmacy</option>
                                            <option value="INSURANCE">Insurance</option>
                                            <option value="LEGAL_SERVICES">Legal Services</option>
                                            <option value="NOTIFICATIONS_OR_SCHEDULING">Notifications or Scheduling</option>
                                            <option value="REAL_ESTATE">Real Estate</option>
                                            <option value="RETAIL">Retail</option>
                                            <option value="SALES">Sales</option>
                                            <option value="SOFTWARE_OR_TECHNOLOGY_OR_MEDIA">Software / Technology / Media</option>
                                            <option value="SURVEYS_AND_MARKET_RESEARCH">Surveys and Market Research</option>
                                            <option value="TRAVEL_OR_HOSPITALITY">Travel or Hospitality</option>
                                            <option value="OTHER">Other</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-3">
                                    <div class='label-input-div'>
                                        <label for="name" class="input-label required">Number of Employees</label>
                                        <select
                                            name="numberOfEmployees"
                                            id="number_of_employees"
                                            class="ff-el-form-control number-of-employees-element input-field select-dropdown"
                                            data-name="dropdown_2"
                                            data-calc_value="0"
                                            style="color: black"
                                            required>
                                            <option value="">Please select one</option>
                                            <option value="BETWEEN_1_AND_10">Between 1 and 10</option>
                                            <option value="BETWEEN_11_AND_50">Between 11 and 50</option>
                                            <option value="BETWEEN_51_AND_200">Between 51 and 200</option>
                                            <option value="BETWEEN_201_AND_500">Between 201 and 500</option>
                                            <option value="BETWEEN_501_AND_2000">Between 501 and 2000</option>
                                            <option value="BETWEEN_2001_AND_10000">Between 2001 and 10000</option>
                                            <option value="MORE_THAN_10001">More than 10001</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="row" style="margin-top: 5%;">
                                <div class="col-6">
                                    <div class='label-input-div'>
                                        <label for="name" class="input-label">Street Address 1</label>
                                        <input
                                            id="street_address_1"
                                            type="text"
                                            value=""
                                            name="streetAddressLine1"
                                            class="input-field street-address-1-element"
                                            required />
                                    </div>
                                </div>
                                <div class="col-6">
                                    <label class="input-label required" style="display: flex;">Contact Info For a Company Representative</label>
                                    <div class="row">
                                        <div class="col-6">
                                            <input
                                                id="firstName"
                                                type="text"
                                                name="firstName"
                                                class="input-field rep-name-element"
                                                placeholder="First Name"
                                                required />
                                        </div>
                                        <div class="col-6">
                                            <input
                                                id="lastName"
                                                type="text"
                                                name="lastName"
                                                class="input-field rep-lastName-element"
                                                placeholder="Last Name"
                                                required />
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-6">
                                    <div class='label-input-div'>
                                        <label for="name" class="input-label">Street Address 2</label>
                                        <input
                                            id="street_address_2"
                                            type="text"
                                            value=""
                                            name="streetAddressLine2"
                                            class="input-field street-address--element" />
                                    </div>
                                </div>
                                <div class="col-6">
                                    <label class="input-label" style="height: 18px;"></label>
                                    <div class="row">
                                        <div class="col-6">
                                            <input
                                                id="title"
                                                type="text"
                                                name="title"
                                                class="input-field job-title-element"
                                                placeholder="Job Title"
                                                required />
                                        </div>
                                        <div class="col-6">
                                            <input
                                                id="phone"
                                                type="text"
                                                name="phone"
                                                class="input-field phone-element"
                                                placeholder="Phone"
                                                inputmode="numeric"
                                                maxlength="10"
                                                pattern="^\d{10}$"
                                                title="Phone number must be exactly 10 digits"
                                                required />
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-3">
                                    <div class='label-input-div'>
                                        <label for="name" class="input-label required">City</label>
                                        <input
                                            id="city"
                                            type="text"
                                            value=""
                                            name="city"
                                            class="input-field city-element" />
                                    </div>
                                </div>
                                <div class="col-3">
                                    <div class='label-input-div'>
                                        <label for="name" class="input-label">State</label>
                                        <select
                                            name="region"
                                            id="state"
                                            class="ff-el-form-control state-element input-field select-dropdown"
                                            data-name="dropdown_3"
                                            data-calc_value="0"
                                            style="color: black"
                                            required>
                                            <option value="">Please select one</option>
                                            <option value="AL">Alabama</option>
                                            <option value="AK">Alaska</option>
                                            <option value="AZ">Arizona</option>
                                            <option value="AR">Arkansas</option>
                                            <option value="CA">California</option>
                                            <option value="CO">Colorado</option>
                                            <option value="CT">Connecticut</option>
                                            <option value="DE">Delaware</option>
                                            <option value="FL">Florida</option>
                                            <option value="GA">Georgia</option>
                                            <option value="HI">Hawaii</option>
                                            <option value="ID">Idaho</option>
                                            <option value="IL">Illinois</option>
                                            <option value="IN">Indiana</option>
                                            <option value="IA">Iowa</option>
                                            <option value="KS">Kansas</option>
                                            <option value="KY">Kentucky</option>
                                            <option value="LA">Louisiana</option>
                                            <option value="ME">Maine</option>
                                            <option value="MD">Maryland</option>
                                            <option value="MA">Massachusetts</option>
                                            <option value="MI">Michigan</option>
                                            <option value="MN">Minnesota</option>
                                            <option value="MS">Mississippi</option>
                                            <option value="MO">Missouri</option>
                                            <option value="MT">Montana</option>
                                            <option value="NE">Nebraska</option>
                                            <option value="NV">Nevada</option>
                                            <option value="NH">New Hampshire</option>
                                            <option value="NJ">New Jersey</option>
                                            <option value="NM">New Mexico</option>
                                            <option value="NY">New York</option>
                                            <option value="NC">North Carolina</option>
                                            <option value="ND">North Dakota</option>
                                            <option value="OH">Ohio</option>
                                            <option value="OK">Oklahoma</option>
                                            <option value="OR">Oregon</option>
                                            <option value="PA">Pennsylvania</option>
                                            <option value="RI">Rhode Island</option>
                                            <option value="SC">South Carolina</option>
                                            <option value="SD">South Dakota</option>
                                            <option value="TN">Tennessee</option>
                                            <option value="TX">Texas</option>
                                            <option value="UT">Utah</option>
                                            <option value="VT">Vermont</option>
                                            <option value="VA">Virginia</option>
                                            <option value="WA">Washington</option>
                                            <option value="WV">West Virginia</option>
                                            <option value="WI">Wisconsin</option>
                                            <option value="WY">Wyoming</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <label class="input-label" style="height: 18px;"></label>
                                    <div class="row">
                                        <div class="col-12">
                                            <input
                                                id="email"
                                                type="email"
                                                name="email"
                                                class="input-field email-element"
                                                placeholder="Email"
                                                pattern="^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$"
                                                title="Enter a valid email address"
                                                required />
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-3">
                                    <div class='label-input-div'>
                                        <label for="name" class="input-label">Zip Code</label>
                                        <input
                                            id="zip_code"
                                            type="text"
                                            value=""
                                            name="postcode"
                                            class="input-field zip-code-element"
                                            pattern="^\\d{5}(-\\d{4})?$"
                                            maxlength="9"
                                            inputmode="numeric"
                                            title="Zip Code must be 5 or 9 digits (e.g., 12345 or 12345-6789)"
                                            required />
                                    </div>
                                </div>
                                <div class="col-3">
                                    <div class='label-input-div'>
                                        <label for="name" class="input-label required">Country</label>
                                        <select
                                            name="country"
                                            id="country"
                                            class="ff-el-form-control state-element input-field select-dropdown"
                                            data-name="dropdown_4"
                                            data-calc_value="0"
                                            style="color: black"
                                            required>
                                            <option value="US" selected>USA</option>
                                            <option value="CA">Canada</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col btn-col">
                                    <input type="hidden" id="user_reference_id" name="user_reference_id" value="">
                                    <div class="cancel-export-submit-div">
                                        <button type="button" class="cancel-business-registration-detail-btn button">CANCEL</button>
                                        <button type="button" class="disconnect-business-btn button">Disconnect Business</button>
                                        <button type="button" class="get-all-numbers-btn button">Get All Numbers</button>
                                        <button type="button" class="manage-numbers-btn button">Manage Numbers</button>
                                        <button type="button" disabled class="export-business-registration-detail-btn button">TXT EXPORT <i class="far fa-file-export"></i></button>
                                        <button class="add-update-business-registration-btn button">Add / Update</button>
                                    </div>
                                </div>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>
    @endcan

    @can('manage business')
    <div id="businessList" class="content-section">
        <div class="back-test-search-div">
            <div class="back-search-div">
                <button type="button" class="btn btn-primary" id="backBtn"><i class="fa fa-arrow-left"></i> Back</button>
                <div>
                    <label class="include-test-user-label"><input type="checkbox" class="checkbox-include-test"> Show Test Users</label>
                </div>
            </div>
            <div id="numberMgmtBusinessListTable_filter" class="dataTables_filter icon-addon" style="position: relative;">
                <button type="button" class="btn btn-primary" id="downloadAllBusinessList">Download All</button>
                <i class="fa fa-refresh reload-business-table" aria-hidden="true"></i>
                <label class="contact-no-detail-label">
                    <form autocomplete="off">
                        <span class="search-input">
                            <input type="search" class="numberMgmtBusinessListTable_search" id="numberMgmtBusinessListTable_search" placeholder="Search" aria-controls="numberMgmtBusinessListTable" autocomplete="off" />
                            <i for="search-number" class="lyphicon search-icon glyphicon-search fa fa-search"></i>
                            <i class="fas spin-icon fa-spinner fa-pulse"></i>
                        </span>
                    </form>
                </label>
            </div>
        </div>
        <div id="numberMgmtBusinessList">
            <div class="container daily-calling-status-table-container">
                <div id="numMgmtBusinessListTable_processing" class="dataTables_processing" style="display: none;">Loading...</div>
                <table id="numberMgmtBusinessListTable" class="stripe">
                    <thead>
                        <tr>
                            <th>Business Name</th>
                            <th>Business ID</th>
                            <th>Hiya Effective Date</th>
                            <th>Hiya Status</th>
                            <th>Hiya Registered Numbers</th>
                            <th>TNSI Effective Date</th>
                            <th>TNSI Registered Numbers</th>
                            <th>First Orion Effective Date</th>
                            <th>First Orion Registered Numbers</th>
                            <th>Free VZW Effective Date</th>
                            <th>Free VZW Registered Numbers</th>
                        </tr>
                    </thead>
                </table>
                <div class="jump-to-page-wrapper">
                    <label>Jump to page: </label>
                    <input
                        type="number"
                        onkeyup="if(/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')"
                        name="jump_to_page"
                        id="jump_to_page_num" />
                    <a id="go_to_page">GO</a>
                </div>
            </div>
        </div>
    </div>
    @endcan

    @can('register number')
    <div id="registerNumbers" class="content-section">

        <ul class="navbar-nav ml-auto number-registration">
            <li class="nav-item dropdown menu-item-selected">
                <a class="menu-item" href="#hiya-registration">
                    <span>HIYA</span>
                </a>
            </li>
            <li class="nav-item dropdown" >
                <a class="menu-item " href="#tnsi-registration">
                    <span>TNSI</span>
                </a>
            </li>
        </ul>

        <div class="tab-content">
            <div id="hiya-registration" class="tab active">
                <div class="register-wrapper">
                    <form id="registerNumbersForm" enctype="multipart/form-data">
                        <div class="flex-row">
                            <div>
                                <div class="section-title">Entry Method</div>
                                <label class="form-radio">
                                    <input type="radio" name="entry_method" value="paste" checked> Paste Numbers
                                </label>
                                <label class="form-radio">
                                    <input type="radio" name="entry_method" value="upload"> File Upload
                                </label>
                                <div class="registerNumberError" id="error_entry_method"></div>
                            </div>
                        </div>

                        <input type="hidden" name="_token" value="{{ csrf_token() }}">

                        <div class="business-section">
                            <div>
                                <div class="business-title">Select Business</div>
                                <div class="business-group">
                                    <select id="businessSelect" class="select2" name="businessSelect">
                                        <option value="">Select Business</option>
                                    </select>
                                    <label class="include-test-user-label-reg-number"><input type="checkbox" class="checkbox-include-test-user" data-type="reg-num"> Show Test Users</label>
                                </div>
                                <div class="registerNumberError" id="error_businessSelect"></div>
                            </div>
                            <div style="display: none;">
                                <div class="section-title jobname-div">
                                    <input type="text" id="jobName" name="jobName" placeholder="Job Name">
                                    <i class="fa fa-refresh" aria-hidden="true"></i>
                                </div>
                                <div class="registerNumberError" id="error_jobName"></div>
                            </div>
                        </div>

                        <div class="number-section">
                            <div class="section-title">Telephone Numbers</div>
                            <textarea id="telephoneNumbers" name="telephoneNumbers" placeholder="Paste or manually enter Telephone Numbers, separated by space, comma, tab, or return"></textarea>
                            <div class="info-div">
                                <small>55000 char max (approx 5000 Telephone Numbers)</small>
                                <span class="clear-numbers" id="clearBtn">CLEAR</span>
                            </div>
                            <div class="registerNumberError" id="error_telephoneNumbers"></div>
                        </div>

                        <div class="upload-section">
                            <div class="section-title">Upload Template</div>
                            <label class="upload-box" for="fileInput">
                                UPLOAD FILE IN TXT, CSV, OR XLSX FORMAT
                                <input type="file" id="fileInput" name="fileInput" accept=".txt,.csv,.xlsx">
                            </label>
                            <div id="file-detail" style="margin-top: 10px; text-align: center;">
                                <span class="uploadFileName"></span>
                                <i id="clear-files" class="cancel-file fa fa-times" aria-hidden="true" style="display: inline;"></i>
                            </div>
                            <div class="upload-file-template text-center">
                                <a href="../upload/NumberManagement/number-template.xlsx?{{ time() }}" download="" class="download-add-template">Click to download the template</a>
                                <a href="../upload/NumberManagement/number-template.xlsx?{{ time() }}" download="" class="download-add-template">
                                    &nbsp;<img src="../images/download-template-icon-blue.png" alt="download-template-icon">
                                </a>
                            </div>
                            <div class="registerNumberError" id="error_fileInput"></div>
                        </div>

                        <div class="analytics-section">
                            <div class="section-title">Select Analytics Partner to Add/Update</div>
                            <span class="link-action" id="clearSelections">Clear Selections</span>
                            <span class="link-action" id="selectAll">Select All</span>
                            <div class="analytics-options">
                                <label><input type="checkbox" name="analytics_partner[]" value="Hiya" checked> Hiya</label>
                                <label><input type="checkbox" name="analytics_partner[]" value="TNSI"> TNSI</label>
                                <label><input type="checkbox" name="analytics_partner[]" value="First Orion"> First Orion</label>
                                <label><input type="checkbox" name="analytics_partner[]" value="Free"> Free Verizon</label>
                            </div>
                            <div class="registerNumberError" id="error_analytics_partner"></div>
                        </div>

                        <div class="button-row">
                            <div>
                                <button type="button" class="btn btn-primary" id="cancelBtn">CANCEL</button>
                            </div>
                            <button type="button" class="btn btn-primary" id="submitBtn">SUBMIT</button>
                        </div>
                    </form>
                </div>
            </div>
            
            <div id="tnsi-registration" class="tab">
                <div class="register-wrapper">
                    <form id="registerNumbersFormTnsi" enctype="multipart/form-data">
                        <div class="flex-row">
                            <div>
                                <div class="section-title">Entry Method</div>
                                <label class="form-radio">
                                    <input type="radio" name="entry_method_tnsi" value="paste" checked> Paste Numbers
                                </label>
                                <label class="form-radio">
                                    <input type="radio" name="entry_method_tnsi" value="upload"> File Upload
                                </label>
                                <div class="registerNumberError" id="error_entry_method_tnsi"></div>
                            </div>
                        </div>
                        
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">

                        <div class="business-section">
                            <div>
                                <div class="business-title">Select Business</div>
                                <div class="business-group">
                                    <select id="TnsiBusinessSelect" class="select2" name="TnsiBusinessSelect">
                                        <option value="">Select Business</option>
                                    </select>
                                    <label class="include-test-user-label-reg-number"><input type="checkbox" class="checkbox-include-test-user-tnsi" data-type="reg-num"> Show Test Users</label>
                                </div>
                                <div class="registerNumberError" id="error_businessSelect_tnsi"></div>
                            </div>
                            
                        </div>

                        <div class="number-section">
                            <div class="section-title">Telephone Numbers</div>
                            <textarea id="telephoneNumbersTnsi" name="telephoneNumbersTnsi" placeholder="Paste or manually enter Telephone Numbers, separated by space, comma, tab, or return"></textarea>
                            <div class="info-div">
                                <small>55000 char max (approx 5000 Telephone Numbers)</small>
                                <span class="clear-numbers" id="clearBtnTnsi">CLEAR</span>
                            </div>
                            <div class="registerNumberError" id="error_telephoneNumbers_tnsi"></div>
                        </div>

                        <div class="upload-section">
                            <div class="section-title">Upload Template</div>
                            <label class="upload-box" for="fileInputTnsi">
                                UPLOAD FILE IN TXT, CSV, OR XLSX FORMAT
                                <input type="file" id="fileInputTnsi" name="fileInputTnsi" accept=".txt,.csv,.xlsx">
                            </label>
                            <div id="file-detail" style="margin-top: 10px; text-align: center;">
                                <span class="uploadFileNameTnsi"></span>
                                <i id="clear-files-tnsi" class="cancel-file fa fa-times" aria-hidden="true" style="display: inline;"></i>
                            </div>
                            <div class="upload-file-template text-center">
                                <a href="../upload/NumberManagement/number-template.xlsx?{{ time() }}" download="" class="download-add-template">Click to download the template</a>
                                <a href="../upload/NumberManagement/number-template.xlsx?{{ time() }}" download="" class="download-add-template">
                                    &nbsp;<img src="../images/download-template-icon-blue.png" alt="download-template-icon">
                                </a>
                            </div>
                            <div class="registerNumberError" id="error_fileInput_tnsi"></div>
                        </div>

                        <div class="button-row">
                            <div>
                                <button type="button" class="btn btn-primary" id="cancelBtnTnsi">CANCEL</button>
                            </div>
                            <button type="button" class="btn btn-primary" id="submitBtnTnsi">SUBMIT</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        
    </div>
    @endcan

    @can('manage number')
    <div id="manageNumberRegistration" class="content-section">
        <div id="manageNumberRegistrationSection">
            <div id="manageNumberRegistration_filter" class="dataTables_filter icon-addon">
                {{-- Left: Bulk Actions + Apply --}}
                <div style="display:flex;align-items:center;gap:10px;position:relative;">
                    <select class="recon-credit-users" id="manageNumberRegistrationBulkAction">
                        <option value="">Bulk Actions</option>
                        <!-- <option value="register">Register Number</option> -->
                        <option value="remove">Remove Numbers</option>
                    </select>
                    <button class="customer-btn-apply" id="manageNumberRegistrationFilter">Apply</button>
                    <button type="button" class="btn btn-primary" id="backBtnNumber"><i class="fa fa-arrow-left"></i> Back</button>
                </div>

                <div class="userlist-all-div">
                    <div class="userlist-div">
                        <label for="userListBusinessRegistered" class="user-label">Filter By Business</label>
                        <select class="business-registered-users select2" id="userListBusinessRegistered">

                        </select>
                    </div>
                    <div>
                        <label class="include-test-user-label-manage-number"><input type="checkbox" class="checkbox-include-test-user" data-type="man-num"> Show Test Users</label>
                    </div>
                </div>

                {{-- Middle Filters --}}
                <div style="display:flex;align-items:center;gap:15px;">
                    <!-- <div class="filter-group">
                        <label for="filterByJobName" style="margin-right:5px;">Filter By Job Name</label>
                        <select id="filterByJobName">
                            <option value="">Select Job Name</option>
                        </select>
                    </div> -->
                    <div class="filter-group">
                        <label for="filterByNumberStatus" style="margin-right:5px;">Filter By Number Status</label>
                        <select id="filterByNumberStatus">
                            <option value="">Select status</option>
                        </select>
                    </div>
                </div>

                {{-- Right: Download Buttons + Search --}}
                <div style="display:flex;align-items:end;gap:10px;position:relative;">
                    <div class="download-btns">
                        <button class="manage-number-btn" id="downloadAllNumbers">Download All</button>
                        <button class="manage-number-btn" id="downloadHistory" disabled>Download History</button>
                    </div>
                    <div id="manageNumberRegistrationtbl_filter" class="dataTables_filter icon-addon" style="position: relative;">
                        <i class="fa fa-refresh reload-number-table" aria-hidden="true"></i>
                        <label class="contact-no-detail-label">
                            <span class="search-input">
                                <input type="search" class="manageNumberRegistrationtbl_search" id="manageNumberRegistrationtbl_search" placeholder="Search" aria-controls="numberMgmtBusinessListTable" autocomplete="off" />
                                <i for="search-number" class="lyphicon search-icon glyphicon-search fa fa-search"></i>
                                <i class="fas spin-icon fa-spinner fa-pulse"></i>
                            </span>
                        </label>
                    </div>
                </div>
            </div>

            <div class="container daily-calling-status-table-container">
                <div id="manageNumberRegistration_processing" class="dataTables_processing" style="display: none;">Loading...</div>
                <table id="manageNumberRegistrationtbl" class="stripe">
                    <thead>
                        <tr>
                            <th><input type="checkbox" id="selectAllNumbers"></th>
                            <th>Numbers</th>
                            <th>Business Name</th>
                            <th>Business ID</th>
                            <!-- <th>Job Name</th> -->
                            <th>Hiya Effective Date</th>
                            <th>Hiya Status</th>
                            <th>Hiya Last Change</th>
                            <th>TNSI Effective Date</th>
                            <th>TNSI Status</th>
                            <th>TNSI Last Change</th>
                            <th>First Orion Effective Date</th>
                            <th>First Status</th>
                            <th>First Last Change</th>
                            <th>Free VZW Effective Date</th>
                            <th>Free VZW Status</th>
                            <th>Free VZW Last Change</th>
                        </tr>
                    </thead>
                </table>
                <div class="jump-to-page-wrapper">
                    <label>Jump to page: </label>
                    <input
                        type="number"
                        onkeyup="if(/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')"
                        name="jump_to_page"
                        id="jump_to_page_num2" />
                    <a id="go_to_page2">GO</a>
                </div>
            </div>
        </div>
    </div>
    @endcan

    @can('disconnect number')
    <div id="disconnectNumber" class="content-section">
        <ul class="navbar-nav ml-auto number-registration">
            <li class="nav-item dropdown menu-item-selected">
                <a class="menu-item" href="#hiya-disconnectNumber">
                    <span>HIYA</span>
                </a>
            </li>
            <li class="nav-item dropdown" >
                <a class="menu-item " href="#tnsi-disconnectNumber">
                    <span>TNSI</span>
                </a>
            </li>
        </ul>

        <div class="tab-content">
            <div id="hiya-disconnectNumber" class="tab active">
                <div class="register-wrapper">
                    <form id="disconnectNumberForm" enctype="multipart/form-data">
                        <div class="flex-row">
                            <div>
                                <div class="section-title">Entry Method</div>
                                <label class="form-radio">
                                    <input type="radio" name="entry_method_DisconnectNumber" value="paste" checked> Paste Numbers
                                </label>
                                <label class="form-radio">
                                    <input type="radio" name="entry_method_DisconnectNumber" value="upload"> File Upload
                                </label>
                                <div class="registerNumberError" id="error_entry_methodDisconnectNumber"></div>
                            </div>
                        </div>

                        <input type="hidden" name="_token" value="{{ csrf_token() }}">

                        <div class="business-section">
                            <div>
                                <div class="business-title">Select Business</div>
                                <div class="business-group">
                                    <select id="businessSelectDisconnectNumber" class="select2" name="businessSelect">
                                        <option value="">Select Business</option>
                                    </select>
                                    <label class="include-test-user-label-reg-number"><input type="checkbox" class="checkbox-include-test-user" data-type="reg-num"> Show Test Users</label>
                                </div>
                                <div class="registerNumberError" id="error_businessSelectDisconnectNumber"></div>
                            </div>
                            <div style="display: none;">
                                <div class="section-title jobname-div">
                                    <input type="text" id="jobName" name="jobName" placeholder="Job Name">
                                    <i class="fa fa-refresh" aria-hidden="true"></i>
                                </div>
                                <div class="registerNumberError" id="error_jobName"></div>
                            </div>
                        </div>

                        <div class="number-section">
                            <div class="section-title">Telephone Numbers</div>
                            <textarea id="telephoneNumbersDisconnectNumber" name="telephoneNumbers" placeholder="Paste or manually enter Telephone Numbers, separated by space, comma, tab, or return"></textarea>
                            <div class="info-div">
                                <small>55000 char max (approx 5000 Telephone Numbers)</small>
                                <span class="clear-numbers" id="clearBtnDisconnectNumber">CLEAR</span>
                            </div>
                            <div class="registerNumberError" id="error_telephoneNumbersDisconnectNumber"></div>
                        </div>

                        <div class="upload-section">
                            <div class="section-title">Upload Template</div>
                            <label class="upload-box" for="fileInputDisconnectNumber">
                                UPLOAD FILE IN TXT, CSV, OR XLSX FORMAT
                                <input type="file" id="fileInputDisconnectNumber" name="fileInput" accept=".txt,.csv,.xlsx">
                            </label>
                            <div id="file-detail" style="margin-top: 10px; text-align: center;">
                                <span class="uploadFileNameDisconnectNumber"></span>
                                <i id="clear-files" class="cancel-file fa fa-times" aria-hidden="true" style="display: inline;"></i>
                            </div>
                            <div class="upload-file-template text-center">
                                <a href="../upload/NumberManagement/number-template.xlsx?{{ time() }}" download="" class="download-add-template">Click to download the template</a>
                                <a href="../upload/NumberManagement/number-template.xlsx?{{ time() }}" download="" class="download-add-template">
                                    &nbsp;<img src="../images/download-template-icon-blue.png" alt="download-template-icon">
                                </a>
                            </div>
                            <div class="registerNumberError" id="error_fileInputDisconnectNumber"></div>
                        </div>

                        <div class="analytics-section">
                            <div class="section-title">Select Analytics Partner to Add/Update</div>
                            <span class="link-action" id="clearSelectionsDisconnectNumber">Clear Selections</span>
                            <span class="link-action" id="selectAllDisconnectNumber">Select All</span>
                            <div class="analytics-options">
                                <label><input type="checkbox" name="analytics_partnerDisconnectNumber[]" value="Hiya" checked> Hiya</label>
                                <label><input type="checkbox" name="analytics_partnerDisconnectNumber[]" value="TNSI"> TNSI</label>
                                <label><input type="checkbox" name="analytics_partnerDisconnectNumber[]" value="First Orion"> First Orion</label>
                                <label><input type="checkbox" name="analytics_partnerDisconnectNumber[]" value="Free"> Free Verizon</label>
                            </div>
                            <div class="registerNumberError" id="error_analytics_partnerDisconnectNumber"></div>
                        </div>

                        <div class="button-row">
                            <div>
                                <button type="button" class="btn btn-primary" id="cancelBtn">CANCEL</button>
                            </div>
                            <button type="button" class="btn btn-primary" id="submitBtnDisconnectNumber">SUBMIT</button>
                        </div>
                    </form>
                </div>
            </div>

            <div id="tnsi-disconnectNumber" class="tab">
                <div class="register-wrapper">
                    <form id="disconnectNumbersFormTnsi" enctype="multipart/form-data">
                        <div class="flex-row">
                            <div>
                                <div class="section-title">Entry Method</div>
                                <label class="form-radio">
                                    <input type="radio" name="entry_method_DisconnectNumberTnsi" value="paste" checked> Paste Numbers
                                </label>
                                <label class="form-radio">
                                    <input type="radio" name="entry_method_DisconnectNumberTnsi" value="upload"> File Upload
                                </label>
                                <div class="registerNumberError" id="error_entry_methodDisconnectNumberTnsi"></div>
                            </div>
                        </div>
                        
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">

                        <div class="business-section">
                            <div>
                                <div class="business-title">Select Business</div>
                                <div class="business-group">
                                    <select id="businessSelectDisconnectNumberTnsi" class="select2" name="businessSelectTnsi">
                                        <option value="">Select Business</option>
                                    </select>
                                    <label class="include-test-user-label-reg-number"><input type="checkbox" class="checkbox-include-test-user" data-type="reg-num"> Show Test Users</label>
                                </div>
                                <div class="registerNumberError" id="error_businessSelectDisconnectNumberTnsi"></div>
                            </div>
                            
                        </div>

                        <div class="number-section">
                            <div class="section-title">Telephone Numbers</div>
                            <textarea id="telephoneNumbersDisconnectNumberTnsi" name="telephoneNumbersDisconnectTnsi" placeholder="Paste or manually enter Telephone Numbers, separated by space, comma, tab, or return"></textarea>
                            <div class="info-div">
                                <small>55000 char max (approx 5000 Telephone Numbers)</small>
                                <span class="clear-numbers" id="clearBtnDisconnectNumberTnsi">CLEAR</span>
                            </div>
                            <div class="registerNumberError" id="error_telephoneNumbersDisconnectNumberTnsi"></div>
                        </div>

                        <div class="upload-section">
                            <div class="section-title">Upload Template</div>
                            <label class="upload-box" for="fileInputDisconnectNumberTnsi">
                                UPLOAD FILE IN TXT, CSV, OR XLSX FORMAT
                                <input type="file" id="fileInputDisconnectNumberTnsi" name="fileInputDisconnectTnsi" accept=".txt,.csv,.xlsx">
                            </label>
                            <div id="file-detail" style="margin-top: 10px; text-align: center;">
                                <span class="uploadFileNameDisconnectNumberTnsi"></span>
                                <i id="clear-files-disconnect-tnsi" class="cancel-file fa fa-times" aria-hidden="true" style="display: inline;"></i>
                            </div>
                            <div class="upload-file-template text-center">
                                <a href="../upload/NumberManagement/number-template.xlsx?{{ time() }}" download="" class="download-add-template">Click to download the template</a>
                                <a href="../upload/NumberManagement/number-template.xlsx?{{ time() }}" download="" class="download-add-template">
                                    &nbsp;<img src="../images/download-template-icon-blue.png" alt="download-template-icon">
                                </a>
                            </div>
                            <div class="registerNumberError" id="error_fileInputDisconnectNumberTnsi"></div>
                        </div>

                        <div class="button-row">
                            <div>
                                <button type="button" class="btn btn-primary" id="cancelBtn">CANCEL</button>
                            </div>
                            <button type="button" class="btn btn-primary" id="submitBtnDisconnectNumberTnsi">SUBMIT</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        
    </div>
    @endcan

    <!-- Analytics popup -->
    <div id="businessModal" class="modal">
        <div class="modal-content">
            <span class="close">&times;</span>
            <div class="modal-title">Select Analytics Partner to Add/Update</div>

            <div class="action-links">
                <a id="clearSelectionsPopup">Clear Selections</a>
                <a id="selectAllPartnerPopup">Select All</a>
            </div>

            <div class="radio-list">
                <label><input type="checkbox" name="partner" value="Hiya" checked> Hiya</label>
                <label><input type="checkbox" name="partner" value="TNSI"> TNSI</label>
                <label><input type="checkbox" name="partner" value="First Orion"> First Orion</label>
                <label><input type="checkbox" name="partner" value="Free Verizon"> Free Verizon</label>
            </div>

            <div class="modal-footer">
                <button class="dismissBtn" id="dismissBtn">DISMISS</button>
                <button class="okayBtnBusinessRegistration">OK</button>
            </div>
        </div>
    </div>

    <!-- Analytics popup disconnect modal-->
    <div id="businessModal2" class="modal">
        <div class="modal-content">
            <span class="close">&times;</span>
            <div class="modal-title">Select Analytics Partner to Add/Update</div>

            <div class="action-links">
                <a id="clearSelectionsPopup">Clear Selections</a>
                <a id="selectAllPartnerPopup">Select All</a>
            </div>

            <div class="radio-list">
                <label><input type="checkbox" name="partner" value="Hiya" checked> Hiya</label>
                <label><input type="checkbox" name="partner" value="TNSI"> TNSI</label>
                <label><input type="checkbox" name="partner" value="First Orion"> First Orion</label>
                <label><input type="checkbox" name="partner" value="Free Verizon"> Free Verizon</label>
            </div>

            <div class="modal-footer">
                <button class="dismissBtn" id="dismissBtnDisconnect">DISMISS</button>
                <button class="okayBtnDisconnectNumber">OK</button>
            </div>
        </div>
    </div>

    <!-- disconnect popup -->
    <div class="custom-modal-wrapper confirm-disconnect-modal common-modal">
        <i class="fa fa-times confirm-disconnect-close" aria-hidden="true"></i>
        <div class="">
            <p class="msg-header"><i class="fa fa-question-circle"></i>&nbsp;Are You Sure?</p>
            <p class="msg-text">Disconnecting a Business Registration pauses Guard & Mapper activity on all their numbers and flags the client’s account for review.</p>
            <div class="close-button-div">
                <button type="button" class="close-btn" id="cancelDisconnect">Cancel</button>
                <button type="button" class="close-btn" id="confirmDisconnect">OK</button>
            </div>
        </div>
    </div>

    <div id="loaderModal" class="modal">
        <img class="loader-img" src="../images/ajax-spinner.gif">
        <span class="loader-text">Please wait ...</span>
    </div>

    <!-- Success Modal -->
    <div class="custom-modal-wrapper simple-success-modal common-modal">
        <i class="fa fa-times simple-success-modal-close" aria-hidden="true"></i>
        <div class="">
            <p class="success-msg-header msg-header"><i class="lyphicon fa fa-check"></i>&nbsp;Success</p>
            <p class="msg-text simple-success-modal-msg-text"></p>
            <div class="close-button" id="close-button">
                <button type="button" class="close-btn" id="closeSimpleSuccessModal">OK</button>
            </div>
        </div>
    </div>

    <div class="custom-modal-wrapper simple-error-modal common-modal">
        <i class="fa fa-times simple-error-modal-close" aria-hidden="true"></i>
        <div class="">
            <p class="error-msg-header msg-header"><i class="fa fa-times close-icon" aria-hidden="true"></i>&nbsp;Error</p>
            <p class="msg-text simple-error-modal-msg-text"></p>
            <div class="close-button" id="close-button">
                <button type="button" class="close-btn" id="closeSimpleErrorModal">OK</button>
            </div>
        </div>
    </div>

    <!-- Validation Error Modal -->
    <div class="custom-modal-wrapper simple-validation-error-modal common-modal" id="validationErrorModal" style="display:none;">
        <i class="fa fa-times simple-error-modal-close" aria-hidden="true"></i>
        <div class="validation-modal-content">
            <p class="error-msg-header msg-header">
                <i class="fa fa-times close-icon" aria-hidden="true"></i>&nbsp;
                Validation Error
            </p>

            <p class="msg-text simple-error-modal-msg-text" id="validationErrorMessage"></p>

            <div class="validation-error-details">
                <!-- Invalid Numbers Section -->
                <div id="invalidNumbersSection" class="numbers-section" style="display:none;">
                    <p class="section-header">
                        <strong>Invalid Numbers (<span id="invalidCount">0</span>)</strong>
                        <span class="toggle-btn" data-target="#invalidNumbersList">Show/Hide</span>
                    </p>
                    <div class="numbers-list-container">
                        <ul id="invalidNumbersList"></ul>
                    </div>
                </div>

                <!-- Not Linked Numbers Section -->
                <div id="notLinkedNumbersSection" class="numbers-section" style="display:none;">
                    <p class="section-header">
                        <strong>Number(s) are not found or not assigned to a Guard account (<span id="notLinkedCount">0</span>)</strong>
                        <span class="toggle-btn" data-target="#notLinkedNumbersList">Show/Hide</span>
                    </p>
                    <div class="numbers-list-container">
                        <ul id="notLinkedNumbersList"></ul>
                    </div>
                </div>

                <!-- Not Registered Numbers Section -->
                <div id="notRegisteredNumbersSection" class="numbers-section" style="display:none;">
                    <p class="section-header">
                        <strong>Not Registered Numbers (<span id="notRegisteredCount">0</span>)</strong>
                        <span class="toggle-btn" data-target="#notRegisteredNumbersList">Show/Hide</span>
                    </p>
                    <div class="numbers-list-container">
                        <ul id="notRegisteredNumbersList"></ul>
                    </div>
                </div>

                <!--Already Register Numbers Section -->
                <div id="alreadyRegisterNumbersSection" class="numbers-section" style="display:none;">
                    <p class="section-header">
                        <strong>Already Registered Numbers (<span id="alreadyRegisterCount">0</span>)</strong>
                        <span class="toggle-btn" data-target="#alreadyRegisterNumbersList">Show/Hide</span>
                    </p>
                    <div class="numbers-list-container">
                        <ul id="alreadyRegisterNumbersList"></ul>
                    </div>
                </div>

                <!--Already Register In Another Account Numbers Section -->
                <div id="alreadyRegisterAnotherAccountNumbersSection" class="numbers-section" style="display:none;">
                    <p class="section-header">
                        <strong>Already Registered In Another Account (<span id="alreadyRegisterAnotherAccountCount">0</span>)</strong>
                        <span class="toggle-btn" data-target="#alreadyRegisterAnotherAccountNumbersList">Show/Hide</span>
                    </p>
                    <div class="numbers-list-container">
                        <ul id="alreadyRegisterAnotherAccountNumbersList"></ul>
                    </div>
                </div>
            </div>

            <div class="close-button-error" id="close-button">
                <button type="button" class="close-validation-btn" id="closeValidationErrorModal">DISMISS</button>
                <button type="button" class="download-btn" id="downloadValidationErrorModal">DOWNLOAD</button>
                <button type="button" class="proceed-btn" id="proceedValidationErrorModal" style="display:none;">PROCEED</button>
                <button type="button" class="proceed-btn" id="proceedDisconnectNumberValidationErrorModal" style="display:none;">PROCEED</button>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.11.1/js/jquery.dataTables.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
@if (session('status'))
<script>
    alert("{{ session('status') }}");
</script>
@endif
<script>
    var baseURL = "{{ URL::to('/') }}" + "/";
    var submitPhoneNumbersUrl = baseURL + 'submitPhoneNumbers';
    var submitPhoneNumbersTnsiUrl = baseURL + 'submitPhoneNumbersTnsi';
    var getUniqueJobNamesAndHiyaStatusUrl = baseURL + 'getUniqueJobNamesAndHiyaStatus';
    var bulkDisconnectHiyaRegisteredNumberUrl = baseURL + 'bulkDisconnectHiyaRegisteredNumber';
    var getRegisteredBusinessesUrl = baseURL + 'getRegisteredBusinesses';
    var DownloadRegisteredBusinessesUrl = baseURL + 'DownloadRegisteredBusinesses';
    var DownloadHiyaRegisteredNumbersUrl = baseURL + 'DownloadHiyaRegisteredNumbers';
    var getBusinessRegistrationUrl = baseURL + 'getBusinessRegistration';
    var submitBusinessRegistrationDetailsUrl = baseURL + 'submitBusinessRegistrationDetails';
    var disconnectBusinessRegistrationUrl = baseURL + 'disconnectBusinessRegistration';
    var getAllBusinessesUrl = baseURL + 'getAllBusinesses';
    var checkHiyaNumberStatusUrl = baseURL + 'checkHiyaNumberStatus';
    var checkHiyaBusinessStatusUrl = baseURL + 'checkHiyaBusinessStatus';
    var checkHiyaDisconnectBusinessStatusUrl = baseURL + 'checkHiyaDisconnectBusinessStatus';
    var disconnectNumberUrl = baseURL + 'disconnectPhoneNumbers';
    var getRegisteredBusinessesTnsiUrl = baseURL + 'getRegisteredBusinessesTNSI';
    var disconnectNumberTnsiUrl = baseURL + 'disconnectPhoneNumbersTnsi';

    let selectedUserId = null;
    let selectedNumbers = [];
    let allBusinessesCache = [];
    let allBusinessesTnsiCache = [];
    let proceedNumbers = [];
    let proceedNumbersTnsi = [];
    let userId = null;
    let businessId = null;
    const canDoAction1 = @json(auth() -> user() -> can('register business'));
    const canDoAction2 = @json(auth() -> user() -> can('manage number'));
    const canDoAction3 = @json(auth() -> user() -> can('register number'));
    $(document).ready(function() {
        if (canDoAction1) {
            getAllBusinesses();
        }
        if (canDoAction2) {
            getUniqueJobNamesAndHiyaStatus();
        }
        if (canDoAction2 || canDoAction3) {
            getRegisteredBusinesses();
            getRegisteredBusinessesTNSI();
        }
        getBusinessList();
        manageNumberRegistration();
        getUniqueJobNamesAndHiyaStatus();
        generateUniqueJobName();
        $('.select2').select2();
        $('#clear-files, #clear-files-tnsi, #clear-files-disconnect-tnsi').hide();

        $('#telephoneNumbers, #telephoneNumbersDisconnectNumber, #telephoneNumbersTnsi, #telephoneNumbersDisconnectNumberTnsi').on('input', function() {
            let cleaned = $(this).val().replace(/[^\d,\s]/g, '');
            $(this).val(cleaned);
        });

        //handling the click event for submenu list
        jQuery('.number-mgmt-item').on('click', function(e) {
            e.preventDefault();
            // Menu item selected styling
            jQuery(this)
                .closest('li')
                .addClass('menu-item-selected')
                .siblings()
                .removeClass('menu-item-selected');
            // Show the target content div and hide others
            const target = jQuery(this).data('target');
            jQuery('.content-section').hide(); // hide all
            jQuery(target).show();
            setTimeout(function() {
                jQuery(target).find('.dataTable').each(function() {
                    if ($.fn.DataTable.isDataTable(this)) {
                        $(this).DataTable().columns.adjust(); // no draw()
                    }
                });
            }, 150);
        });

        $("#numbermgmt .nav-item:visible").first()
            .addClass("menu-item-selected")
            .find("a.number-mgmt-item")
            .trigger("click");

        // //Auto-click the appropriate tab if provided
        // if (selectedTab) {
        //     // Find the menu item with the corresponding data-target
        //     const targetSelector = '#' + selectedTab;
        //     const tabItem = jQuery('.number-mgmt-item[data-target="' + targetSelector + '"]');

        //     if (tabItem.length) {
        //         tabItem.trigger('click'); // simulate click
        //     }
        // } else {
        //     // Default behavior (e.g., open Business List)
        //     jQuery('.number-mgmt-item[data-target="#businessList"]').trigger('click');
        // }

        const fieldsToValidate = ["#federal_ein", "#duns_number", "#zip_code", "#email", "#primary_website", "#phone"];
        fieldsToValidate.forEach(selector => {
            if ($(selector).next(".error-message").length === 0) {
                $(selector).after('<small class="error-message"></small>');
            }
        });

        //Validation rules
        const validators = {
            federal_ein: {
                regex: /^\d{9}$/,
                message: "Federal EIN must be exactly 9 digits."
            },
            duns_number: {
                regex: /^\d{9}$/,
                message: "DUNS Number must be exactly 9 digits."
            },
            zip_code: {
                regex: /^\d{5}(\d{4})?$/,
                message: "Zip Code must be 5 or 9 digits (e.g., 12345 or 123456789)."
            },
            email: {
                regex: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
                message: "Please enter a valid email address."
            },
            primary_website: {
                regex: /^(https?:\/\/)(www\.)[a-zA-Z0-9-]+(\.[a-zA-Z]{2,})(\/.*)?$/,
                message: "Please enter a valid website URL (e.g., https://www.example.com)."
            },
            phone: {
                regex: /^\d{10}$/,
                message: "Phone number must be exactly 10 digits."
            }
        };

        //Allow only numeric input for specific fields
        $("#federal_ein, #duns_number, #zip_code, #phone").on("input", function() {
            this.value = this.value.replace(/[^0-9]/g, '');
        });

        //Real-time validation
        $.each(validators, function(id, rule) {
            $("#" + id).on("input blur", function() {
                const value = $(this).val().trim();
                const $error = $(this).siblings(".error-message");

                if (value === "") {
                    $(this).removeClass("error valid");
                    $error.hide();
                    return;
                }

                if (!rule.regex.test(value)) {
                    $(this).addClass("error").removeClass("valid");
                    $error.text(rule.message).show();
                } else {
                    $(this).removeClass("error").addClass("valid");
                    $error.hide();
                }
            });
        });

        // remove required error message while typing
        jQuery('#business-registration-detail [required]').on('input', function() {
            if (jQuery(this).val().trim() !== "") {
                jQuery(this).removeClass("error").addClass("valid");
                jQuery(this).next(".error-message").hide();
            }
        });

        // When the user clicks anywhere outside of the modal, close it
        $('body').on('click', function() {
            $("#messageModal").hide();
        });

        $('.modal-content').on('click', function(e) {
            e.stopPropagation();
        });

        // $('.list-all-registered').on('click', function(e) {
        //     e.stopPropagation();
        //     window.location.href = '/registration_management';
        // });

        // $('#okaybtn').on('click', function(e) {
        //     $("#successModal").hide();
        // });

        jQuery('.business-registration-detail').on('change', function() {
            var selectedValue = jQuery('.business-registration-detail').val();
            if (selectedValue !== 'default' && selectedValue !== '') {
                jQuery('.customer-btn').prop('disabled', false); // Enable button
            } else {
                jQuery('.customer-btn').prop('disabled', true); // Disable button
            }
        });

        //when user will click on submit then get the user deatils and show in the modal
        jQuery('.customer-btn').on('click', function() {
            var selectedValue = jQuery('.business-registration-detail').val();
            var user_reference_id = selectedValue.split(' ')[0];
            getTheBusinessRegistrationDetails(user_reference_id);
        });

        jQuery('.manage-numbers-btn').on('click', function(e) {
            e.preventDefault();
            // Fetch user ID stored in the button
            var userId = jQuery(this).data('user-id');
            if (!userId) {
                $('.simple-error-modal-msg-text').text('No active business registration found for this user.');
                $('.simple-error-modal').show();
            } else {
                jQuery('.number-mgmt-item[data-target="#registerNumbers"]').trigger('click');
                selectBusinessOrUser('reg-num', userId);
            }
        });

        jQuery('.get-all-numbers-btn').on('click', function(e) {
            e.preventDefault();
            // Fetch user ID stored in the button
            var userId = jQuery(this).data('user-id');
            if (!userId) {
                $('.simple-error-modal-msg-text').text('No active business registration found for this user.');
                $('.simple-error-modal').show();
            } else {
                jQuery('.number-mgmt-item[data-target="#manageNumberRegistration"]').trigger('click');
                selectBusinessOrUser('man-num', userId);
            }
        });

        //when user will click on submit btn of customer detail
        //modal then update the information in the respective tables
        jQuery('.add-update-business-registration-btn').on('click', function(e) {
            e.preventDefault();

            let formValid = true;

            jQuery('#business-registration-detail .error-msg').remove();

            // Required field validation
            jQuery('#business-registration-detail [required]').each(function() {
                if (jQuery(this).val().trim() === '') {
                    formValid = false;
                    jQuery(this).addClass("error");
                    if (jQuery(this).next(".error-message").length === 0) {
                        jQuery(this).after('<small class="error-message">This field is required.</small>');
                    } else {
                        jQuery(this).next(".error-message").text("This field is required.").show();
                    }
                }
            });

            // Regex validation
            $.each(validators, function(id, rule) {
                const $input = $("#" + id);
                const value = $input.val().trim();
                const $error = $input.next(".error-message");

                if (value !== "" && !rule.regex.test(value)) {
                    formValid = false;
                    $input.addClass("error").removeClass("valid");
                    $error.text(rule.message).show();
                }
            });

            // Form clean → open modal
            if (formValid) {
                jQuery('#businessModal').fadeIn(200);
            }
        });

        // When "OK" is clicked inside modal
        jQuery('.okayBtnBusinessRegistration').on('click', function(e) {
            e.preventDefault();

            // Get selected partners
            var selectedPartners = jQuery('input[name="partner"]:checked')
                .map(function() {
                    return jQuery(this).val();
                })
                .get();

            if (selectedPartners.length === 0) {
                alert('Please select at least one partner before proceeding.');
                return;
            }

            // Close modal
            jQuery('#businessModal').fadeOut(200);


            // Submit form with selected partners
            var userReferenceId = jQuery('#user_reference_id').val();
            submitBusinessRegistrationDetails(userReferenceId, selectedPartners);
        });

        // Close modal on dismiss or "X"
        jQuery('#dismissBtn, .close').on('click', function() {
            jQuery('#businessModal').fadeOut(200);
        });

        jQuery('#dismissBtnDisconnect, .close').on('click', function() {
            jQuery('#businessModal2').fadeOut(200);
        });

        // Select All / Clear All functionality
        jQuery('#selectAllPartner').on('click', function(e) {
            e.preventDefault();
            jQuery('input[name="partner"]').prop('checked', true);
        });

        jQuery('#clearSelections').on('click', function(e) {
            e.preventDefault();
            jQuery('input[name="partner"]').prop('checked', false);
        });

        //when user will click on disconnect btn of business registration detail
        jQuery('.disconnect-business-btn').on('click', function(e) {
            e.preventDefault();

            var userReferenceId = jQuery('#user_reference_id').val();

            if (!userReferenceId) {
                jQuery('.simple-error-modal-msg-text').text("No user selected to disconnect.");
                jQuery('.simple-error-modal').fadeIn();
                return;
            }

            // Store user ID in modal data
            jQuery('.confirm-disconnect-modal').data('user-id', userReferenceId).fadeIn();
        });

        // Cancel button / close icon
        jQuery('#cancelDisconnect, .confirm-disconnect-close').on('click', function() {
            jQuery('.confirm-disconnect-modal').fadeOut();
        });

        // OK button
        jQuery('#confirmDisconnect').on('click', function() {
            var userReferenceId = jQuery('.confirm-disconnect-modal').data('user-id');
            jQuery('.confirm-disconnect-modal').fadeOut();
            disconnectBusinessRegistration(userReferenceId);
        });

        // Remove error msg + border on input/select change
        jQuery('#business-registration-detail').on('input change', '[required]', function() {
            if (jQuery(this).val().trim() !== '') {
                jQuery(this).removeClass('input-error');
                jQuery(this).next('.error-msg').remove();
            }
        });

        // 🔹 Add red border style for invalid inputs/selects
        jQuery('<style>.input-error{border:1px solid red !important;}</style>').appendTo('head');

        //when user will click on cancel btn of customer detail modal
        jQuery('.cancel-business-registration-detail-btn, .back-btn').on('click', function() {
            // Clear the form
            jQuery('#business-registration-detail')[0].reset();

            // Optional: Clear select dropdowns that may not reset properly
            jQuery('#business-registration-detail select').prop('selectedIndex', 0);

            $('.select-customer-details-div').show();
            $('.customer-deatils-div').hide();
            window.scrollTo(0, 0);
        })

        $('#go_to_page').on('click', function() {
            var table = $('#numberMgmtBusinessListTable').DataTable();
            let page = parseInt($('#jump_to_page_num').val());
            if (!page || page < 1) return;
            let totalPages = table.page.info().pages;
            if (page > totalPages) page = totalPages;
            table.page(page - 1).draw('page');

            $('#jump_to_page_num').val('');
        });

        $('#go_to_page2').on('click', function() {
            var table = $('#manageNumberRegistrationtbl').DataTable();
            let page = parseInt($('#jump_to_page_num2').val());
            if (!page || page < 1) return;
            let totalPages = table.page.info().pages;
            if (page > totalPages) page = totalPages;
            table.page(page - 1).draw('page');

            $('#jump_to_page_num2').val('');
        });

        // Register Number tab JS
        // Switch between Paste Numbers and File Upload
        $('input[name="entry_method"]').on('change', function() {
            if ($(this).val() === 'upload') {
                $('.number-section').hide();
                $('.upload-section').show();
                $('#telephoneNumbers').val();
            } else {
                $('.number-section').show();
                $('.upload-section').hide();
                $('#fileInput').val('');
                $('.uploadFileName').text('');
                $('#clear-files').hide();
            }
        });

        $('input[name="entry_method_tnsi"]').on('change', function() {
            if ($(this).val() === 'upload') {
                $('.number-section').hide();
                $('.upload-section').show();
                $('#telephoneNumbersTnsi').val();
            } else {
                $('.number-section').show();
                $('.upload-section').hide();
                $('#fileInputTnsi').val('');
                $('.uploadFileNameTnsi').text('');
                $('#clear-files-tnsi').hide();
            }
        });

        $('input[name="entry_method_DisconnectNumber"]').on('change', function() {
            if ($(this).val() === 'upload') {
                $('.number-section').hide();
                $('.upload-section').show();
                $('#telephoneNumbersDisconnectNumber').val();
            } else {
                $('.number-section').show();
                $('.upload-section').hide();
                $('#fileInputDisconnectNumber').val('');
                $('.uploadFileNameDisconnectNumber').text('');
                $('#clear-files').hide();
            }
        });

        $('input[name="entry_method_DisconnectNumberTnsi"]').on('change', function() {
            if ($(this).val() === 'upload') {
                $('.number-section').hide();
                $('.upload-section').show();
                $('#telephoneNumbersDisconnectNumberTnsi').val();
            } else {
                $('.number-section').show();
                $('.upload-section').hide();
                $('#fileInputDisconnectNumberTnsi').val('');
                $('.uploadFileNameDisconnectNumberTnsi').text('');
                $('#clear-files-disconnect-tnsi').hide();
            }
        });

        // Clear textarea and selections
        $('#clearBtn').on('click', function() {
            $('#telephoneNumbers').val('');
            //$('input[name="analytics_partner[]"]').prop('checked', false);
        });
        $('#clearBtnDisconnectNumber').on('click', function() {
            $('#telephoneNumbersDisconnectNumber').val('');
            //$('input[name="analytics_partner[]"]').prop('checked', false);
        });

        $('#clearBtnTnsi').on('click', function() {
            $('#telephoneNumbersTnsi').val('');
            //$('input[name="analytics_partner[]"]').prop('checked', false);
        });
        $('#clearBtnDisconnectNumberTnsi').on('click', function() {
            $('#telephoneNumbersDisconnectNumberTnsi').val('');
            //$('input[name="analytics_partner[]"]').prop('checked', false);
        });

        // Cancel action
        $('#cancelBtn, #backBtn, #backBtnNumber, #cancelBtnTnsi').on('click', function() {
            $('#registerNumbersFormTnsi')[0].reset();
            $('#TnsiBusinessSelect').val('').trigger('change');
            $('.registerNumberError').text('');
            $('.uploadFileNameTnsi').text('');
            $('#clear-files').hide();
            $('input[name="entry_method_tnsi"][value="paste"]').prop('checked', true).trigger('change');
            $('.registerNumberError').text('');

            $('#disconnectNumbersFormTnsi')[0].reset();
            $('#businessSelectDisconnectNumberTnsi').val('').trigger('change');
            $('.registerNumberError').text('');
            $('.uploadFileNameTnsi').text('');
            $('#clear-files').hide();
            $('input[name="entry_method_DisconnectNumberTnsi"][value="paste"]').prop('checked', true).trigger('change');
            $('.registerNumberError').text('');
            
            $('#registerNumbersForm')[0].reset();
            $('#businessSelect').val('').trigger('change');
            $('.uploadFileName').text('');
            $('#clear-files').hide();
            $('input[name="entry_method"][value="paste"]').prop('checked', true).trigger('change');
            $('.registerNumberError').text('');

            jQuery('.number-mgmt-item[data-target="#registerBusiness"]').trigger('click');
        });



        // Select All partners
        // $('#selectAll, #selectAllDisconnectNumber').on('click', function() {
        //     $('input[name="analytics_partner[]"]').prop('checked', true);
        // });
        $('#selectAll').on('click', function() {
            $('input[name="analytics_partner[]"]').prop('checked', true);
        });
        $('#selectAllDisconnectNumber').on('click', function() {
            $('input[name="analytics_partnerDisconnectNumber[]"]').prop('checked', true);
        });

        // Clear Selections
        // $('#clearSelections, #clearSelectionsDisconnectNumber').on('click', function() {
        //     $('input[name="analytics_partner[]"]').prop('checked', false);
        // });
        $('#clearSelections').on('click', function() {
            $('input[name="analytics_partner[]"]').prop('checked', false);
        });
        $('#clearSelectionsDisconnectNumber').on('click', function() {
            $('input[name="analytics_partnerDisconnectNumber[]"]').prop('checked', false);
        });

        // Select All / Clear All functionality popup
        jQuery('#selectAllPartner').on('click', function(e) {
            e.preventDefault();
            jQuery('input[name="partner"]').prop('checked', true);
        });

        jQuery('#clearSelections').on('click', function(e) {
            e.preventDefault();
            jQuery('input[name="partner"]').prop('checked', false);
        });

        // Close modal on dismiss or "X"
        jQuery('#dismissBtnDisconnect, .close').on('click', function() {
            jQuery('#businessModal').fadeOut(200);
            selectedUserId = null;
            selectedNumbers = [];
        });


        // Fetch Business
        $('#fetchBusiness').on('click', function() {
            const business = $('#businessSelect').val();
            if (!business) {
                alert('Please select a business first.');
            } else {
                alert('Fetching data for: ' + business);
            }
        });

        //download businesses
        $('#downloadAllBusinessList').on('click', function() {
            $("#loaderModal").show();
            downloadAllBusinessList();
        });

        // Show file name when chosen
        $('#fileInput').on('change', function() {
            if (this.files.length) {
                $('.uploadFileName').text(this.files[0].name); // Show the file name
                $('#clear-files').show(); // Show the clear button
            } else {
                $('.uploadFileName').text(''); // Clear the file name display
                $('#clear-files').hide(); // Hide the clear button
            }
        });
        $('#fileInputTnsi').on('change', function() {
            if (this.files.length) {
                $('.uploadFileNameTnsi').text(this.files[0].name); // Show the file name
                $('#clear-files').show(); // Show the clear button
            } else {
                $('.uploadFileNameTnsi').text(''); // Clear the file name display
                $('#clear-files').hide(); // Hide the clear button
            }
        });
        $('#fileInputDisconnectNumber').on('change', function() {
            if (this.files.length) {
                $('.uploadFileNameDisconnectNumber').text(this.files[0].name); // Show the file name
                $('#clear-files').show(); // Show the clear button
            } else {
                $('.uploadFileNameDisconnectNumber').text(''); // Clear the file name display
                $('#clear-files').hide(); // Hide the clear button
            }
        });

        $('#fileInputDisconnectNumberTnsi').on('change', function() {
            if (this.files.length) {
                $('.uploadFileNameDisconnectNumberTnsi').text(this.files[0].name); // Show the file name
                $('#clear-files-disconnect-tnsi').show(); // Show the clear button
            } else {
                $('.uploadFileNameDisconnectNumberTnsi').text(''); // Clear the file name display
                $('#clear-files-disconnect-tnsi').hide(); // Hide the clear button
            }
        });

        $('#clear-files').on('click', function() {
            $('#fileInput').val('');
            $('.uploadFileName').text(''); // Clear the file name display
            $(this).hide(); // Hide the clear button
        });

        $('#clear-files-tnsi').on('click', function() {
            $('#fileInputTnsi').val('');
            $('.uploadFileNameTnsi').text(''); // Clear the file name display
            $(this).hide(); // Hide the clear button
        });

        $('#clear-files-disconnect-tnsi').on('click', function() {
            $('#fileInputDisconnectNumberTnsi').val('');
            $('.uploadFileNameDisconnectNumberTnsi').text(''); // Clear the file name display
            $(this).hide(); // Hide the clear button
        });

        $('#downloadTemplate').on('click', function() {
            alert('Download template triggered');
        });

        $('#closeSimpleSuccessModal, .simple-success-modal-close').click(function() {
            $('.simple-success-modal').css("display", "none");
        });

        $('#closeSimpleErrorModal, .simple-error-modal-close').click(function() {
            $('.simple-error-modal').css("display", "none");
        });

        jQuery('.simple-error-modal-close').on('click', function() {
            jQuery('.simple-error-modal').hide();
        })

        // Select/Deselect all checkboxes
        $(document).on('change', '#selectAllNumbers', function() {
            $('.numberCheckbox').prop('checked', this.checked);
        });

        // When an individual checkbox changes, update "Select All" accordingly
        $(document).on('change', '.numberCheckbox', function() {
            const total = $('.numberCheckbox').length;
            const checked = $('.numberCheckbox:checked').length;

            // If any unchecked → uncheck "Select All"
            //If all checked → check "Select All"
            $('#selectAllNumbers').prop('checked', total === checked);
        });

        // Enable/Disable Apply button based on dropdown
        $('#manageNumberRegistrationBulkAction').on('change', function() {
            const selectedAction = $(this).val();
            $('#manageNumberRegistrationFilter').prop('disabled', selectedAction !== 'remove');
        });

        // Handle Apply button click
        $('#manageNumberRegistrationFilter').on('click', function() {
            const action = $('#manageNumberRegistrationBulkAction').val();
            if (action !== 'remove') return;

            const selectedCheckboxes = $('.numberCheckbox:checked');
            if (selectedCheckboxes.length === 0) {
                alert('Please select at least one number to remove.');
                return;
            }

            //Ensure all belong to the same user
            const mixedUserIds = selectedCheckboxes.map(function() {
                return $(this).data('userid');
            }).get();

            const uniqueUserIds = [...new Set(mixedUserIds)];
            if (uniqueUserIds.length > 1) {
                alert('Please select numbers from a single user only.');
                return;
            }

            // Store data for use after modal confirmation
            selectedUserId = uniqueUserIds[0];
            selectedNumbers = selectedCheckboxes.map(function() {
                return $(this).data('number');
            }).get();

            // Show the modal
            $('#businessModal2').show();
        });

        $('.okayBtnDisconnectNumber').on('click', function() {
            //Get selected partner(s)
            const selectedPartners = $('#businessModal2 input[name="partner"]:checked')
                .map(function() {
                    return $(this).val();
                })
                .get();

            if (selectedPartners.length === 0) {
                alert('Please select at least one analytics partner.');
                return;
            }

            //Hide modal before making AJAX call
            $('#businessModal2').hide();
            bulkDisconnectHiyaRegisteredNumber(selectedPartners);
        });

        //on select business remove error msg
        $('#businessSelect').on('change', function() {
            if ($(this).val()) {
                $('#error_businessSelect').text('');
            }
        });
        $('#businessSelectDisconnectNumber').on('change', function() {
            if ($(this).val()) {
                $('#error_businessSelectDisconnectNumber').text('');
            }
        });

        // Clear file error
        $('#fileInput').on('change', function() {
            if ($(this).val()) {
                $('#error_fileInput').text('');
            }
        });

        // Submit
        $('#submitBtn').on('click', function(e) {
            e.preventDefault();

            // Clear previous errors
            $('.registerNumberError').text('');

            let hasError = false;

            // Entry Method
            let entryMethod = $('input[name="entry_method"]:checked').val();
            if (!entryMethod) {
                $('#error_entry_method').text('Please select entry method');
                hasError = true;
            }

            // Job Name
            let jobName = $('#jobName').val().trim();
            if (!jobName) {
                $('#error_jobName').text('Job Name is required');
                hasError = true;
            }

            // Business Select
            let businessSelect = $('#businessSelect, #businessSelectDisconnectNumber').val();
            if (!businessSelect) {
                $('#error_businessSelect').text('Please select business name');
                hasError = true;
            }

            // Telephone Numbers or File Input
            if (entryMethod === 'paste') {
                let telephoneNumbers = $('#telephoneNumbers').val().trim();

                if (!telephoneNumbers) {
                    $('#error_telephoneNumbers').text('Please add numbers');
                    hasError = true;
                }

                // // Split input by commas and trim each number
                // let numbersArray = telephoneNumbers.split(',').map(num => num.trim());
                // // Check if any number is less than 10 digits
                // let invalidNumbers = numbersArray.filter(num => num.length < 10 || !/^\d+$/.test(num));
                // if (invalidNumbers.length > 0) {
                //     $('#error_telephoneNumbers').text('Each number must be at least 10 digits and numeric. Invalid: ' + invalidNumbers.join(', '));
                //     hasError = true;
                // }
            } else if (entryMethod === 'upload') {
                let fileInput = $('#fileInput').val();
                if (!fileInput) {
                    $('#error_fileInput').text('Please upload number file');
                    hasError = true;
                }
            }
            
            // Analytics Partner
            if ($('input[name="analytics_partner[]"]:checked').length === 0) {
                $('#error_analytics_partner').text('Please select at least one analytic partner');
                hasError = true;
            }
            // If any validation error exists, stop submission
            if (hasError) return;

            // If validation passes, call AJAX
            submitPhoneNumbers();
        });

        $('#submitBtnTnsi').on('click', function(e) {
            e.preventDefault();

            // Clear previous errors
            $('.registerNumberError').text('');

            let hasError = false;

            // Entry Method
            let entryMethod = $('input[name="entry_method_tnsi"]:checked').val();
            if (!entryMethod) {
                $('#error_entry_method').text('Please select entry method');
                hasError = true;
            }
            
            // Business Select
            let businessSelect = $('#TnsiBusinessSelect, #businessSelectDisconnectNumberTnsi').val();
            if (!businessSelect) {
                $('#error_businessSelect_tnsi').text('Please select business name');
                hasError = true;
            }

            // Telephone Numbers or File Input
            if (entryMethod === 'paste') {
                let telephoneNumbers = $('#telephoneNumbersTnsi').val().trim();

                if (!telephoneNumbers) {
                    $('#error_telephoneNumbers_tnsi').text('Please add numbers');
                    hasError = true;
                }

            } else if (entryMethod === 'upload') {
                let fileInput = $('#fileInputTnsi').val();
                if (!fileInput) {
                    $('#error_fileInput_tnsi').text('Please upload number file');
                    hasError = true;
                }
            }
            
            // If any validation error exists, stop submission
            if (hasError) return;

            // If validation passes, call AJAX
            submitPhoneNumbersTnsi();
        });

        $('#submitBtnDisconnectNumber').on('click', function(e) {
            e.preventDefault();
            // Clear previous errors
            $('.registerNumberError').text('');
            let hasError = false;

            // Entry Method
            let entryMethod = $('input[name="entry_method_DisconnectNumber"]:checked').val();
            if (!entryMethod) {
                $('#error_entry_methodDisconnectNumber').text('Please select entry method');
                hasError = true;
            }
            // Job Name
            let jobName = $('#jobName').val().trim();
            if (!jobName) {
                $('#error_jobName').text('Job Name is required');
                hasError = true;
            }
            // Business Select
            let businessSelect = $('#businessSelectDisconnectNumber').val();
            if (!businessSelect) {
                $('#error_businessSelectDisconnectNumber').text('Please select business name');
                hasError = true;
            }
            // Telephone Numbers or File Input
            if (entryMethod === 'paste') {
                let telephoneNumbers = $('#telephoneNumbersDisconnectNumber').val().trim();

                if (!telephoneNumbers) {
                    $('#error_telephoneNumbersDisconnectNumber').text('Please add numbers');
                    hasError = true;
                }

                // // Split input by commas and trim each number
                // let numbersArray = telephoneNumbers.split(',').map(num => num.trim());
                // // Check if any number is less than 10 digits
                // let invalidNumbers = numbersArray.filter(num => num.length < 10 || !/^\d+$/.test(num));
                // if (invalidNumbers.length > 0) {
                //     $('#error_telephoneNumbers').text('Each number must be at least 10 digits and numeric. Invalid: ' + invalidNumbers.join(', '));
                //     hasError = true;
                // }
            } else if (entryMethod === 'upload') {
                let fileInput = $('#fileInputDisconnectNumber').val();
                if (!fileInput) {
                    $('#error_fileInputDisconnectNumber').text('Please upload number file');
                    hasError = true;
                }
            }
            
            // Analytics Partner
            if ($('input[name="analytics_partnerDisconnectNumber[]"]:checked').length === 0) {
                $('#error_analytics_partnerDisconnectNumber').text('Please select at least one analytic partner');
                hasError = true;
            }
            // If any validation error exists, stop submission
            if (hasError) return;
            // If validation passes, call AJAX
            disconnectPhoneNumber();
        });

        $('#submitBtnDisconnectNumberTnsi').on('click', function(e) {
            e.preventDefault();

            // Clear previous errors
            $('.registerNumberError').text('');

            let hasError = false;

            // Entry Method
            let entryMethod = $('input[name="entry_method_DisconnectNumberTnsi"]:checked').val();
            if (!entryMethod) {
                $('#error_entry_method').text('Please select entry method');
                hasError = true;
            }
            
            // Business Select
            let businessSelect = $('#businessSelectDisconnectNumberTnsi').val();
            if (!businessSelect) {
                $('#error_businessSelectDisconnectNumberTnsi').text('Please select business name');
                hasError = true;
            }

            // Telephone Numbers or File Input
            if (entryMethod === 'paste') {
                let telephoneNumbers = $('#telephoneNumbersDisconnectNumberTnsi').val().trim();

                if (!telephoneNumbers) {
                    $('#error_telephoneNumbersDisconnectNumberTnsi').text('Please add numbers');
                    hasError = true;
                }

            } else if (entryMethod === 'upload') {
                let fileInput = $('#fileInputDisconnectNumberTnsi').val();
                if (!fileInput) {
                    $('#error_fileInputDisconnectNumberTnsi').text('Please upload number file');
                    hasError = true;
                }
            }
            
            // If any validation error exists, stop submission
            if (hasError) return;

            // If validation passes, call AJAX
            submitPhoneNumbersDisconnectTnsi();
        });

        //download all registered numbers
        $('#downloadAllNumbers').on('click', function() {

            const selectedCheckboxes = $('.numberCheckbox:checked');
            let userId = $('#userListBusinessRegistered').val();
            let selectedNumbers = [];

            // CASE 1: If numbers selected → send only numbers
            if (selectedCheckboxes.length > 0) {
                selectedNumbers = selectedCheckboxes.map(function() {
                    return $(this).data('number');
                }).get();
                jQuery("#loaderModal").show();
                downloadHiyaRegisteredNumbers(null, selectedNumbers);
                return;
            }

            // CASE 2: No numbers selected → check if business selected
            if (userId) {
                jQuery("#loaderModal").show();
                downloadHiyaRegisteredNumbers(userId, []);
                return;
            }

            // CASE 3: Nothing selected → show error
            jQuery("#loaderModal").show();
            downloadHiyaRegisteredNumbers(null, []);
        });

        //download txt file of validation error modal
        $('#downloadValidationErrorModal').on('click', function() {
             // Collect invalid numbers
            const invalidNumbers = [];
            $('#invalidNumbersList li').each(function () {
                invalidNumbers.push($(this).text().trim());
            });

            // Collect not linked numbers
            const notLinkedNumbers = [];
            $('#notLinkedNumbersList li').each(function () {
                notLinkedNumbers.push($(this).text().trim());
            });

            // Collect not registered numbers
            const notRegisteredNumbers = [];
            $('#notRegisteredNumbersList li').each(function () {
                notRegisteredNumbers.push($(this).text().trim());
            });

            // Collect already registered numbers
            const alreadyRegisteredNumbers = [];
            $('#alreadyRegisterNumbersList li').each(function () {
                alreadyRegisteredNumbers.push($(this).text().trim());
            });

            // Collect already registered in another account numbers
            const alreadyRegisteredAnotherAccountNumbers = [];
            $('#alreadyRegisterAnotherAccountNumbersList li').each(function () {
                alreadyRegisteredAnotherAccountNumbers.push($(this).text().trim());
            });

            // Build file content
            let fileContent = '';

            if (invalidNumbers.length > 0) {
                fileContent += `Invalid Numbers (${invalidNumbers.length}):\n`;
                fileContent += invalidNumbers.join('\n') + '\n\n';
            }

            if (notLinkedNumbers.length > 0) {
                fileContent += `Not Linked Numbers (${notLinkedNumbers.length}):\n`;
                fileContent += notLinkedNumbers.join('\n') + '\n\n';
            }

            if (notRegisteredNumbers.length > 0) {
                fileContent += `Not Registered Numbers (${notRegisteredNumbers.length}):\n`;
                fileContent += notRegisteredNumbers.join('\n') + '\n\n';
            }

            if (alreadyRegisteredNumbers.length > 0) {
                fileContent += `Already Registered Numbers (${alreadyRegisteredNumbers.length}):\n`;
                fileContent += alreadyRegisteredNumbers.join('\n') + '\n\n';
            }

            if (alreadyRegisteredAnotherAccountNumbers.length > 0) {
                fileContent += `Already Registered in Another Account (${alreadyRegisteredAnotherAccountNumbers.length}):\n`;
                fileContent += alreadyRegisteredAnotherAccountNumbers.join('\n') + '\n\n';
            }

            if (!fileContent.trim()) {
                alert('No numbers available to download.');
                return;
            }

            //Get selected business name (label)
            let selectedOption = $('#businessSelect option:selected, #businessSelectDisconnectNumber option:selected').text().trim();
            let businessLabel = 'Unknown_Business';

            if (selectedOption && selectedOption !== 'Select Business') {
                // Split at the first hyphen to separate name and code
                let parts = selectedOption.split('-');
                let businessName = parts[0].trim();

                // Replace multiple spaces with single underscore and remove special chars
                businessLabel = businessName.replace(/[^\w\s]/g, '').replace(/\s+/g, '_');
            }

            //Add timestamp
            const timestamp = new Date().toISOString().slice(0, 19).replace(/[-:T]/g, '');

            //Build final file name
            const fileName = `${businessLabel}_Validation_Errors_${timestamp}.txt`;

            // Create and download file
            const blob = new Blob([fileContent], {
                type: 'text/plain'
            });
            const url = URL.createObjectURL(blob);
            const a = document.createElement('a');
            a.href = url;
            a.download = fileName;
            document.body.appendChild(a);
            a.click();
            document.body.removeChild(a);
            URL.revokeObjectURL(url);
        });

        // Select/Clear all
        $('#selectall').on('click', function(e) {
            e.preventDefault();
            $('#partnersList input[type="checkbox"]').prop('checked', true);
        });

        $('#clearAll').on('click', function(e) {
            e.preventDefault();
            $('#partnersList input[type="checkbox"]').prop('checked', false);
        });

        $('#filterByJobName, #filterByNumberStatus').on('change', function() {
            var manageNumberRegistrationtblObj = jQuery('#manageNumberRegistrationtbl').DataTable();
            manageNumberRegistrationtblObj.ajax.reload();
        });

        $('#userListBusinessRegistered').on('change', function() {
            const userId = $(this).val();
            getUniqueJobNamesAndHiyaStatus(userId);
            var manageNumberRegistrationtblObj = jQuery('#manageNumberRegistrationtbl').DataTable();
            manageNumberRegistrationtblObj.ajax.reload();
        });

        jQuery('.include-test-user-label').on('change', function() {
            var numberMgmtBusinessListTableObj = jQuery('#numberMgmtBusinessListTable').DataTable();
            numberMgmtBusinessListTableObj.ajax.reload();
        });

        jQuery('.checkbox-include-test-user').on('change', function() {
            var checkbox = jQuery(this);
            var includeTestUsers = checkbox.is(':checked') ? 1 : 0;
            var type = checkbox.data('type');
            populateDropdowns(includeTestUsers, type);
        });

        jQuery('.checkbox-include-test-user-tnsi').on('change', function() {
            var checkbox = jQuery(this);
            var includeTestUsers = checkbox.is(':checked') ? 1 : 0;
            populateDropdownsTNSI(includeTestUsers);
        });

        jQuery('.checkbox-include-test-all-businesses').on('change', function() {
            getAllBusinesses();
        });

        jQuery('.reload-business-table').on('click', function() {
            var numberMgmtBusinessListTableObj = jQuery('#numberMgmtBusinessListTable').DataTable();
            numberMgmtBusinessListTableObj.ajax.reload();
        });

        jQuery('.reload-number-table').on('click', function() {
            var manageNumberRegistrationtblObj = jQuery('#manageNumberRegistrationtbl').DataTable();
            manageNumberRegistrationtblObj.ajax.reload();
        });

        var numberMgmtBusinessListTimer;
        jQuery("#numberMgmtBusinessListTable_filter input[type='search']").on('search', function(evt) {
            var currSearchText = jQuery(this).val();
            if (currSearchText == "" || currSearchText == null) {
                var numberMgmtBusinessListTableObj = jQuery('#numberMgmtBusinessListTable').DataTable();
                numberMgmtBusinessListTableObj.ajax.reload();
            }
        });

        jQuery("#numberMgmtBusinessListTable_filter input[type='search']").on("keyup keypress", function(e) {
            if (numberMgmtBusinessListTimer) {
                clearTimeout(numberMgmtBusinessListTimer);
            }
            var keyCode = e.keyCode || e.which;
            if (keyCode === 13) {
                e.preventDefault();
                var numberMgmtBusinessListTableObj = jQuery('#numberMgmtBusinessListTable').DataTable();
                numberMgmtBusinessListTableObj.ajax.reload();
                jQuery(".dataTables_filter .glyphicon-search.fa.fa-search").css('display', 'none');
                jQuery(".dataTables_filter .fa-spinner").css('display', 'inline-block');
                return false;
            }
            var currSearchText = jQuery(this).val();
            var currSearchEle = jQuery(this);
            if (currSearchText != "") {
                numberMgmtBusinessListTimer = setTimeout(function() {
                    jQuery(".dataTables_filter .glyphicon-search.fa.fa-search").css('display', 'none');
                    jQuery(".dataTables_filter .fa-spinner").css('display', 'inline-block');
                    currSearchEle.prop("disabled", true);
                    // currSearchEle.prop("disabled", true);
                    var numberMgmtBusinessListTableObj = jQuery('#numberMgmtBusinessListTable').DataTable();
                    numberMgmtBusinessListTableObj.ajax.reload();
                }, 1000);
            }
            if (keyCode === 8) {
                if (currSearchText == "" || currSearchText == null) {
                    var numberMgmtBusinessListTableObj = jQuery('#numberMgmtBusinessListTable').DataTable();
                    numberMgmtBusinessListTableObj.ajax.reload();
                }
            }
        });

        $('#numberMgmtBusinessListTable tbody').on('click', 'td[data-user-ref]', function() {
            // Get the user ID from data-user-ref
            var userId = $(this).data('user-ref');
            jQuery('.number-mgmt-item[data-target="#registerBusiness"]').trigger('click');
            getTheBusinessRegistrationDetails(userId);
        });

        var numberMgmtNumberListTimer;
        jQuery("#manageNumberRegistration_filter input[type='search']").on('search', function(evt) {
            var currSearchText = jQuery(this).val();
            if (currSearchText == "" || currSearchText == null) {
                var manageNumberRegistrationtblObj = jQuery('#manageNumberRegistrationtbl').DataTable();
                manageNumberRegistrationtblObj.ajax.reload();
            }
        });

        jQuery("#manageNumberRegistration_filter input[type='search']").on("keyup keypress", function(e) {
            if (numberMgmtNumberListTimer) {
                clearTimeout(numberMgmtNumberListTimer);
            }
            var keyCode = e.keyCode || e.which;
            if (keyCode === 13) {
                e.preventDefault();
                var manageNumberRegistrationtblObj = jQuery('#manageNumberRegistrationtbl').DataTable();
                manageNumberRegistrationtblObj.ajax.reload();
                jQuery(".dataTables_filter .glyphicon-search.fa.fa-search").css('display', 'none');
                jQuery(".dataTables_filter .fa-spinner").css('display', 'inline-block');
                return false;
            }
            var currSearchText = jQuery(this).val();
            var currSearchEle = jQuery(this);
            if (currSearchText != "") {
                numberMgmtNumberListTimer = setTimeout(function() {
                    jQuery(".dataTables_filter .glyphicon-search.fa.fa-search").css('display', 'none');
                    jQuery(".dataTables_filter .fa-spinner").css('display', 'inline-block');
                    currSearchEle.prop("disabled", true);
                    // currSearchEle.prop("disabled", true);
                    var manageNumberRegistrationtblObj = jQuery('#manageNumberRegistrationtbl').DataTable();
                    manageNumberRegistrationtblObj.ajax.reload();
                }, 1000);
            }
            if (keyCode === 8) {
                if (currSearchText == "" || currSearchText == null) {
                    var manageNumberRegistrationtblObj = jQuery('#manageNumberRegistrationtbl').DataTable();
                    manageNumberRegistrationtblObj.ajax.reload();
                }
            }
        });

        // Toggle expand/collapse for large lists
        $(document).on('click', '.toggle-btn', function() {
            const target = $(this).data('target');
            $(target).parent().slideToggle();
        });

        // Close modal
        $('#closeValidationErrorModal, .simple-error-modal-close').on('click', function() {
            $('.uploadFileName').text('');
            $('#clear-files').hide();
            $('#fileInput').val('');
            $('#validationErrorModal').fadeOut();
        });

        $('#proceedValidationErrorModal').on('click', function() {
            $('#validationErrorModal').fadeOut();
            submitPhoneNumbers();
        });
        $('#proceedDisconnectNumberValidationErrorModal').on('click', function() {
            $('#validationErrorModal').fadeOut();
            disconnectPhoneNumber();
        });

        jQuery('#registerNumbers .nav-item .menu-item, #disconnectNumber .nav-item .menu-item').on('click', function(e) {
      
            var currentAttrValue = jQuery(this).attr('href');
            // Show/Hide Tabs
            jQuery(currentAttrValue).addClass('active').siblings().removeClass('active');
        
            // Change/remove current tab to active
            jQuery(this).parent('li').addClass('menu-item-selected').siblings().removeClass('menu-item-selected');
        
            e.preventDefault();
        });

    });

    /*AKASH Sep 2024
    function to fetch the Business registration detail and
    show in the business registration details form*/
    function getTheBusinessRegistrationDetails(user_id) {
        $("#loaderModal").show();
        var paramdata = {
            user_id: user_id,
        };
        $.ajax({
            type: "GET",
            url: getBusinessRegistrationUrl,
            data: paramdata,
            success: function(response) {
                if (
                    response.status === 'success' &&
                    response.msg === 'Found Information'
                ) {
                    //preparing the data to download in text file
                    $("#loaderModal").hide();
                    $('.select-customer-details-div').hide();
                    $('.customer-deatils-div').show();
                    window.scrollTo(0, 0);

                    if (response.prepoulatedData) {
                        // Populate form fields with the returned data
                        jQuery('#business_legal_name').val(response.prepoulatedData.legal_name);
                        jQuery('#user_reference_id').val(response.prepoulatedData.user_id);
                        jQuery('#federal_ein').val(response.prepoulatedData.ein_vat_number);
                        jQuery('#duns_number').val(response.prepoulatedData.duns_number);
                        jQuery('#primary_dba').val(response.prepoulatedData.primary_name);
                        jQuery('#industry').val(response.prepoulatedData.industry);
                        jQuery('#number_of_employees').val(response.prepoulatedData.number_of_employees);
                        jQuery('#primary_website').val(response.prepoulatedData.website);
                        jQuery('#street_address_1').val(response.prepoulatedData.street_address_line1);
                        jQuery('#street_address_2').val(response.prepoulatedData.street_address_line2);
                        jQuery('#firstName').val(response.prepoulatedData.contact_first_name);
                        jQuery('#lastName').val(response.prepoulatedData.contact_last_name);
                        jQuery('#title').val(response.prepoulatedData.contact_title);
                        jQuery('#phone').val(response.prepoulatedData.contact_phone);
                        jQuery('#email').val(response.prepoulatedData.contact_email);
                        jQuery('#city').val(response.prepoulatedData.city);
                        jQuery('#state').val(response.prepoulatedData.region);
                        jQuery('#zip_code').val(response.prepoulatedData.postcode);
                        jQuery('#country').val(response.prepoulatedData.country);
                        jQuery('.manage-numbers-btn').attr('data-user-id', response.prepoulatedData.user_id);
                        jQuery('.get-all-numbers-btn').attr('data-user-id', response.prepoulatedData.user_id);
                    }

                    if (response.data) {
                        // Populate form fields with the returned data
                        jQuery('#business_legal_name').val(response.data.business_name);
                        jQuery('#primary_dba').val(response.data.business_name);
                        jQuery('#email').val(response.data.email);
                        jQuery('#user_reference_id').val(response.data.user_referance_id);

                        var cleanEIN = response.data.federal_ein ? response.data.federal_ein.replace(/\D/g, '') : '';
                        var cleanDUNS = response.data.dun ? response.data.dun.replace(/\D/g, '') : '';
                        jQuery('#federal_ein').val(cleanEIN);
                        jQuery('#duns_number').val(cleanDUNS);

                        jQuery('#primary_website').val(response.data.website);
                        jQuery('#street_address_1').val(response.data.usa_address1);

                        let fullName = response.data.senior_executive_contact.trim();

                        if (fullName.includes(' ')) {
                            // Split into two parts: first name = before first space, last name = everything after
                            const parts = fullName.split(' ');
                            const firstName = parts.shift(); // First word
                            const lastName = parts.join(' ') || firstName; // Rest of the name (handles multiple spaces)

                            jQuery('#firstName').val(firstName);
                            jQuery('#lastName').val(lastName);
                        } else {
                            // Only one word → replicate in both fields
                            jQuery('#firstName').val(fullName);
                            jQuery('#lastName').val(fullName);
                        }
                        jQuery('#title').val(response.data.title);
                        jQuery('#phone').val(response.data.phone);

                        jQuery('#street_address_2').val(response.data.usa_address2);
                        jQuery('#city').val(response.data.city);
                        jQuery('#state').val(response.data.state);

                        var cleanZIP = response.data.zip ? response.data.zip.replace(/\D/g, '') : '';
                        jQuery('#zip_code').val(cleanZIP);
                    }

                } else {
                    $("#loaderModal").hide();
                    $('.simple-error-modal-msg-text').text(response.msg);
                    $('.simple-error-modal').show();
                }
            },
            error: function(jqXhr, textStatus, errorThrown) {},
        });
    }

    /*AKASH Sep 2024
    function to disconnect the Business registration*/
    let hiyaDisconnectIntervalBusiness = null;
    let stopDisconnectBusinessPollingFromAPI = false;

    function disconnectBusinessRegistration(user_id) {
        $("#loaderModal").show();
        var paramdata = {
            user_id: user_id,
        };
        $.ajax({
            type: "POST",
            url: disconnectBusinessRegistrationUrl,
            data: paramdata,
            success: function(response) {
                if (response.success) {
                    //preparing the data to download in text file
                    $("#loaderModal").hide();
                    $('.simple-success-modal-msg-text').text(response.msg);
                    $('.simple-success-modal').show();
                    // Clear the form
                    jQuery('#business-registration-detail')[0].reset();

                    // Optional: Clear select dropdowns that may not reset properly
                    jQuery('#business-registration-detail select').prop('selectedIndex', 0);
                    setTimeout(function() {
                        $('.select-customer-details-div').show();
                        $('.customer-deatils-div').hide();
                        window.scrollTo(0, 0);
                    }, 1000);

                    if (hiyaDisconnectIntervalBusiness) clearInterval(hiyaDisconnectIntervalBusiness);
                    stopDisconnectBusinessPollingFromAPI = false;

                    let pollCount = 0;
                    const maxPolls = 30;

                    hiyaDisconnectIntervalBusiness = setInterval(() => {
                        // stop if backend already told us to stop
                        if (stopDisconnectBusinessPollingFromAPI) {
                            clearInterval(hiyaDisconnectIntervalBusiness);
                            return;
                        }

                        // stop after 2 minutes (24 polls)
                        if (pollCount >= maxPolls) {
                            console.log("Auto-stop business polling after 2 minutes.");
                            clearInterval(hiyaDisconnectIntervalBusiness);
                            return;
                        }

                        pollCount++;
                        checkHiyaDisconnectBusinessStatus(user_id); // your API call

                    }, 10000); // every 10 seconds

                } else {
                    $("#loaderModal").hide();
                    $('.simple-error-modal-msg-text').text(response.msg);
                    $('.simple-error-modal').show();
                }
            },
            error: function(jqXhr, textStatus, errorThrown) {},
        });
    }

    function checkHiyaDisconnectBusinessStatus(userId) {
        if (stopDisconnectBusinessPollingFromAPI) return;

        $.ajax({
            type: "GET",
            url: checkHiyaDisconnectBusinessStatusUrl,
            data: {
                userId: userId
            },
            success: function(res) {
                let status = res.status;
                //STOP polling if status is null
                if (status === null) {
                    stopDisconnectBusinessPollingFromAPI = true;
                    var numberMgmtBusinessListTableObj = jQuery('#numberMgmtBusinessListTable').DataTable();
                    numberMgmtBusinessListTableObj.ajax.reload();
                    getRegisteredBusinesses();
                    $('.simple-success-modal-msg-text').text(
                        'Business disconnected successfully. All associated phone numbers linked to this business have also been disconnected.'
                    );
                    $('.simple-success-modal').show();
                }


            },
            error: function() {
                console.log("Error while checking business status from Hiya API.");
            }
        });
    }

    /*AKASH Sep 2024
    function to update the customer detail */
    let hiyaIntervalBusiness = null;
    let stopBusinessPollingFromAPI = false;

    function submitBusinessRegistrationDetails(user_id) {
        $("#loaderModal").show();
        var formData = jQuery('#business-registration-detail').serializeArray();

        // Convert array to object
        var dataObj = {};
        formData.forEach(function(item) {
            dataObj[item.name] = item.value;
        });

        // Normalize website URL
        let website = dataObj.website ? dataObj.website.trim() : "";

        //Add https:// if missing
        if (website && !/^https?:\/\//i.test(website)) {
            website = `https://${website}`;
        }

        // Build final payload
        var payload = {
            legalName: dataObj.legalName || "",
            primaryName: dataObj.primaryName || "",
            dunsNumber: dataObj.dunsNumber || "",
            einVatNumber: dataObj.einVatNumber || "",
            country: dataObj.country || "",
            region: dataObj.region || "",
            city: dataObj.city || "",
            postcode: dataObj.postcode || "",
            streetAddressLine1: dataObj.streetAddressLine1 || "",
            streetAddressLine2: dataObj.streetAddressLine2 || "",
            industry: dataObj.industry || "",
            contact: {
                firstName: dataObj.firstName || "",
                lastName: dataObj.lastName || "",
                email: dataObj.email || "",
                title: dataObj.title || "",
                phone: dataObj.phone ? `+1${dataObj.phone}` : ""
            },
            numberOfEmployees: dataObj.numberOfEmployees || "",
            website: website, //Use the normalized version
            authorized: true
        };

        jQuery.ajax({
            url: submitBusinessRegistrationDetailsUrl,
            type: 'POST',
            data: {
                user_id: user_id,
                payload: payload
            },
            success: function(response) {
                if (response.success) {
                    $("#loaderModal").hide();
                    $('.simple-success-modal-msg-text').text(response.msg);
                    $('.simple-success-modal').show();
                    // Clear the form
                    jQuery('#business-registration-detail')[0].reset();

                    // Optional: Clear select dropdowns that may not reset properly
                    jQuery('#business-registration-detail select').prop('selectedIndex', 0);

                    setTimeout(function() {
                        $('.select-customer-details-div').show();
                        $('.customer-deatils-div').hide();
                        window.scrollTo(0, 0);
                    }, 1000);

                    if (!response.update) {
                        if (hiyaIntervalBusiness) clearInterval(hiyaIntervalBusiness);
                        stopBusinessPollingFromAPI = false;

                        let pollCount = 0;
                        const maxPolls = 24; // 5 sec * 24 = 120 sec (2 min)

                        hiyaIntervalBusiness = setInterval(() => {
                            // stop if backend already told us to stop
                            if (stopBusinessPollingFromAPI) {
                                clearInterval(hiyaIntervalBusiness);
                                return;
                            }

                            // stop after 2 minutes (24 polls)
                            if (pollCount >= maxPolls) {
                                console.log("Auto-stop business polling after 2 minutes.");
                                clearInterval(hiyaIntervalBusiness);
                                return;
                            }

                            pollCount++;
                            checkHiyaBusinessStatus(response.business_id); // your API call

                        }, 5000); // every 5 seconds
                    } else {
                        var numberMgmtBusinessListTableObj = jQuery('#numberMgmtBusinessListTable').DataTable();
                        numberMgmtBusinessListTableObj.ajax.reload();
                        getRegisteredBusinesses();
                        if (hiyaIntervalBusiness) clearInterval(hiyaIntervalBusiness);
                    }
                } else {
                    $("#loaderModal").hide();
                    $('.simple-error-modal-msg-text').text(response.msg);
                    $('.simple-error-modal').show();
                }
            },
            error: function(error) {
                console.error(error);
            },
        });
    }

    function checkHiyaBusinessStatus(businessId) {
        if (stopBusinessPollingFromAPI) return;

        $.ajax({
            type: "GET",
            url: checkHiyaBusinessStatusUrl,
            data: {
                businessId: businessId
            },
            success: function(res) {
                let msg = '';
                let status = res.status ? res.status.trim().toLowerCase() : "";
                if (status && status.toString().trim().toLowerCase() !== "pending") {
                    //reload the table after business registered successfully
                    var numberMgmtBusinessListTableObj = jQuery('#numberMgmtBusinessListTable').DataTable();
                    numberMgmtBusinessListTableObj.ajax.reload();
                    getRegisteredBusinesses();

                    stopBusinessPollingFromAPI = true;
                    if (status === 'registered') {
                        msg = 'Business registered successfully.';
                        $('.simple-success-modal-msg-text').text(msg);
                        $('.simple-success-modal').show();
                    } else {
                        if (status === 'error_duns_mismatch') {
                            // Special message only for DUNS mismatch
                            msg = "Your business registration has been completed; however, a 'DUNS mismatch' error occurred. Please provide the correct DUNS number.";
                        } else {
                            // Generic error for all other cases
                            msg = "Your business registration has been completed; however, a '{$status}' error occurred.";
                        }
                        $('.simple-error-modal-msg-text').text(msg);
                        $('.simple-error-modal').show();
                    }
                }
            },
            error: function() {
                console.log("Error while checking business status from Hiya API.");
            }
        });
    }

    /*AKASH Sep 2024
    function to get all the businesses*/
    function getAllBusinesses() {
        $("#loaderModal").show();

        let includeTestUser = $('.checkbox-include-test-all-businesses').is(':checked') ? 1 : 0;

        $.ajax({
            type: "GET",
            url: getAllBusinessesUrl,
            data: {
                includeTestUser: includeTestUser
            },
            success: function(response) {

                $("#loaderModal").hide();

                if (response.success && response.data) {

                    let allBusinesses = response.data;
                    let optionsHtml = '<option value="">Select Business</option>';

                    for (let i = 0; i < allBusinesses.length; i++) {

                        let business = allBusinesses[i];

                        let optionStr =
                            '<option value="' + business.user_reference_id + ' ' + business.user_login + '">' +
                            business.businessName + ' - ' + business.user_login +
                            ' (' + business.user_email + ')' +
                            '</option>';

                        optionsHtml += optionStr;
                    }

                    $(".business-registration-detail").html(optionsHtml);
                    $(".business-registration-detail").trigger('change');

                } else {
                    $('.simple-error-modal-msg-text').text(response.msg || "Something went wrong.");
                    $('.simple-error-modal').show();
                }
            },
            error: function() {
                $("#loaderModal").hide();
                $('.simple-error-modal-msg-text').text("Something went wrong. Please try again.");
                $('.simple-error-modal').show();
            }
        });
    }

    /*AKASH Sep 2024
    function to get unique job names and statuses to append in filter dropdown */
    function getUniqueJobNamesAndHiyaStatus(userId = null) {
        jQuery.ajax({
            url: getUniqueJobNamesAndHiyaStatusUrl,
            type: 'GET',
            data: {
                user_id: userId
            },
            success: function(response) {
                if (response.success && response.data) {
                    const jobNames = response.data.jobNames || [];
                    const statuses = response.data.statuses || [];

                    //Clear previous options first
                    $('#filterByJobName')
                        .empty()
                        .append('<option value="">Select Job Name</option>');

                    $('#filterByNumberStatus')
                        .empty()
                        .append('<option value="">Select Status</option>');

                    //Append unique job names
                    jobNames.forEach(job => {
                        $('#filterByJobName').append(
                            `<option value="${job}">${job}</option>`
                        );
                    });

                    //Append unique statuses
                    statuses.forEach(status => {
                        $('#filterByNumberStatus').append(
                            `<option value="${status}">${status}</option>`
                        );
                    });
                }
            },
            error: function(error) {
                console.warn('Filter fetch failed (non-blocking):', error.statusText);
            }
        });
    }

    function getRegisteredBusinesses() {
        jQuery.ajax({
            url: getRegisteredBusinessesUrl,
            type: 'GET',
            success: function(response) {
                if (response.success && Array.isArray(response.data)) {
                    allBusinessesCache = response.data; // store globally

                    // by default, show only non-test users (is_test_user = 0)
                    populateDropdowns();
                } else {
                    console.warn('No businesses found to populate dropdowns.');
                }
            },
            error: function(error) {
                console.warn('Failed to fetch registered businesses:', error.statusText);
            }
        });
    }

    function getRegisteredBusinessesTNSI() {
        jQuery.ajax({
            url: getRegisteredBusinessesTnsiUrl,
            type: 'GET',
            success: function(response) {
                if (response.success && Array.isArray(response.data)) {
                    allBusinessesTnsiCache = response.data; // store globally

                    // by default, show only non-test users (is_test_user = 0)
                    populateDropdownsTNSI();
                } else {
                    console.warn('No businesses found to populate dropdowns.');
                }
            },
            error: function(error) {
                console.warn('Failed to fetch registered businesses:', error.statusText);
            }
        });
    }

    function populateDropdowns(includeTestUsers = 0, type = null) {
        if (!Array.isArray(allBusinessesCache) || allBusinessesCache.length === 0) {
            getRegisteredBusinesses();
            return;
        }

        // Filter based on test user flag
        const filteredBusinesses = allBusinessesCache.filter(b => {
            return includeTestUsers ? b.is_test_user == 1 : b.is_test_user == 0;
        });

        // Reset dropdowns
        if (type == null || type == 'reg-num') {
            $('#businessSelect, #businessSelectDisconnectNumber').empty().append('<option value="">Select Business</option>');
        }
        if (type == null || type == 'man-num') {
            $('#userListBusinessRegistered').empty().append('<option value="">Select Business</option>');
        }

        // Append options
        filteredBusinesses.forEach(business => {
            const label = `${business.businessName || '-'} - ${business.user_login || ''}`;

            if (type == null || type == 'reg-num') {
                $('#businessSelect, #businessSelectDisconnectNumber').append(
                    `<option value="${business.user_reference_id}">${label}</option>`
                );
            }
            if (type == null || type == 'man-num') {
                $('#userListBusinessRegistered').append(
                    `<option value="${business.user_reference_id}">${label}</option>`
                );
            }
        });
    }

    function populateDropdownsTNSI(includeTestUsers = 0, type = null) {
        if (!Array.isArray(allBusinessesTnsiCache) || allBusinessesTnsiCache.length === 0) {
            getRegisteredBusinessesTNSI();
            return;
        }

        // Filter based on test user flag
        const filteredBusinessesTNSI = allBusinessesTnsiCache.filter(b => {
            return includeTestUsers ? b.is_test_user == 1 : b.is_test_user == 0;
        });

        $('#TnsiBusinessSelect, #businessSelectDisconnectNumberTnsi').empty().append('<option value="">Select Business</option>');
        console.log(filteredBusinessesTNSI);
        // Append options
        filteredBusinessesTNSI.forEach(business => {
            const label = `${business.businessName || '-'} - ${business.user_login || ''}`;

            $('#TnsiBusinessSelect, #businessSelectDisconnectNumberTnsi').append(
                `<option value="${business.user_reference_id}">${label}</option>`
            );
        });
    }

    function selectBusinessOrUser(type, lookupId) {
        if (!Array.isArray(allBusinessesCache) || allBusinessesCache.length === 0) {
            console.log('⏳ Waiting for business cache...');
            setTimeout(() => selectBusinessOrUser(type, lookupId), 300);
            return;
        }

        console.log('all business cache', allBusinessesCache);

        // Find record based on type
        const matchedRecord = allBusinessesCache.find(b =>
            type === 'man-num' ?
            String(b.user_reference_id) === String(lookupId) :
            String(b.user_reference_id) === String(lookupId)
        );

        if (!matchedRecord) {
            console.warn('No matching record found for given ID:', lookupId);
            return;
        }

        const isTestUser = matchedRecord.is_test_user == 1;

        //Check only the corresponding checkbox
        if (isTestUser) {
            $(`.checkbox-include-test-user[data-type="${type}"]`).prop('checked', true);
        }

        //Populate relevant dropdown only
        populateDropdowns(isTestUser ? 1 : 0, type);

        //Select correct dropdown value
        if (type === 'reg-num' && $('#businessSelect, #businessSelectDisconnectNumber').length) {
            $('#businessSelect, #businessSelectDisconnectNumber').val(lookupId).trigger('change');
        } else if (type === 'man-num' && $('#userListBusinessRegistered').length) {
            $('#userListBusinessRegistered').val(lookupId).trigger('change');
        }

        console.log(
            `Auto-selected ${isTestUser ? 'test' : 'non-test'} record (${type}):`,
            matchedRecord
        );
    }

    function getBusinessList() {
        var datatable = jQuery('#numberMgmtBusinessListTable').DataTable({
            "buttons": ['colvis'],
            "serverSide": true,
            "scrollX": true,
            "sScrollXInner": "100%",
            "scrollCollapse": true,
            "processing": false,
            "searching": false,
            "order": [
                [0, 'asc']
            ],
            "pageLength": 10,
            "oLanguage": {
                "sEmptyTable": '<div id="list-number-note1"><span><a href="/add-number/"><em></em></a> No Result Found</span></div>',
                'sSearch': '',
                'sSearchPlaceholder': "Search"
            },
            "aoColumnDefs": [{
                "bSortable": false,
                "aTargets": [0]
            }, {
                "bSearchable": false,
                "aTargets": []
            }],
            "responsive": {
                "breakpoints": [{
                    name: 'desktop',
                    width: Infinity
                }, {
                    name: 'tablet',
                    width: 1024
                }, {
                    name: 'fablet',
                    width: 768
                }, {
                    name: 'phone',
                    width: 480
                }]
            },
            'ajax': function(data, callback, settings) {
                jQuery("#numMgmtBusinessListTable_processing").show();
                var numberMgmtBusinessListTableObj = jQuery('#numberMgmtBusinessListTable').DataTable();
                var params = numberMgmtBusinessListTableObj ? numberMgmtBusinessListTableObj.ajax.params() : '';
                var column_name = '';
                var sort_order = '';

                if (params.order && params.order.length > 0) {
                    if (params.order[0].column == 0) {
                        column_name = 'businessName';
                        sort_order = params.order[0].dir;
                    } else if (params.order[0].column == 1) {
                        column_name = 'account_code';
                        sort_order = params.order[0].dir;
                    } else if (params.order[0].column == 2) {
                        column_name = 'Hiya_effective_date';
                        sort_order = params.order[0].dir;
                    } else if (params.order[0].column == 3) {
                        column_name = 'Hiya_business_status';
                        sort_order = params.order[0].dir;
                    } else if (params.order[0].column == 4) {
                        column_name = 'Hiya_registered_numbers';
                        sort_order = params.order[0].dir;
                    }
                }

                var postData = {
                    pageSize: 10,
                    pageNumber: (numberMgmtBusinessListTableObj.page.info().page + 1),
                    searchKeyword: (jQuery('#numberMgmtBusinessListTable_filter input').val()) || '',
                    sortField: column_name,
                    sortDirection: sort_order,
                    includeTestUsers: jQuery('.checkbox-include-test').is(':checked') ? 1 : 0
                };

                jQuery.ajax({
                    url: baseURL + "getAllBusinessList",
                    type: 'GET',
                    data: postData,
                    success: function(response) {
                        jQuery(".dataTables_filter .glyphicon-search.fa.fa-search").css('display', 'inline-block');
                        jQuery(".dataTables_filter .fa-spinner").css('display', 'none');
                        jQuery("#numberMgmtBusinessListTable_filter input[type='search']").prop("disabled", false);
                        jQuery("#numMgmtBusinessListTable_processing").hide();
                        $("#loaderModal").hide();

                        var tempDataTableArr = [];
                        var totalRecords = response.data;

                        if (totalRecords && totalRecords.length > 0) {
                            for (var i = 0; i < totalRecords.length; i++) {
                                let status = totalRecords[i].Hiya_business_status || '-';
                                let formattedStatus = status === 'registered' ?
                                    status :
                                    `<span style="color: red;">${status}</span>`;
                                tempDataTableArr.push({
                                    businessName: totalRecords[i].businessName || '-',
                                    user_referance_id: totalRecords[i].user_referance_id || '-',
                                    businessId: totalRecords[i].account_code || '-',
                                    hed: (totalRecords[i].Hiya_effective_date === '0000-00-00 00:00:00' || !totalRecords[i].Hiya_effective_date) ? '-' : (function(dateStr) {
                                        let d = dateStr.split(' ')[0]; // take only YYYY-MM-DD
                                        let parts = d.split('-'); // [YYYY, MM, DD]
                                        return parts[1] + '/' + parts[2] + '/' + parts[0]; // MM/DD/YYYY
                                    })(totalRecords[i].Hiya_effective_date),
                                    hs: formattedStatus,
                                    hrn: totalRecords[i].Hiya_registered_numbers || '-',
                                    TNSIed: totalRecords[i].TNSIed || '-',
                                    TNSIrn: totalRecords[i].TNSIrn || '-',
                                    foed: totalRecords[i].foed || '-',
                                    forn: totalRecords[i].forn || '-',
                                    freeVZWed: totalRecords[i].freeVZWed || '-',
                                    freeVZWrn: totalRecords[i].freeVZWrn || '-',
                                });
                            }

                            callback({
                                data: tempDataTableArr,
                                recordsTotal: response.recordsTotal,
                                recordsFiltered: response.recordsFiltered
                            });
                        } else {
                            jQuery("#numberMgmtBusinessListTable tbody").html("<tr><td></td><td></td><td></td><td>No Records Found.</td><td></td><td></td><td></td><td></td></tr>");
                            // jQuery('.dataTables_paginate').hide();
                            jQuery('#numberMgmtBusinessListTable_info1').hide();
                            jQuery("#numMgmtBusinessListTable_processing").hide();
                        }
                        jQuery("#numMgmtBusinessListTable_processing").hide();
                    },
                    error: function(jqXhr, textStatus, errorThrown) {
                        // alert('Error fetching data: ' + (errorThrown || textStatus));
                    }
                });
            },
            'columns': [{
                    data: 'businessName',
                    createdCell: function(td, cellData, rowData, row, col) {
                        $(td).attr('data-user-ref', rowData.user_referance_id);
                    }
                },
                {
                    data: 'businessId'
                },
                {
                    data: 'hed'
                },
                {
                    data: 'hs'
                },
                {
                    data: 'hrn'
                },
                {
                    data: 'TNSIed'
                },
                {
                    data: 'TNSIrn'
                },
                {
                    data: 'foed'
                },
                {
                    data: 'forn'
                },
                {
                    data: 'freeVZWed'
                },
                {
                    data: 'freeVZWrn'
                }
            ]
        });
    }

    function downloadAllBusinessList() {
        const includeTestUsers = jQuery('.checkbox-include-test').is(':checked') ? 1 : 0;
        var xhr = jQuery.ajax({
            type: 'GET',
            url: DownloadRegisteredBusinessesUrl,
            data: {
                includeTestUsers: includeTestUsers
            },
            success: function(res) {
                jQuery("#loaderModal").hide();
                var blob = new Blob([res], {
                    type: 'text/csv'
                });
                var filename = "";
                if (xhr.getAllResponseHeaders().indexOf("Content-Disposition") >= 0) {
                    console.log("header:", xhr.getResponseHeader('Content-Disposition'));
                }
                var disposition = xhr.getResponseHeader('Content-Disposition');
                if (disposition && disposition.indexOf('attachment') !== -1) {
                    var filenameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/;
                    var matches = filenameRegex.exec(disposition);
                    if (matches != null && matches[1]) {
                        filename = matches[1].replace(/['"]/g, '');
                    }
                }
                var link = document.createElement('a');
                link.href = window.URL.createObjectURL(blob);
                link.download = filename;
                document.body.appendChild(link);
                link.click();
                document.body.removeChild(link);
            },
            error: function(xhr, status, error) {
                $("#loaderModal").hide();
                console.error('Download failed:', error);
                alert('Failed to download Registered businesses. Please try again.');
            },
        });
    }

    function downloadHiyaRegisteredNumbers(userId, numbers) {
        var xhr = jQuery.ajax({
            type: 'GET',
            url: DownloadHiyaRegisteredNumbersUrl,
            data: {
                userId: userId,
                numbers: numbers
            },
            success: function(res) {
                jQuery("#loaderModal").hide();
                var blob = new Blob([res], {
                    type: 'text/csv'
                });
                var filename = "";
                if (xhr.getAllResponseHeaders().indexOf("Content-Disposition") >= 0) {
                    console.log("header:", xhr.getResponseHeader('Content-Disposition'));
                }
                var disposition = xhr.getResponseHeader('Content-Disposition');
                if (disposition && disposition.indexOf('attachment') !== -1) {
                    var filenameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/;
                    var matches = filenameRegex.exec(disposition);
                    if (matches != null && matches[1]) {
                        filename = matches[1].replace(/['"]/g, '');
                    }
                }
                var link = document.createElement('a');
                link.href = window.URL.createObjectURL(blob);
                link.download = filename;
                document.body.appendChild(link);
                link.click();
                document.body.removeChild(link);
            },
            error: function(xhr, status, error) {
                $("#loaderModal").hide();
                console.error('Download failed:', error);
                alert('Failed to download Registered Numbers. Please try again.');
            },
        });
    }

    function showValidationErrorModal(response) {
        // Reset everything
        $('#invalidNumbersList, #notLinkedNumbersList, #alreadyRegisterNumbersList, #alreadyRegisterAnotherAccountNumbersList, #notRegisteredNumbersList').empty();
        $('#invalidNumbersSection, #notLinkedNumbersSection, #alreadyRegisterNumbersSection, #alreadyRegisterAnotherAccountNumbersSection, #notRegisteredNumbersSection').hide();

        // Set message
        $('#validationErrorMessage').text(response.msg || 'Some phone numbers failed validation.');

        // Invalid numbers
        if (response.details && response.details.invalid_numbers?.length > 0) {
            $('#invalidCount').text(response.details.invalid_numbers.length);
            response.details.invalid_numbers.forEach(item => {
                $('#invalidNumbersList').append(`<li>${item.number}</li>`);
            });
            $('#invalidNumbersSection').show();
        }

        // Not linked numbers
        if (response.details && response.details.not_linked_numbers?.length > 0) {
            $('#notLinkedCount').text(response.details.not_linked_numbers.length);
            response.details.not_linked_numbers.forEach(num => {
                $('#notLinkedNumbersList').append(`<li>${num}</li>`);
            });
            $('#notLinkedNumbersSection').show();
        }

        // Not registered numbers
        if (response.details && response.details.not_registered_numbers?.length > 0) {
            $('#notRegisteredCount').text(response.details.not_registered_numbers.length);
            response.details.not_registered_numbers.forEach(num => {
                $('#notRegisteredNumbersList').append(`<li>${num}</li>`);
            });
            $('#notRegisteredNumbersSection').show();
        }

        // Already Registered numbers
        if (response.details?.already_registered?.length > 0) {
            $('#alreadyRegisterCount').text(response.details.already_registered.length);
            response.details.already_registered.forEach(item => {
                $('#alreadyRegisterNumbersList').append(`<li>${item.number}</li>`);
            });
            $('#alreadyRegisterNumbersSection').show();
        }

        //Already Registered in another account
        if (response.details?.already_registered_in_another_account?.length > 0) {
            $('#alreadyRegisterAnotherAccountCount')
                .text(response.details.already_registered_in_another_account.length);

            response.details.already_registered_in_another_account.forEach(item => {
                $('#alreadyRegisterAnotherAccountNumbersList')
                    .append(`<li>${item.number}</li>`);
            });

            $('#alreadyRegisterAnotherAccountNumbersSection').show();
        }
        console.log("Proceed ==>", response.details.proceed_numbers);
        if(response.details.proceed_numbers){
            proceedNumbers = response.details.proceed_numbers;
        }

        // Show modal
        $('#validationErrorModal').fadeIn();
    }

    let hiyaTimeoutFirst = null;
    let hiyaIntervalRepeat = null;
    let hiyaStopTimer = null;
    let stopPollingFromAPI = false;

    function submitPhoneNumbers() {

        $("#loaderModal").show();

        let form = $('#registerNumbersForm')[0];
        let formData = new FormData(form);

        // If processed numbers exist, override telephoneNumbers
        if (Array.isArray(proceedNumbers) && proceedNumbers.length > 0) {
            // Remove existing field (important)
            formData.delete('telephoneNumbers');

            // Send processed numbers as comma-separated string
            formData.append('telephoneNumbers', proceedNumbers.join(','));

            // Remove existing field (important)
            formData.delete('entry_method');

            // Send processed numbers as comma-separated string
            formData.append('entry_method', "paste");
        }

        let jobName = formData.get('jobName'); // IMPORTANT
        let userId = formData.get('businessSelect');

        $.ajax({
            type: "POST",
            url: submitPhoneNumbersUrl,
            data: formData,
            processData: false,
            contentType: false,
            success: function(response) {

                $("#loaderModal").hide();
                $("#proceedValidationErrorModal").show();
                $("#proceedDisconnectNumberValidationErrorModal").hide();
                proceedNumbers = [];
                if (response.code === 200) {

                    $('.simple-success-modal-msg-text').text(response.msg);
                    $('.simple-success-modal').show();

                    // Reset form UI
                    $('#registerNumbersForm')[0].reset();
                    $('#businessSelect').val('').trigger('change');
                    $('.uploadFileName').text('');
                    $('#clear-files').hide();
                    $('input[name="entry_method"][value="paste"]').prop('checked', true).trigger('change');
                    $('.registerNumberError').text('');
                    generateUniqueJobName();
                    jQuery('.number-mgmt-item[data-target="#manageNumberRegistration"]').trigger('click');
                    selectBusinessOrUser('man-num', userId);

                    // Clean old timers
                    if (hiyaTimeoutFirst) clearTimeout(hiyaTimeoutFirst);
                    if (hiyaIntervalRepeat) clearInterval(hiyaIntervalRepeat);
                    if (hiyaStopTimer) clearTimeout(hiyaStopTimer);
                    stopPollingFromAPI = false;

                    //FIRST CHECK → 10 seconds
                    hiyaTimeoutFirst = setTimeout(() => {

                        checkHiyaNumberStatuses(jobName, userId);
                        // REPEAT CHECKS → every 30 seconds
                        hiyaIntervalRepeat = setInterval(() => {
                            if (!stopPollingFromAPI) {
                                checkHiyaNumberStatuses(jobName, userId);
                            }
                        }, 30000);

                        //AUTO STOP → after 5 minutes
                        hiyaStopTimer = setTimeout(() => {
                            console.log("Auto-stop after 5 minutes.");
                            clearInterval(hiyaIntervalRepeat);
                        }, 300000);

                    }, 10000);

                } else if (response.code === 422) {
                    $("#proceedValidationErrorModal").show();
                    $("#proceedDisconnectNumberValidationErrorModal").hide();
                    showValidationErrorModal(response);
                } else {
                    $('.simple-error-modal-msg-text').text(response.msg);
                    $('.simple-error-modal').show();
                }
            },
            error: function() {
                $("#loaderModal").hide();
                $('.simple-error-modal-msg-text').text('Something went wrong. Please try again.');
                $('.simple-error-modal').show();
            }
        });
    }

    function submitPhoneNumbersTnsi() {

        $("#loaderModal").show();

        let form = $('#registerNumbersFormTnsi')[0];
        let formData = new FormData(form);
        console.log('Tnsi 1');
        // If processed numbers exist, override telephoneNumbers
        if (Array.isArray(proceedNumbersTnsi) && proceedNumbersTnsi.length > 0) {
            // Remove existing field (important)
            formData.delete('telephoneNumbersTnsi');

            // Send processed numbers as comma-separated string
            formData.append('telephoneNumbersTnsi', proceedNumbersTnsi.join(','));

            // Remove existing field (important)
            formData.delete('entry_method_tnsi');

            // Send processed numbers as comma-separated string
            formData.append('entry_method_tnsi', "paste");
        }
        
        let userId = formData.get('TnsiBusinessSelect');
        let telephoneNumbersTnsi = formData.get('telephoneNumbersTnsi');

                $.ajax({
                    type: "POST",
                    url: submitPhoneNumbersTnsiUrl,
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(response, status, xhr) {
                        console.log(response);
                        $("#loaderModal").hide();
                        var contentType = xhr.getResponseHeader('Content-Type') || '';

                        if (contentType.includes('text/csv')) {
                            // Reset form UI
                            $('#registerNumbersFormTnsi')[0].reset();
                            $('#TnsiBusinessSelect').val('').trigger('change');
                            $('.registerNumberError').text('');
                            $('.uploadFileNameTnsi').text('');
                            $('#clear-files').hide();
                            $('input[name="entry_method_tnsi"][value="paste"]').prop('checked', true).trigger('change');
                            $('.registerNumberError').text('');

                            var blob = new Blob([response], {
                                type: 'text/csv'
                            });

                            var filename = "";
                            if (xhr.getAllResponseHeaders().indexOf("Content-Disposition") >= 0) {
                                console.log("header:", xhr.getResponseHeader('Content-Disposition'));
                            }
                            var disposition = xhr.getResponseHeader('Content-Disposition');
                            if (disposition && disposition.indexOf('attachment') !== -1) {
                                var filenameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/;
                                var matches = filenameRegex.exec(disposition);
                                if (matches != null && matches[1]) {
                                    filename = matches[1].replace(/['"]/g, '');
                                }
                            }
                            var link = document.createElement('a');
                            link.href = window.URL.createObjectURL(blob);
                            link.download = filename;
                            document.body.appendChild(link);
                            link.click();
                            document.body.removeChild(link);
                        } else {
                            if (response.code === 422) {
                                $("#proceedValidationErrorModal").show();
                                $("#proceedDisconnectNumberValidationErrorModal").hide();
                                showValidationErrorModal(response);
                            } else {
                                $('.simple-error-modal-msg-text').text(response.msg);
                                $('.simple-error-modal').show();
                            }
                        }
                    },
                    error: function(xhr) {
                        $("#loaderModal").hide();
                        $('.simple-error-modal-msg-text').text('Something went wrong. Please try again.');
                        $('.simple-error-modal').show();
                    }
                });
    }

    function submitPhoneNumbersDisconnectTnsi() {

        $("#loaderModal").show();

        let form = $('#disconnectNumbersFormTnsi')[0];
        let formData = new FormData(form);
        console.log('Tnsi 1');
        // If processed numbers exist, override telephoneNumbers
        if (Array.isArray(proceedNumbersTnsi) && proceedNumbersTnsi.length > 0) {
            // Remove existing field (important)
            formData.delete('telephoneNumbersDisconnectTnsi');

            // Send processed numbers as comma-separated string
            formData.append('telephoneNumbersDisconnectTnsi', proceedNumbersTnsi.join(','));

            // Remove existing field (important)
            formData.delete('entry_method_DisconnectNumberTnsi');

            // Send processed numbers as comma-separated string
            formData.append('entry_method_DisconnectNumberTnsi', "paste");
        }
        
                $.ajax({
                    type: "POST",
                    url: disconnectNumberTnsiUrl,
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(response, status, xhr) {
                        console.log(response);
                        $("#loaderModal").hide();
                        var contentType = xhr.getResponseHeader('Content-Type') || '';

                        if (contentType.includes('text/csv')) {
                            // Reset form UI
                            $('#disconnectNumbersFormTnsi')[0].reset();
                            $('#businessSelectDisconnectNumberTnsi').val('').trigger('change');
                            $('.registerNumberError').text('');
                            $('.uploadFileNameTnsi').text('');
                            $('#clear-files').hide();
                            $('input[name="entry_method_DisconnectNumberTnsi"][value="paste"]').prop('checked', true).trigger('change');
                            $('.registerNumberError').text('');

                            var blob = new Blob([response], {
                                type: 'text/csv'
                            });

                            var filename = "";
                            if (xhr.getAllResponseHeaders().indexOf("Content-Disposition") >= 0) {
                                console.log("header:", xhr.getResponseHeader('Content-Disposition'));
                            }
                            var disposition = xhr.getResponseHeader('Content-Disposition');
                            if (disposition && disposition.indexOf('attachment') !== -1) {
                                var filenameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/;
                                var matches = filenameRegex.exec(disposition);
                                if (matches != null && matches[1]) {
                                    filename = matches[1].replace(/['"]/g, '');
                                }
                            }
                            var link = document.createElement('a');
                            link.href = window.URL.createObjectURL(blob);
                            link.download = filename;
                            document.body.appendChild(link);
                            link.click();
                            document.body.removeChild(link);
                        } else {
                            if (response.code === 422) {
                                $("#proceedValidationErrorModal").show();
                                $("#proceedDisconnectNumberValidationErrorModal").hide();
                                showValidationErrorModal(response);
                            } else {
                                $('.simple-error-modal-msg-text').text(response.msg);
                                $('.simple-error-modal').show();
                            }
                        }
                    },
                    error: function(xhr) {
                        $("#loaderModal").hide();
                        $('.simple-error-modal-msg-text').text('Something went wrong. Please try again.');
                        $('.simple-error-modal').show();
                    }
                });
    }

    //Disconnect number
    function disconnectPhoneNumber() {
        $("#loaderModal").show();

        let form = $('#disconnectNumberForm')[0];
        let formData = new FormData(form);

        // If processed numbers exist, override telephoneNumbers
        if (Array.isArray(proceedNumbers) && proceedNumbers.length > 0) {
            // Remove existing field (important)
            formData.delete('telephoneNumbers');

            // Send processed numbers as comma-separated string
            formData.append('telephoneNumbers', proceedNumbers.join(','));

            // Remove existing field (important)
            formData.delete('entry_method_DisconnectNumber');

            // Send processed numbers as comma-separated string
            formData.append('entry_method_DisconnectNumber', "paste");
        }

        let userId = formData.get('businessSelect');

        $.ajax({
            type: "POST",
            url: disconnectNumberUrl,
            data: formData,
            processData: false,
            contentType: false,
            success: function(response) {
                $("#loaderModal").hide();

                $("#proceedValidationErrorModal").hide();
                $("#proceedDisconnectNumberValidationErrorModal").show();
                proceedNumbers = [];
                if (response.code === 200) {

                    $('.simple-success-modal-msg-text').text(response.msg);
                    $('.simple-success-modal').show();

                    // Reset form UI
                    $('#disconnectNumberForm')[0].reset();
                    $('#businessSelectDisconnectNumber').val('').trigger('change');
                    $('.uploadFileName').text('');
                    $('#clear-files').hide();
                    $('input[name="entry_method_DisconnectNumber"][value="paste"]').prop('checked', true).trigger('change');
                    $('.registerNumberError').text('');

                } else if (response.code === 422) {
                    console.log("response ===>", response);
                    showValidationErrorModal(response);
                } else {
                    $('.simple-error-modal-msg-text').text(response.msg);
                    $('.simple-error-modal').show();
                }
            },
            error: function() {
                $("#loaderModal").hide();
                $('.simple-error-modal-msg-text').text('Something went wrong. Please try again.');
                $('.simple-error-modal').show();
            }
        });
    }

    function checkHiyaNumberStatuses(jobName, userId) {

        if (stopPollingFromAPI) return; // Prevent reloads after stop

        //First check API before reloading tables
        $.ajax({
            type: "GET",
            url: checkHiyaNumberStatusUrl,
            data: {
                jobName: jobName
            },
            success: function(res) {
                var manageNumberRegistrationtblObj = jQuery('#manageNumberRegistrationtbl').DataTable();
                manageNumberRegistrationtblObj.ajax.reload();
                getUniqueJobNamesAndHiyaStatus(userId);
                // Backend says → STOP
                if (res.continuePolling === false) {
                    var numberMgmtBusinessListTableObj = jQuery('#numberMgmtBusinessListTable').DataTable();
                    numberMgmtBusinessListTableObj.ajax.reload();
                    console.log("Backend stopped polling.");
                    stopPollingFromAPI = true;
                    if (hiyaIntervalRepeat) clearInterval(hiyaIntervalRepeat);
                    if (hiyaTimeoutFirst) clearTimeout(hiyaTimeoutFirst);
                    if (hiyaStopTimer) clearTimeout(hiyaStopTimer);
                    return;
                }
            },
            error: function() {
                console.log("API Error while checking Hiya status.");
            }
        });
    }

    function generateUniqueJobName() {
        const uniqueJobName = "JOB-" + Date.now() + "-" + Math.floor(1000 + Math.random() * 9000);
        $("#jobName").val(uniqueJobName);
    }

    function bulkDisconnectHiyaRegisteredNumber(selectedPartners) {
        $("#loaderModal").show();
        $.ajax({
            type: "POST",
            url: bulkDisconnectHiyaRegisteredNumberUrl,
            data: {
                user_id: selectedUserId,
                numbers: selectedNumbers,
                partners: selectedPartners
            },
            success: function(response) {
                $("#loaderModal").hide();
                if (response.success) {
                    $('.simple-success-modal-msg-text').text(response.msg);
                    $('.simple-success-modal').show();
                    selectedUserId = null;
                    selectedNumbers = [];
                    var manageNumberRegistrationtblObj = jQuery('#manageNumberRegistrationtbl').DataTable();
                    manageNumberRegistrationtblObj.ajax.reload();
                    var numberMgmtBusinessListTableObj = jQuery('#numberMgmtBusinessListTable').DataTable();
                    numberMgmtBusinessListTableObj.ajax.reload();
                } else {
                    $('.simple-error-modal-msg-text').text(response.msg);
                    $('.simple-error-modal').show();
                }
            },
            error: function(jqXhr, textStatus, errorThrown) {
                $("#loaderModal").hide();
                $('.simple-error-modal-msg-text').text('Something went wrong. Please try again.');
                $('.simple-error-modal').show();
            }
        });
    }

    function manageNumberRegistration() {
        var datatable = jQuery('#manageNumberRegistrationtbl').DataTable({
            "buttons": ['colvis'],
            "serverSide": true,
            "scrollX": true,
            "sScrollXInner": "100%",
            "scrollCollapse": true,
            "processing": false,
            "searching": false,
            "order": [
                [0, 'asc']
            ],
            "pageLength": 50,
            "oLanguage": {
                "sEmptyTable": '<div id="list-number-note1"><span><a href="/add-number/"><em></em></a> No Result Found</span></div>',
                'sSearch': '',
                'sSearchPlaceholder': "Search"
            },
            "aoColumnDefs": [{
                "bSortable": false,
                "aTargets": [0]
            }, {
                "bSearchable": false,
                "aTargets": [0]
            }],
            "responsive": {
                "breakpoints": [{
                    name: 'desktop',
                    width: Infinity
                }, {
                    name: 'tablet',
                    width: 1024
                }, {
                    name: 'fablet',
                    width: 768
                }, {
                    name: 'phone',
                    width: 480
                }]
            },
            'ajax': function(data, callback, settings) {
                jQuery("#manageNumberRegistration_processing").show();
                var manageNumberRegistrationtblObj = jQuery('#manageNumberRegistrationtbl').DataTable();
                var params = manageNumberRegistrationtblObj ? manageNumberRegistrationtblObj.ajax.params() : '';
                var column_name = '';
                var sort_order = '';
                if (params.order && params.order.length > 0) {
                    if (params.order[0].column == 0) {
                        column_name = 'number';
                        sort_order = params.order[0].dir;
                    } else if (params.order[0].column == 1) {
                        column_name = 'businessName';
                        sort_order = params.order[0].dir;
                    } else if (params.order[0].column == 2) {
                        column_name = 'account_code';
                        sort_order = params.order[0].dir;
                    } else if (params.order[0].column == 3) {
                        column_name = 'hiya_jobName';
                        sort_order = params.order[0].dir;
                    } else if (params.order[0].column == 4) {
                        column_name = 'hiya_effective_date';
                        sort_order = params.order[0].dir;
                    } else if (params.order[0].column == 5) {
                        column_name = 'hiya_status';
                        sort_order = params.order[0].dir;
                    }
                }
                var postData = {
                    pageSize: 50,
                    pageNumber: (manageNumberRegistrationtblObj.page.info().page + 1),
                    searchKeyword: (jQuery('#manageNumberRegistrationtbl_search').val() || '').trim(),
                    jobName: (jQuery('#manageNumberRegistration_filter #filterByJobName').val()) || '',
                    status: (jQuery('#manageNumberRegistration_filter #filterByNumberStatus').val()) || '',
                    userId: (jQuery('#manageNumberRegistration_filter #userListBusinessRegistered').val()) || 0,
                    sortField: column_name,
                    sortDirection: sort_order
                };

                jQuery.ajax({
                    url: baseURL + "getRegisteredNumbers",
                    type: 'GET',
                    data: postData,
                    success: function(response) {
                        jQuery(".dataTables_filter .glyphicon-search.fa.fa-search").css('display', 'inline-block');
                        jQuery(".dataTables_filter .fa-spinner").css('display', 'none');
                        jQuery("#manageNumberRegistration_filter input[type='search']").prop("disabled", false);
                        jQuery("#manageNumberRegistration_processing").hide();
                        $("#loaderModal").hide();

                        var tempDataTableArr = [];
                        var totalRecords = response.data;

                        if (totalRecords && totalRecords.length > 0) {
                            for (var i = 0; i < totalRecords.length; i++) {
                                tempDataTableArr.push({
                                    checkbox: `<input type="checkbox" class="numberCheckbox" data-userid="${totalRecords[i].user_id}" data-number="${totalRecords[i].number}">`,
                                    numbers: totalRecords[i].number || '-',
                                    businessName: totalRecords[i].businessName || '-',
                                    businessId: totalRecords[i].account_code || '-',
                                    // jobname: totalRecords[i].hiya_jobName || '-',
                                    hed: (totalRecords[i].hiya_effective_date === '' || !totalRecords[i].hiya_effective_date) ? '-' : (function(dateStr) {
                                        let d = dateStr.split(' ')[0]; // take only YYYY-MM-DD
                                        let parts = d.split('-'); // [YYYY, MM, DD]
                                        return parts[1] + '/' + parts[2] + '/' + parts[0]; // MM/DD/YYYY
                                    })(totalRecords[i].hiya_effective_date),
                                    hiyaStatus: totalRecords[i].hiya_status || '-',
                                    hlc: totalRecords[i].hlc || '-',
                                    TNSIed: totalRecords[i].TNSIed || '-',
                                    TNSIstatus: totalRecords[i].TNSIstatus || '-',
                                    TNSILastChange: totalRecords[i].TNSILastChange || '-',
                                    foed: totalRecords[i].foed || '-',
                                    foStatus: totalRecords[i].foStatus || '-',
                                    folc: totalRecords[i].folc || '-',
                                    freeVZWed: totalRecords[i].freeVZWed || '-',
                                    freeVZWStatus: totalRecords[i].freeVZWStatus || '-',
                                    freeVZWlc: totalRecords[i].freeVZWlc || '-',
                                });
                            }

                            callback({
                                data: tempDataTableArr,
                                recordsTotal: response.recordsTotal,
                                recordsFiltered: response.recordsFiltered
                            });
                        } else {
                            jQuery("#manageNumberRegistrationtbl tbody").html(`
                                <tr>
                                    <td colspan="16" style="text-align:center; padding:12px; font-weight:500; color:#666;">
                                        No Records Found.
                                    </td>
                                </tr>
                            `);
                            // jQuery('.dataTables_paginate').hide();
                            jQuery('#manageNumberRegistration_info').hide();
                            jQuery("#manageNumberRegistration_processing").hide();
                        }
                        jQuery("#manageNumberRegistration_processing").hide();
                    },
                    error: function(jqXhr, textStatus, errorThrown) {
                        // alert('Error fetching data: ' + (errorThrown || textStatus));
                    }
                });
            },
            'columns': [{
                    data: 'checkbox',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'numbers'
                },
                {
                    data: 'businessName'
                },
                {
                    data: 'businessId'
                },
                // {
                //     data: 'jobname'
                // },
                {
                    data: 'hed'
                },
                {
                    data: 'hiyaStatus'
                },
                {
                    data: 'hlc'
                },
                {
                    data: 'TNSIed'
                },
                {
                    data: 'TNSIstatus'
                },
                {
                    data: 'TNSILastChange'
                },
                {
                    data: 'foed'
                },
                {
                    data: 'foStatus'
                },
                {
                    data: 'folc'
                },
                {
                    data: 'freeVZWed'
                },
                {
                    data: 'freeVZWStatus'
                },
                {
                    data: 'freeVZWlc'
                }
            ]
        });
    }
</script>
@endsection