@extends('layouts.app')
@section('content')
    <style>
        body {
            overflow-x: hidden;
        }

        #calling_frequency_time {
            width: 19%;
        }

        .maintenance-device-dropdown-control,
        .maintenance-device-dropdown-control-app {
            margin-bottom: -7px;
        }

        .maintenance-device-dropdown-control-cont,
        .maintenance-device-dropdown-control-cont-app {
            width: 100%;
        }

        .maintenance-device-dropdown-control-cont {
            position: relative;
        }

        .my_pwa_custom_plan_error,
        .pw_yes_custom_plan_error {
            position: absolute;
            top: 45px;
        }

        .approve-popup-text {
            padding: 0px !important;
        }

        #metaTable_filter input {
            border-radius: 35px !important;
            padding: 10px;
            outline: none;
            margin-top: -40px;
            margin-bottom: 11px;
            width: 100%;
        }

        .paginate_button {
            border: 2px solid #d7d7d7 !important;
            color: #ebe7e7 !important;
            font-weight: bold;
        }

        .paginate_button:hover {
            border: 2px solid #34548A !important;
            ;
            background: #34548A !important;
            border-color: #34548A !important;
            color: #ebe7e7 !important;
            font-weight: bold !important;
        }

        .paginate_button.disabled:hover {
            color: #ebe7e7 !important;
            font-weight: bold !important;
        }

        .dataTables_paginate a.current {
            color: #ebe7e7 !important;
            background: #34548A !important;
            border-color: #34548A !important;
        }

        .daily-calling-status-table-container {
            padding-right: 5%;
            padding-left: 5%;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.current,
        .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
            color: #ebe7e7 !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: #ebe7e7 !important;
        }

        .dataTables_info {
            color: #34548A !important;
            font-size: 16px;
            font-weight: bold;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button {
            color: #34548A !important;
        }

        table.dataTable {
            border: none !important;
        }

        table.dataTable thead {
            background-color: #34548A !important;
            border: 0 !important;
            padding: 5px !important;
            color: #ebe7e7 !important;
            padding-top: 10px;
            padding-bottom: 10px;
        }

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

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

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

        .vl {
            border-left: 6px solid #34548A;
            height: 558px;
            margin-left: 30px;
        }

        .popup_box {
            visibility: hidden;
            display: none;
            width: 30%;
            background-color: #34548A;
            position: fixed;
            left: 21%;
            top: 8%;
            border-radius: 10px;
            border: 2px solid grey;
            box-shadow: 0px 0px 10px 0px grey;
            font-family: helvetica;
            width: 55%;
            z-index: 999;
        }

        .popup_box .cancel_button {
            float: right;
            margin-top: 4px;
            margin-bottom: 4px;
            margin-right: 5px;
            background-color: #34548A;
            border: none;
            color: white;
            padding: 5px;
            border-radius: 1000px;
            width: 25px;
            border: 1px solid #424242;
            box-shadow: 0px 0px 10px 0px #34548A;
            cursor: pointer;
        }

        .popup_box #info_text {
            padding: 10px;
            clear: both;
            background-color: white;
            color: #6E6E6E;
            overflow: scroll;
            height: 383px;
        }

        .popup_box .close_button {
            margin: 0px;
            padding: 0px;
            width: 70px;
            height: 30px;
            line-height: 30px;
            font-size: 16px;
            background-color: grey;
            color: white;
            border: none;
            margin-bottom: 10px;
            border-radius: 2px;
            cursor: pointer;
        }

        .modal {
            display: none;
            /* Hidden by default */
            position: fixed;
            /* Stay in place */
            z-index: 1;
            /* Sit on top */
            padding-top: 100px;
            /* Location of the box */
            left: 0;
            top: 0;
            width: 100%;
            /* Full width */
            height: 100%;
            /* Full height */
            overflow: auto;
            /* Enable scroll if needed */
            background-color: rgb(0, 0, 0);
            /* Fallback color */
            background-color: rgba(0, 0, 0, 0.4);
            /* Black w/ opacity */
        }

        /* Modal Content */
        .modal-content {
            background-color: #fefefe;
            margin: auto;
            padding: 20px;
            border: 1px solid #888;
            width: 77%;
        }

        .pw-modal-div {
            display: flex;
            align-items: center;
            gap: 2%;
            justify-content: center;
        }

        .modal-div {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
        }

        .popup-txt {
            color: #34548A;
        }

        .model_msg {
            margin-bottom: 0px;
            font-size: 15px;
            font-family: "Montserrat";
            font-weight: 600;
            padding: 10px 0px;
        }

        .PWNoBTN {
            background-color: #fefefe;
            border-color: #34548A;
        }

        .user-name {
            color: #34548A !important;
            font-weight: bold;
            cursor: pointer;
        }

        .left-side-header {
            float: left;
            margin: auto;
            color: #34548A !important;
        }

        .user-info-header {
            float: left;
            font-size: x-large;
            color: black;
            font-weight: bold;
        }

        .td-value {
            color: black;
        }

        .btn {
            text-align: center;
        }

        .btn-disable {
            cursor: not-allowed;
            pointer-events: none;

            /*Button disabled - CSS color class*/
            color: #c0c0c0;
            background-color: #ffffff;

        }

        .metaTable_filter label {
            margin-top: -62px;
        }

        .metaTable_filter {
            margin-bottom: 3rem;

        }

        #metaTable_filter {
            margin-top: -20px;
        }

        .uplote_temp_text {
            color: #34548A !important;
            font-size: 14px;
            text-align: center;
        }

        .file-upload {
            display: block;
            text-align: center;
            border: solid 1px #34548A;
            color: #34548A;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            margin-bottom: 10px;
            width: 49%;
            margin-left: 24%;
        }

        .file-upload label {
            cursor: pointer;
            width: 100%;
            display: block;
            padding: 10px 10px;
            text-transform: uppercase;
        }

        .add-numbers-form .file-input-field {
            width: auto;
        }

        .file-upload input {
            opacity: 0;
            position: absolute;
            z-index: -1;
        }

        .displayfilename {
            color: #34548A;
            font-weight: 500;
        }

        #add-numbers-form em {
            display: none;
            font-size: 14px;
            color: #ff0000;
            line-height: 2rem;
        }

        .upload-file-template {
            margin-top: -6%;
        }

        .add-numbers-form .custom-col-40 {
            display: inline-block;
            width: 40%;
            display: inline-block;
            vertical-align: middle;
            align-items: center;
        }

        .dwfilename {
            color: #34548A;
            text-decoration: underline;
        }

        .mfp-content #download-prior-template-files-popup {
            padding: 20px !important;
        }

        #download-prior-template-files-popup .download-template-popup-heading {
            float: left;
            text-align: left;
            font-size: 18px;
            text-transform: uppercase;
            margin-bottom: 10px;
            margin: 10px 0px;
            width: 50%;
        }

        #download-prior-template-files-popup .download-template-files-container {
            margin-top: 20px;
            margin-bottom: 60px;
        }

        .mfp-content #download-prior-template-files-popup {
            margin-top: 20px !important;
            margin-bottom: 20px !important;
            height: 100% !important;
        }

        .download-template-files-container .dataTables_filter {
            float: right;
            margin: 0px 0px;
            margin-bottom: 20px;
        }

        #download-prior-template-files-popup {
            max-width: 100% !important;
        }

        #download-prior-template-files-popup .download-template-popup-heading {
            width: 100%;
        }

        #listTemplateFilesTable_length {
            display: none;
        }

        /* .dataTables_filter{
        display: none;
    } */


        #snackbar {
            visibility: hidden;
            min-width: 250px;
            margin-left: -125px;
            background-color: #00DA74;
            color: #FFFFFF;
            text-align: center;
            border-radius: 2px;
            padding: 16px;
            position: fixed;
            z-index: 1;
            left: 50%;
            bottom: 68%;
            font-size: 17px;
        }

        #snackbar.show {
            visibility: visible;
            -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
            animation: fadein 0.5s, fadeout 0.5s 2.5s;
        }

        #errorsnackbar {
            visibility: hidden;
            min-width: 250px;
            margin-left: -256px;
            background-color: red;
            color: #FFFFFF;
            text-align: center;
            border-radius: 2px;
            padding: 16px;
            position: fixed;
            z-index: 1;
            left: 50%;
            bottom: 68%;
            font-size: 17px;
        }

        #errorsnackbar.show {
            visibility: visible;
            -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
            animation: fadein 0.5s, fadeout 0.5s 2.5s;
        }

        @-webkit-keyframes fadein {
            from {
                bottom: 0;
                opacity: 0;
            }

            to {
                bottom: 30px;
                opacity: 1;
            }
        }

        @keyframes fadein {
            from {
                bottom: 0;
                opacity: 0;
            }

            to {
                bottom: 30px;
                opacity: 1;
            }
        }

        @-webkit-keyframes fadeout {
            from {
                bottom: 30px;
                opacity: 1;
            }

            to {
                bottom: 0;
                opacity: 0;
            }
        }

        @keyframes fadeout {
            from {
                bottom: 30px;
                opacity: 1;
            }

            to {
                bottom: 0;
                opacity: 0;
            }
        }

        #submitAddbtn {
            min-width: 150px;
            /* background-color: #87155a; */
            background-color: #34548A;
            color: #ffffff;
            font-family: "Montserrat";
            border-width: 0px;
            box-shadow: 0px 2px 8px #35093b;
            font-weight: 600;
            border-radius: 25px;
            min-height: 38px;
            cursor: pointer;
            outline: none;
        }

        .snackbar-close {
            color: black;
            margin-top: -5%;
        }

        .errorsnackbar-close {
            color: white;
            margin-top: -3%;
        }

        .selected {
            width: 100%;
        }

        .approvaType:hover {
            background-color: #f6993f;
        }

        .ok-button-new-approval:hover {
            background-color: transparent !important;
        }

        .tab {
            overflow: hidden;
            /* border: 1px solid #ccc;
      background-color: #f1f1f1; */
        }

        /* Style the buttons inside the tab */
        .tab div {
            /* background-color: #34548A ; */
            color: #34548A;
            float: left;
            /* border: none;
      outline: none;
      cursor: pointer;
      padding: 6px 12px; */
            transition: 0.3s;
            font-size: 17px;
        }

        /* Change background color of buttons on hover */
        .tab div:hover {
            background-color: #ddd;
        }

        /* Create an active/current tablink class */
        .tab button.active {
            background-color: #ccc;
        }

        /* Style the tab content */
        .tabcontent {
            display: none;
            padding: 6px 12px;
            border: 1px solid #ccc;
            border-top: none;
        }

        .col-header {
            font-weight: bold;
            font-size: 15px;
        }

        .user-old {
            margin-left: 3%;
            width: 16%;
            color: white;
            background-color: white;
            font-weight: bolder;
            font-size: 21px;
        }

        .user-new {
            margin-left: 3%;
            width: 16%;
            color: white;
            background-color: white;
            font-weight: bolder;
            font-size: 21px;
        }

        .reloadCode {
            font-family: Lucida Sans Unicode;
            cursor: pointer;
        }

        .regeneratekycmodal {
            display: none;
        }

        .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);
        }

        .serviceRequestApprovalmodal {
            display: none;
            position: fixed;
            top: 25%;
            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);
        }

        .reloadKycBtnRow {
            justify-content: center;
            align-items: center;
        }

        .serviceRequestApprovalRow {
            justify-content: center;
            align-items: center;
        }

        .reloadKycPopupMsg {
            font-size: 16px;
            margin-bottom: 0px;
        }

        .serviceRequestApprovaMsg {
            font-size: 16px;
            margin-bottom: 0px;
        }

        #my_pwa_custom_plan_div {
            margin-top: -10px !important;
        }

        /* .my_pwa_custom_plan,
        .pw_yes_custom_plan {
            height: 42px;
            margin-top: -49px !important;
            margin-bottom: 8px !important;
            width: 100%;
            margin-right: 15px;
        } */

        input[type="text"] {
            padding: 10px 10px !important;
        }

        #coupon_code::placeholder {
            font-size: 15px;
        }

        /* .pw_yes_custom_plan {
            height: 42px;
            margin-top: -49px !important;
            margin-bottom: 8px !important;
            width: 100%;
            margin-right: 15px;
        } */

        #myPWApprovalUpdateModal .modal-content {
            width: 72% !important;
        }

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

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

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

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

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

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

        .lyphicon {
            border: 1px solid #008000;
            border-radius: 50%;
        }

        .close-btn {
            min-width: 100px;
            outline: none !important;
        }

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

        .myPWABTNCustomPlan {
            margin-right: 0px;
            margin-bottom: 25px;
        }

        #PwYesBTNCustomPlan {
            margin-right: 0px;
            margin-bottom: 10px;
        }

        #PwYesBTNselectBillingMethod {
            margin-right: 0px;
        }

        .billing-method-div {
            display: flex;
            flex-direction: column;
            gap: 8px;
            align-items: center;
            justify-content: center;
        }

        .coupon-code-container {
            margin-bottom: 60px;
        }

        .coupon-code-container #model_msg {
            margin-bottom: 10px;
        }

        #myPWApprovalUpdateModal .coupon-code-container {
            margin-bottom: 75px;
        }

        #myPWApprovalUpdateModal .coupon-code-container #model_msg {
            margin-bottom: 5px;
        }

        #myPWApprovalUpdateModal .selectApprovalType {
            // width: 90%;
        }

        .existing-plan-dropdown-div {
            width: 15.6rem;
        }

        .third-div {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .top-checkboxes {
            display: flex;
            gap: 30px;
            margin-bottom: 30px;
            font-size: 16px;
            font-weight: 600;
            color: #0d3b8c;
            margin: 0px 20px;
        }

        .top-checkboxes label {
            display: flex;
            align-items: center;
        }

        .top-checkboxes input[type="checkbox"] {
            margin-right: 8px;
            transform: scale(1.3);
            accent-color: #0d3b8c;
        }

        .form-row {
            display: flex;
            gap: 5px;
            margin-bottom: 20px;
            align-items: flex-end;
            flex-wrap: wrap;
            margin: 15px 20px;
        }

        .select-group-div {
            margin: 0px 5px;
        }

        .form-group label,
        .select-group-div label {
            font-weight: 600;
            font-size: 16px;
            color: #1e4f93;
            margin-bottom: 5px;
            display: block;
        }

        #myPWApprovalUpdateModal select,
        #myPWApprovalUpdateModal input[type="text"],
        #myPWModal select,
        #myPWModal input[type="text"] {
            padding: 0px 14px;
            font-size: 16px !important;
            border-radius: 30px;
            border: 1px solid #ccc;
        }

        .checkbox-group {
            display: flex;
            flex-direction: column;
            margin: 15px 20px;
        }

        .checkbox-group label {
            color: #0d3b8c;
            font-weight: 600;
            display: flex;
            align-items: center;
            font-size: 16px;
        }

        .checkbox-group input[type="checkbox"] {
            margin-right: 10px;
            transform: scale(1.3);
            accent-color: #0d3b8c;
        }

        .form-actions {
            display: flex;
            justify-content: center;
            gap: 30px;
        }

        .form-actions button {
            background-color: #284c82;
            color: #fff;
            padding: 12px 40px;
            border: none;
            border-radius: 30px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
            transition: background 0.2s ease;
            width: auto;
            min-width: auto !important;
        }

        .form-actions button:hover {
            background-color: #1f3b66;
        }

        #my_pwa_custom_plan_div .fs-wrap,
        #my_pwa_custom_plan_div .fs-label-wrap,
        #pw_yes_custom_plan_div .fs-wrap,
        #pw_yes_custom_plan_div .fs-label-wrap,
        .partner-dropdown .fs-wrap,
        .partner-dropdown .fs-label-wrap,
        .account-dropdown .fs-wrap,
        .account-dropdown .fs-label-wrap {
            border-radius: 20px;
        }

        #my_pwa_custom_plan_div input[type="text"],
        #pw_yes_custom_plan_div input[type="text"] {
            padding: 6px 10px !important;
        }

        .form-group.partner-dropdown,
        .form-group.account-dropdown {
            width: 14rem;
        }

        .form-group.partner-dropdown .fs-search input[type="text"],
        .form-group.account-dropdown .fs-search input[type="text"] {
            padding: 6px 10px !important;
        }

        .select_account_type_error,
        .select_partner_error,
        .select_account_error,
        .select_custom_plan_error {
            color: red;
        }

        .select_account_type_error {
            text-align: left;
            margin-left: 20px;
        }

        .code-container {
            display: flex;
            align-items: center;
            /* justify-content: center; */
            margin-top: 15px;
        }

        .code-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: 0 8px;
        }

        .code-item label {
            font-size: 14px;
            color: #34548A;
            margin-bottom: 5px;
        }

        .code-item input {
            width: 70px;
            text-align: center;
            padding: 5px !important;
            font-size: 14px;
            border-radius: 4px !important;
        }

        .separator {
            font-size: 20px;
            color: #000;
            margin: 0 5px -20px;
        }

        .account-code-message {
            text-align: left;
            color: red;
            margin-top: 5px;
            margin-bottom: 0;
        }

        .suggestions {
            margin-top: 10px;
            text-align: left;
        }

        .suggestions .suggestion {
            margin-left: 10px;
        }

        .code-container input[readonly] {
            background: #f5f7fb;
            outline: none;
        }

        .disabled {
            opacity: 0.6;
            pointer-events: none;
        }

        .add_partner_code_error,
        .add_account_code_error,
        .add_service_instance_code_error {
            text-align: left;
            color: red;
            margin-top: 5px;
            margin-bottom: 0;
        }

        @media only screen and (max-width: 1024px) {

            #myPWApprovalUpdateModal select,
            #myPWApprovalUpdateModal input[type="text"],
            #myPWModal select,
            #myPWModal input[type="text"] {
                width: 200px !important;
            }
        }

        .form-row {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-left: 0px;
        }

        .form-label {
            font-weight: bold;
        }

        .inline-options {
            display: flex;
            gap: 20px;
            align-items: center;
        }
    </style>

    <div class="row maintenance-device-list-cont">
        <div class="col-md-12">
            <!-- <div class="margin-top-bottom textlabel">
                <h2>Number Shield </h2>
            </div> -->
            <div class="container daily-calling-status-table-container">
                <h3 class="left-side-header">KYC Management</h3>
                <table id="metaTable" class="stripe">
                    <div class="row">
                        <div class="col">

                        </div>
                        <div class="col" style="margin-right: 20%;margin-bottom: -10%;">
                            <label for="pet-select">Filter By Status:</label>
                            <select name="pets" id="my-active-status"
                                style="margin-bottom: 71px !important;height: 46px;width: 58%;">
                                <option disabled="disabled">--Please choose an option--</option>
                                <option value="0">All</option>
                                <option value="6">Pending</option>
                                <option value="1">Approved</option>
                                <option value="2">Rejected</option>
                                <!-- <option value="3">Already Approved</option>
                                    <option value="4">Already Rejected</option>
                                    <option value="5">Duplicate Entry</option> -->
                            </select>
                        </div>
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>User Name</th>
                                <th>Business Name</th>
                                <th>Email</th>
                                <th>Kyc Created Date</th>
                                <th>Existing Services</th>
                                <th>Requested Services</th>
                                <th>Kyc Code</th>
                                <th>KYC Status</th>
                                <th>Add Numbers</th>
                                <th>Update File Status</th>
                        </thead>
                        <tbody class="maintenance-device-list-tbody">
                            @foreach ($userlist as $key => $value)
                                <!-- <tr> -->
                                <td>{{ $key + 1 }}</td>
                                <!-- <td>{{ $value->username }}</td> -->
                                <td class="display_popup user-name display-user-info"
                                    id="display_popup-{{ $key }}-{{ $value->ID }}"
                                    data-service_type="{{ $value->kyc_type }}">
                                    {{ $value->first_name . ' ' . $value->last_name }}
                                </td>

                    </div>
                    <td>{{ $value->business_name }}</td>
                    <td>{{ $value->user_email }}</td>
                    <td>{{ $value->created_at }}</td>
                    @if ($value->user_exists == 1 && $value->is_mapper == 'mapper')
                        <td>{{ $value->user_plan_name }} & {{ $value->is_mapper }}</td>
                    @elseif($value->user_exists == 1 && $value->is_mapper != 'mapper')
                        <td>{{ $value->user_plan_name }}</td>
                    @else
                        <td>-</td>
                    @endif
                    <td>
                        {{ $value->kyc_type }}
                    </td>
                    <td>
                        {{ $value->kyc_code }}
                        @if ($value->kyc_code != 0)
                            <div class="reloadKycCode" id="reloadKycCode-{{ $value->ID }}"><span
                                    class="reloadCode">&#x21bb;</span></div>
                        @endif
                    </td>
                    @if ($value->status == 1)
                        <td style="color: green;">
                            @if ($value->new_approval_entry == 1)
                                <div class="row">
                                    <div class="col ok-button-new-approval approvaType"
                                        id="approvaType-{{ $value->ID }}-{{ $value->type_of_approval }}"
                                        name="changeApprovalType" value="Non-Origination" onclick=""
                                        data-service_type="{{ $value->kyc_type }}"
                                        data-business_name="{{ $value->business_name }}"
                                        data-business_email="{{ $value->email }}"><img src="../images/ok-16.png"
                                            alt="Italian Trulli"></div>
                                    <div class="col cancel-button-new-data"
                                        id="cancelbutton-{{ $value->ID }}-{{ $value->kyc_type }}"
                                        data-kyc_user_id="{{ $value->ID }}"><img src="../images/cancel-16.png"
                                            alt="Italian Trulli"></div>
                                </div><br>
                            @else
                                Approved<br>
                            @endif
                            <!-- <select class="selected approvaType" id="approvaltypechange-{{ $value->ID }}" value="{{ $value->type_of_approval }}">
                                    <option disabled="disabled">Change Approval Type</option >
                                    <option val="testonly">Test Only</option >
                                    <option val="nonorigination">Non-Origination</option >
                                    <option val="fullapproval">Full Approval</option >
                                </select> -->
                            <div class="margin-top-bottom col">
                                @if ($value->type_of_approval == 'NonOrigination')
                                    <input type="button"
                                        id="approvaType-{{ $value->ID }}-{{ $value->type_of_approval }}"
                                        class="approvaType" name="changeApprovalType" value="Non-Origination" onclick=""
                                        data-service_type="{{ $value->kyc_type }}"
                                        data-business_name="{{ $value->business_name }}"
                                        data-business_email="{{ $value->email }}">
                                @else
                                    <input type="button"
                                        id="approvaType-{{ $value->ID }}-{{ $value->type_of_approval }}"
                                        class="approvaType" name="changeApprovalType"
                                        value="{{ $value->kyc_type == 'Number Recon' ? 'Test Only' : $value->type_of_approval }}"
                                        onclick="" data-service_type="{{ $value->kyc_type }}"
                                        data-business_name="{{ $value->business_name }}"
                                        data-business_email="{{ $value->email }}">
                                @endif
                            </div>
                        </td>
                    @elseif($value->status == 2)
                        <td style="color: red;">Rejected</td>
                    @elseif($value->user_exists == 1 && $value->user_plan_name == 'numbershield' && $value->status != 5)
                        <td style="color: blue;">Duplicate Entry</td>
                    @elseif($value->status == 4)
                        <td style="color: blue;">Already Rejected</td>
                    @elseif($value->status == 3)
                        <td style="color: blue;">Already Approved</td>
                    @elseif($value->status == 5)
                        <td style="color: blue;">
                            @if ($value->previous_status == 1)
                                <div class="row">
                                    <p style="color: blue; margin-left: 20px;">Already Approved</p>
                                </div>
                            @elseif($value->previous_status == 2)
                                <div class="row">
                                    <p style="color: blue;margin-left: 20px;">Already Rejected</p>
                                </div>
                            @endif
                            <div class="row">
                                <div class="col ok-button-update" id="okbutton-{{ $value->ID }}-{{ $value->count }}"
                                    data-business_name="{{ $value->business_name }}"
                                    data-business_email="{{ $value->email }}"><img src="../images/ok-16.png"
                                        alt="Italian Trulli"></div>
                                <div class="col cancel-button-update" id="cancelbutton-{{ $value->ID }}"><img
                                        src="../images/cancel-16.png" alt="Italian Trulli"></div>
                            </div>
                        </td>
                    @elseif($value->status == 0)
                        <td style="color: blue;">
                            @if ($value->previous_status == 1)
                                <div class="row">
                                    <p style="color: blue; margin-left: 20px;">Already Approved</p>
                                </div>
                            @elseif($value->previous_status == 2)
                                <div class="row">
                                    <p style="color: blue;margin-left: 20px;">Already Rejected</p>
                                </div>
                            @endif
                            <div class="row">
                                <div class="col ok-button" id="okbutton-{{ $value->ID }}-{{ $value->count }}"
                                    data-service_type="{{ $value->kyc_type }}"
                                    data-business_name="{{ $value->business_name }}"
                                    data-business_email="{{ $value->email }}"><img src="../images/ok-16.png"
                                        alt="Italian Trulli"></div>
                                <div class="col cancel-button"
                                    id="cancelbutton-{{ $value->ID }}-{{ $value->kyc_type }}"
                                    data-kyc_user_id="{{ $value->ID }}"><img src="../images/cancel-16.png"
                                        alt="Italian Trulli"></div>
                            </div>
                        </td>
                    @elseif($value->status == 0)
                        <td style="color: blue;">
                            @if ($value->previous_status == 1)
                                <div class="row">
                                    <p style="color: blue; margin-left: 20px;">Already Approved</p>
                                </div>
                            @elseif($value->previous_status == 2)
                                <div class="row">
                                    <p style="color: blue;margin-left: 20px;">Already Rejected</p>
                                </div>
                            @endif
                            <div class="row">
                                <div class="col ok-button" id="okbutton-{{ $value->ID }}-{{ $value->count }}"
                                    data-business_name="{{ $value->business_name }}"
                                    data-business_email="{{ $value->email }}"><img src="../images/ok-16.png"
                                        alt="Italian Trulli"></div>
                                <div class="col cancel-button" id="cancelbutton-{{ $value->ID }}"
                                    data-kyc_user_id="{{ $value->ID }}"><img src="../images/cancel-16.png"
                                        alt="Italian Trulli"></div>
                            </div>
                        </td>
                    @elseif($value->user_exists == 0 || ($value->user_exists == 1 && $value->user_plan_name != 'numbershield'))
                        <td>
                            <div class="row">
                                <div class="col ok-button" id="okbutton-{{ $value->ID }}-{{ $value->count }}"
                                    data-business_name="{{ $value->business_name }}"
                                    data-business_email="{{ $value->email }}"><img src="../images/ok-16.png"
                                        alt="Italian Trulli"></div>
                                <div class="col cancel-button" id="cancelbutton-{{ $value->ID }}"
                                    data-kyc_user_id="{{ $value->ID }}"><img src="../images/cancel-16.png"
                                        alt="Italian Trulli"></div>
                            </div>
                        </td>
                    @endif
                    @if ($value->user_referance_id != null && $value->status == 1 && $value->is_numbershield_approved == 1)
                        <td>
                            <div class="col add-button" id="addbutton-{{ $value->user_referance_id }}"
                                data-kyc_user_id="{{ $value->user_referance_id }}"><img src="../images/add.png"
                                    alt="Italian Trulli" style="width: 23%;"></div>
                        </td>
                    @else
                        <td>-</td>
                    @endif
                    @if ($value->user_referance_id != null && $value->status == 1 && $value->is_numbershield_approved == 1)
                        <td class="dwfilename" id="dwfilename-{{ $value->user_referance_id }}"
                            data-kyc_user_id="{{ $value->user_referance_id }}">File History</td>
                    @else
                        <td>-</td>
                    @endif
                    </tr>
                    <div id="myPWUPdateRejectModal-{{ $value->ID }}" class="modal" style="display:none">
                        <div class="modal-content">
                            <span class="close PWUpdateRejectNoBTN"
                                id="PWUpdateRejectNoBTN-{{ $value->ID }}">&times;</span>
                            <p id="model_msg"> <span class="popup-txt">Are you sure you want to Decline This updated
                                    data.If you want to check updated data then please click on user name</span> <input
                                    type="hidden" id="password" name="pass" placeholder="Enter Key"></p>
                            <div class="row">
                                <div class="margin-top-bottom col">
                                    <input type="button" class="PWUpdateRejectNoBTN"
                                        id="PWUpdateRejectNoBTN-{{ $value->ID }}" name="PWUpdateRejectNoBTN"
                                        value="Cancel">
                                </div>
                                <div class="margin-top-bottom col">
                                    <input type="button"
                                        id="PwUpdateRejectYesBTN-{{ $value->ID }}-{{ $value->kyc_type }}"
                                        class="PwUpdateRejectYesBTN" name="PwUpdateRejectYesBTN" value="Yes"
                                        onclick="">
                                </div>
                            </div>
                        </div>
                    </div>
                    @endforeach

                    </tbody>
                </table>
            </div>
        </div>
        <div id="myRejectPWModal" class="modal" style="display:none">
            <form>
                <input type="hidden" id="kyc_rejection_userid" class="form-control" value="">
                <input type="hidden" id="kyc_type" class="form-control" value="">
                <div class="modal-content">
                    <span class="close PWRejectNoBTN" id="PWRejectNoBTN">&times;</span>
                    <p id="model_msg"> <span class="popup-txt">Are you sure you want to Reject? Please Add Reason.</span>
                        <input type="hidden" id="password" name="pass" placeholder="Enter Key"></p>
                    <textarea rows="5" cols="10" name="rejectMsg" id="rejectMsg"></textarea>
                    <p class="decline-error" style="display:none;color:red;">Please Enter Decline Reason </p>
                    <!-- <input type="text" name="rejectMsg" id="rejectMsg" class="form-control" value=""> -->
                    <div class="row">
                        <div class="margin-top-bottom col">
                            <input type="button" class="PWRejectNoBTN" id="PWRejectNoBTN" name="PWRejectNoBTN"
                                value="Cancel">
                        </div>
                        <div class="margin-top-bottom col">
                            <input type="button" id="temporaryRejectYesBTN" class="temporaryRejectYesBTN"
                                name="temporaryRejectYesBTN" value="Temporary Reject" onclick="">
                        </div>
                        <div class="margin-top-bottom col">
                            <input type="button" id="PwRejectYesBTN" class="PwRejectYesBTN" name="PwRejectYesBTN"
                                value="Yes" onclick="">
                        </div>
                    </div>
                </div>
            </form>
        </div>

        <!-- approval type changes --->
        <div id="myPWApprovalUpdateModal" class="modal" style="display:none;">
            <form>
                <input type="hidden" id="approval_change_id" class="form-control" value="">
                <input type="hidden" id="approval_type" class="form-control" value="">
                <div class="modal-content">
                    <span class="close PWNoApprovalBTN" id="PWNoApprovalBTN">&times;</span>
                    <div class="select_account_type_error" style="display:none;"></div>
                    <div class="top-checkboxes">
                        <label><input type="checkbox" name="account_type" class="customer-account-type" value="Partner">
                            Partner</label>
                        <label><input type="checkbox" name="account_type" class="customer-account-type" value="Account"
                                checked> Account</label>
                        <label><input type="checkbox" name="account_type" class="customer-account-type"
                                value="ServiceInstance"> Service Instance</label>
                    </div>
                    <div class="form-row">
                        <div class="form-group partner-dropdown">
                            <label>Partner</label>
                            <select id="partners_dd" class="partners_dropdown" name="partners"
                                placeholder="Search Partner"></select>
                            <div class="select_partner_error" style="display:none;"></div>
                        </div>
                        <div class="form-group account-dropdown" style="display:none;">
                            <label>Account</label>
                            <select id="accounts_dd" class="account_dropdown" name="accounts"
                                placeholder="Search Account"></select>
                            <div class="select_account_error" style="display:none;"></div>
                        </div>
                    </div>

                    <div class="row select-group-div customer-services-container">
                        <div class="col-md-3">
                            <label>Change approval type?</label>
                            <select class="selected selectApprovalType" id="selectApprovalType">
                                <option value="Test Only">Test Only</option>
                                <option value="NonOrigination">Non-Origination</option>
                                <option value="Full Approval">Full Approval</option>
                            </select>
                        </div>
                        <div class="col-md-3">
                            <label>Approve a Billing Method</label>
                            <select id="PwYesBTNselectBillingMethod"
                                class="myPWApprovalUpdateModalPwYesBTNselectBillingMethod"
                                name="PwYesBTNselectBillingMethod">
                                <option value="stripe">Credit Card Only</option>
                                <option value="invoice">Invoice User</option>
                            </select>
                        </div>
                        <div class="col-md-3">
                            <label>Select Plan Type</label>
                            <select id="myPWABTNCustomPlan" class="myPWABTNCustomPlan" name="myPWABTNCustomPlan">
                                <option value="standard">Standard</option>
                                <option value="custom">Custom</option>
                            </select>
                            <div class="maintenance-device-dropdown-control existing-plan-dropdown-div"
                                id="my_pwa_custom_plan_div">
                                <select id="my_pwa_custom_plan" class="maintenance-device-select-plangroup"
                                    placeholder="Search Plan Group">
                                </select>
                                <div class="select_custom_plan_error" style="display:none;"></div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <label>Coupon Code</label>
                            <input type="text" id="prepopulateCouponCode" autocomplete="false" class="coupon_code"
                                name="coupon_code" value="" placeholder="Enter Coupon Code">
                        </div>
                    </div>
                    <div class="code-container">
                        <div class="partner-code-box abbr" style="display: contents;">
                            <div class="code-item">
                                <label for="partner-code">Partner Code</label>
                                <input type="text" name="partner_code" class="partner-code customer-account-code"
                                    value="" maxlength="3">
                            </div>
                        </div>
                        <div class="account-code-box abbr" style="display: none;">
                            <span class="separator">-</span>
                            <div class="code-item">
                                <label for="account-code">Account Code</label>
                                <input type="text" name="account_code" class="account-code customer-account-code"
                                    value="" maxlength="5">
                            </div>
                        </div>
                        <div class="service-instance-code-box abbr" style="display: none;">
                            <span class="separator">-</span>
                            <div class="code-item">
                                <label for="service-instance-code">Service Instance Code</label>
                                <input type="text" name="service_instance_code"
                                    class="service-instance-code customer-account-code" value="" maxlength="5">
                            </div>
                        </div>
                    </div>
                    <div class="suggestions"></div>
                    <p class="account-code-message">*This can not be changed once generated.</p>
                    <div class="checkbox-group">
                        <div class="form-row">
                            <div class="form-label">Portal Access?</div>
                            <div class="inline-options">
                                <label><input type="radio" name="accessible_services" id="main_portal_id"
                                        class="is_go_portal_acess" value="0"> Main Portal</label>
                                <label><input type="radio" name="accessible_services" id="go_portal_id"
                                        class="is_go_portal_acess" value="1"> Go Portal</label>
                            </div>
                        </div>
                        {{-- <label class="is-go-portal-acess"><input type="checkbox" name="accessible_services" class="is_go_portal_acess" value="go-portal-access"> Is Go-Portal Access?</label> --}}
                        <label class="has-service-instance"><input type="checkbox" name="accessible_services"
                                class="service_instance" value="has-service-instance"> Has Service Instance?</label>
                        <label class="kyc-required ml-3" style="display:none;"><input type="checkbox"
                                name="accessible_services" class="kyc_required" value="kyc-required"> Is KYC
                            Required</label>
                        <label class="portal-access ml-3" style="display:none;"><input type="checkbox"
                                name="accessible_services" class="portal_access" value="portal-access"> Is Portal Access
                            required for Service Instance</label>
                    </div>

                    <div class="form-actions">
                        <button class="PWNoBTN cancel-btn PWNoApprovalBTN" id="PWNoApprovalBTN">Cancel</button>
                        <button class="PwApprovalYesBTN approve-btn" name="PwApprovalYesBTN">Yes</button>
                    </div>

                </div>
            </form>
        </div>

        <div id="numberReconApproval" class="modal" style="display:none">
            <form>
                <input type="hidden" id="approval_change_id_recon" class="form-control" value="">
                <input type="hidden" id="approval_type_recon" class="form-control" value="">
                <div class="modal-content">
                    <span class="close reconClose">&times;</span>
                    <p id="model_msg">
                        <span class="popup-txt" style="font-size:25px">Are you sure you want to Approve Request of Invoice
                            Number Recon.</span>
                    </p>
                    <div class="row">
                        <div class="margin-top-bottom col">
                            <input type="button" class="reconClose" name="PWNoBTN" value="Cancel">
                        </div>
                        <div class="margin-top-bottom col">
                            <input type="button" id="PwApprovalYesBTNRecon" class="PwApprovalYesBTNRecons"
                                name="PwApprovalYesBTN" value="Yes" onclick="">
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <!-- update info model -->
        <!-- <div id="myPWUPdateModal" class="modal" style="display:none">
            <form>
                <div class="modal-content">
                    <span class="close PWUpdateNoBTN" id="PWUpdateNoBTN">&times;</span>
                    <div class="pw-modal-div">
                        <div class="modal-div">
                            <input type="hidden" id="PwUpdateYesBTNid" name="PwUpdateYesBTNid" value="" placeholder="Enter Key"></p>
                            <span class="popup-txt model_msg">Are you sure you want to approve This updated data.If you want to check updated data then please click on user name.</span> <input type="hidden" id="password" name="pass" placeholder="Enter Key">
                            <select class="selected PwUpdateYesBTNselectApprovalType" id="PwUpdateYesBTNselectApprovalType" style="margin-left: 31%;">
                                <option value="Test Only">Test Only</option>
                                <option value="NonOrigination">Non-Origination</option>
                                <option value="Full Approval">Full Approval</option>
                            </select>
                            <div class="row">
                                <div class="margin-top-bottom col">
                                    <input type="button" class="PWNoBTN cancel-btn PWUpdateNoBTN" id="PWUpdateNoBTN" name="PWUpdateNoBTN" value="Cancel">
                                </div>
                            </div>
                        </div>
                        <div>
                            <p id="model_msg"> <span class="popup-txt">Approve a Billing Method</span>
                                <input type="hidden" id="password" name="pass" placeholder="Enter Key">
                            </p>
                            <input type="hidden" id="billingpopupid" name="billingpopupid" value="" placeholder="Enter Key"></p>
                            <select id="PwYesBTNselectBillingMethod" class="myPWUPdateModalPwYesBTNselectBillingMethod" name="PwYesBTNselectBillingMethod">
                                <option value="stripe">Credit Card Only</option>
                                <option value="invoice">Invoice User</option>
                            </select>
                            <div class="row">
                                <div class="margin-top-bottom col">
                                    <input type="button" id="PwUpdateYesBTN" class="PwUpdateYesBTN approve-btn" name="PwUpdateYesBTN" value="Yes" onclick="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div> -->
        <!-- end approval type changes -->
        <div id="myPWModal" class="modal" style="display:none">
            <form>
                <div class="modal-content">
                    <span class="close PWNoBTN" id="PWNoBTN">&times;</span>
                    <div class="select_account_type_error" style="display:none;"></div>
                    <div class="top-checkboxes">
                        <label><input type="checkbox" name="account_type" class="customer-account-type" value="Partner">
                            Partner</label>
                        <label><input type="checkbox" name="account_type" class="customer-account-type" value="Account"
                                checked> Account</label>
                        <label><input type="checkbox" name="account_type" class="customer-account-type"
                                value="ServiceInstance"> Service Instance</label>
                    </div>
                    <div class="form-row">
                        <div class="form-group partner-dropdown">
                            <label>Partner</label>
                            <select id="partners_dd" class="partners_dropdown" name="partners"
                                placeholder="Search Partner"></select>
                            <div class="select_partner_error" style="display:none;"></div>
                        </div>
                        <div class="form-group account-dropdown" style="display:none;">
                            <label>Account</label>
                            <select id="accounts_dd" class="account_dropdown" name="accounts"
                                placeholder="Search Account"></select>
                            <div class="select_account_error" style="display:none;"></div>
                        </div>
                    </div>

                    <div class="row select-group-div customer-services-container">
                        <div class="col-md-3">
                            <input type="hidden" id="approvepopupid" name="approvepopupid" value=""
                                placeholder="Enter Key">
                            <label>Approve a KYC Level</label>
                            <select id="PwYesBTNselectApprovalType" name="PwYesBTNselectApprovalType">
                                <option value="Test Only">Test Only</option>
                                <option value="NonOrigination">Non-Origination</option>
                                <option value="Full Approval">Full Approval</option>
                            </select>
                        </div>
                        <div class="col-md-3">
                            <input type="hidden" id="billingpopupid" name="billingpopupid" value=""
                                placeholder="Enter Key">
                            <label>Approve a Billing Method</label>
                            <select id="PwYesBTNselectBillingMethod" class="myPWModalPwYesBTNselectBillingMethod"
                                name="PwYesBTNselectBillingMethod">
                                <option value="stripe">Credit Card Only</option>
                                <option value="invoice">Invoice User</option>
                            </select>
                        </div>
                        <div class="col-md-3">
                            <input type="hidden" id="customplanid" name="customplanid" value=""
                                placeholder="Enter Key">
                            <label>Select Plan Type</label>
                            <select id="PwYesBTNCustomPlan" class="PwYesBTNCustomPlan" name="PwYesBTNCustomPlan">
                                <option value="standard">Standard</option>
                                <option value="custom">Custom</option>
                            </select>
                            <div class="maintenance-device-dropdown-control existing-plan-dropdown-div"
                                id="pw_yes_custom_plan_div">
                                <select id="pw_yes_custom_plan" class="maintenance-device-select-plangroup"
                                    placeholder="Search Plan Group">
                                </select>
                                <div class="select_custom_plan_error" style="display:none;"></div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <label>Coupon Code</label>
                            <input type="text" id="coupon_code" autocomplete="false" class="coupon_code"
                                name="coupon_code" value="" placeholder="Enter Coupon Code">
                        </div>
                    </div>
                    <div class="code-container">
                        <div class="partner-code-box abbr" style="display: contents;">
                            <div class="code-item">
                                <label for="partner-code">Partner Code</label>
                                <input type="text" name="partner_code" class="partner-code customer-account-code"
                                    value="" maxlength="3">
                                <div class="add_partner_code_error" style="display:none;"></div>
                            </div>
                        </div>
                        <div class="account-code-box abbr" style="display: none;">
                            <span class="separator">-</span>
                            <div class="code-item">
                                <label for="account-code">Account Code</label>
                                <input type="text" name="account_code" class="account-code customer-account-code"
                                    value="" maxlength="5">
                                <div class="add_account_code_error" style="display:none;"></div>
                            </div>
                        </div>
                        <div class="service-instance-code-box abbr" style="display: none;">
                            <span class="separator">-</span>
                            <div class="code-item">
                                <label for="service-instance-code">Service Instance Code</label>
                                <input type="text" name="service_instance_code"
                                    class="service-instance-code customer-account-code" value="" maxlength="5">
                                <div class="add_service_instance_code_error" style="display:none;"></div>
                            </div>
                        </div>
                        <div id="accountCodeError" style="color:red; margin-top:5px; display:none;"></div>
                    </div>
                    <div class="suggestions"></div>
                    <p class="account-code-message">*This can not be changed once generated.</p>
                    <div class="checkbox-group">
                        <div class="form-row">
                            <div class="form-label">Portal Access?</div>
                            <div class="inline-options">
                                <label><input type="radio" name="accessible_services" id="main_portal_id"
                                        class="is_go_portal_acess" value="0" checked> Main Portal</label>
                                <label><input type="radio" name="accessible_services" id="go_portal_id"
                                        class="is_go_portal_acess" value="1"> Go Portal</label>
                            </div>
                        </div>
                        {{-- <label class="is-go-portal-access"><input type="checkbox" name="accessible_services" class="is_go_portal_access" value="go-portal-access"> Is Go-Portal Access?</label> --}}
                        <label class="has-service-instance"><input type="checkbox" name="accessible_services"
                                class="service_instance" value="has-service-instance"> Has Service Instance?</label>
                        <label class="kyc-required ml-3" style="display:none;"><input type="checkbox"
                                name="accessible_services" class="kyc_required" value="kyc-required"> Is KYC
                            Required</label>
                        <label class="portal-access ml-3" style="display:none;"><input type="checkbox"
                                name="accessible_services" class="portal_access" value="portal-access"> Is Portal Access
                            required for Service Instance</label>
                    </div>

                    <div class="form-actions">
                        <button class="PWNoBTN cancel-btn" id="PWNoBTN" name="PWNoBTN">Cancel</button>
                        <button id="PwYesBTN" class="PwYesBTN approve-btn" name="PwYesBTN">Yes</button>
                    </div>

                </div>
            </form>
        </div>
        <!-- <div id="myPWuserexistModal" class="modal" style="display:none">
            <form>
                <div class="modal-content">
                    <span class="close PWuserexistNoBTN" id="PWuserexistNoBTN">&times;</span>
                    <div class="pw-modal-div">
                        <div>
                            <p id="model_msg"> <span class="popup-txt">The user sents multiple request, so its approved as a single request
                                    are you sure you want to approve this request?
                                </span>
                                <input type="hidden" id="password" name="pass" placeholder="Enter Key">
                            </p>
                            <select class="selected PwuserexistYesBTNselectApprovalType" id="PwuserexistYesBTNselectApprovalType" style="margin-left: 31%;">
                                
                                <option value="Test Only">Test Only</option>
                                <option value="NonOrigination">Non-Origination</option>
                                <option value="Full Approval">Full Approval</option>
                            </select>
                            <div class="row">
                                <div class="margin-top-bottom col">
                                    <input type="button" class="PWNoBTN cancel-btn PWuserexistNoBTN" id="PWuserexistNoBTN" name="PWNoBTN" value="Cancel">
                                </div>
                            </div>
                        </div>
                        <div>
                            <p id="model_msg"> <span class="popup-txt">Approve a Billing Method</span>
                                <input type="hidden" id="password" name="pass" placeholder="Enter Key">
                            </p>
                            <input type="hidden" id="billingpopupid" name="billingpopupid" value="" placeholder="Enter Key"></p>
                            <select id="PwYesBTNselectBillingMethod" class="myPWuserexistModalPwYesBTNselectBillingMethod" name="PwYesBTNselectBillingMethod">
                                <option value="stripe">Credit Card Only</option>
                                <option value="invoice">Invoice User</option>
                            </select>
                            <div class="row">
                                <div class="margin-top-bottom col">
                                    <input type="button" id="PwuserexistYesBTN" class="PwuserexistYesBTN approve-btn" name="PwuserexistYesBTN" value="Yes" onclick="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div> -->
        <div id="addTemplateModel" class="modal" style="display:none">
            <form id="add-numbers-form" method="POST" enctype="multipart/form-data" class="add-numbers-form">
                <input type="hidden" id="kyc_addTemplate_userid" name="userid" class="form-control" value="">
                <input type="hidden" id="bulk-added-numbers" name="bulk-added-numbers" class="form-control"
                    value="">
                <input type="hidden" id="numberShield" name="numberShield" class="form-control" value="1">
                <input type="hidden" id="id_did" name="id_did" class="form-control" value="1">
                <input type="hidden" id="from_admin_portal" name="from_admin_portal" class="form-control"
                    value="1">
                <div class="modal-content">
                    <div class="clear"></div>
                    <div class="gdlr-core-column-60">
                        <div id="view-added-numbers"></div>
                    </div>
                    <div class="hr_line"></div>
                    <div class="clear"></div>
                    <div class="gdlr-core-column-60 text-center">
                        <p class="uplote_temp_text">YOU CAN USE A TEMPLATE TO UPLOAD YOUR DID's TO BE TESTED</p>
                        <div class="custom-col-20">
                            <span class="file-upload">
                                <label for="numbers-file-upload">UPLOAD FILE IN .XLSX FORMAT</label>
                                <input type="file" name="file" class="file-input-field" autocomplete="off"
                                    id="numbers-file-upload" accept=".xlsx">
                            </span>
                            <!-- <div class="visible-xs hidden-sm hidden-md hidden-lg">
          <span class="displayfilename"></span><br>
          <em class="errorfileextenation"> Please upload .csv file</em>
         </div> -->
                        </div>
                    </div>
                    <div class="clear"></div>
                    <div class="gdlr-core-column-60 text-center hidden-xs visible-sm visible-md visible-lg">
                        <div class="or-text"></div>
                        <div class="custom-col-40 hidden-xs visible-sm visible-md visible-lg">
                            <span class="displayfilename"></span><br>
                            <em class="errorfileextenation">Please upload .csv file</em>
                        </div>
                    </div>
                    <div class="clear"></div>
                    <div class="gdlr-core-column-60 text-center">
                        <div class="custom-col-40">
                            <div class="upload-file-template text-center">
                                <a href="../upload/NumbershieldTemplate/contact-numbers-shield.xlsx" download=""
                                    class="download-add-template">Clicking downloads the template</a>
                                <a href="../upload/NumbershieldTemplate/contact-numbers-shield.xlsx" download=""
                                    class="download-add-template">
                                    &nbsp;<img src="../images/download-template-icon-blue.png"
                                        alt="download-template-icon">
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="clear"></div>
                    <div class="row">
                        <div class="margin-top-bottom col">
                            <input type="button" class="cancelAddBTN" id="cancelAddBTN" name="cancelAddBTN"
                                value="Cancel">
                        </div>
                        <div class="margin-top-bottom col">
                            <input type="submit" id="submitAddbtn" name="submitAddbtn" value="Submit" onclick="">
                        </div>
                    </div>
                </div>
            </form>
        </div>

        <div id="downloadHistoryFile" class="modal" style="display:none">
            <form>
                <input type="hidden" id="kyc_close_userid" class="form-control" value="">
                <div class="su-lightbox-content su-u-trim " id="download-prior-template-files-popup"
                    style="width:58%;min-width:none;max-width:600px;margin-top:40px;margin-bottom:40px;margin-left: 24%;padding:40px;background:#FFFFFF;color:#333333;box-shadow:0px 0px 15px #333333;text-align:center">
                    <div class="download-template-files-container">
                        <span class="close historyclosebtn" id="historyclosebtn">&times;</span>
                        <h4 class="download-template-popup-heading">Download prior template result files</h4>
                        <table id="listTemplateFilesTable" class="table">
                            <thead>
                                <tr class="table-heading">
                                    <th>
                                        <div class="label-text" id="">
                                            <span>File Name</span>
                                        </div>
                                    </th>
                                    <th>
                                        Date &amp; Time
                                    </th>
                                    <th>
                                        Action
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </form>
        </div>
        <div id="showUserInfo" class="modal" style="display:none">
            <!-- <div class="popup_box" id="popup_box"> -->
            <form id="show-user-info" method="POST" enctype="multipart/form-data">
                <input type="hidden" id="kyc_id" name="ID" class="form-control" value="">
                <div class="modal-content" style="width:65%;">
                    <div class="tab user-info-type-tab" style="display:none;">
                        <div class=" user-new" style="font-size:17px;">New Information</div>
                        <div class=" user-old" style="font-size:17px;">Old Information</div>
                    </div>
                    <!-- <div class="cancel_button" id="cancel_button">X</div> -->
                    <div id="info_text">
                        <!-- <p class="user-info-header"><span></span></p><br>
                                        <hr> -->
                        <div class="row" style="margin-top:2%;">
                            <div class="col">
                                <p><span class="col-header">Business Name</span><br><span class="business-value"></span>
                                </p>
                            </div>
                            <div class="col">
                                <p><span class="col-header">Type Of Business</span> <br><span
                                        class="typeofbusiness-value"></span></p>
                            </div>
                            <div class="col">
                                <p><span class="col-header">State(in which business is registered)</span> <br> <span
                                        class="business-state-value"></span></p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <p> <span class="col-header">Federal EIN</span> <br><span class="Federnal-value"></span>
                                </p>
                            </div>
                            <div class="col">
                                <p><span class="col-header"> Website URL</span> <br><span class="Website-value"></span>
                                </p>
                            </div>
                            <div class="col">
                                <p><span class="col-header">Billing Method</span> <br><span
                                        class="billing-method-value"></span></p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <p><span class="col-header">Senior Executive Contact</span> <br><span
                                        class="Executive-value1"> </span></p>
                            </div>
                            <div class="col"><br>
                                <p><span class="Executive-value2"></span></p>
                            </div>
                            <div class="col"><br>
                                <p><span class="Executive-value3"></span></p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <p><span class="col-header">Dun & Bradstreet DUNs Numbers</span><br> <span
                                        class="Dun-value"></span></p>
                            </div>
                            <div class="col">
                                <p><span class="col-header">Voice Service Provider field</span><br> <span
                                        class="VSPF-value"></span></p>
                            </div>
                            <!-- <div class="col">
                                            <p> <span class="col-header">USA Physical Address</span> <br><span class="Physical-address-value"></span></p>
                                            </div> -->
                            <!-- <div class="col social-media">
                                <p><span class="col-header">Social Media</span> <br>
                                    <a href="" target="_blank" class="linkedinurl"><img src="../images/107178_circle_linkedin_icon.png" alt="" class="linkedin"></a>
                                    <a href="" target="_blank" class="facebookurl"><img src="../images/107175_circle_facebook_icon.png" alt="" class="facebook"></a>
                                    <a href="" target="_blank" class="twitterurl"><img src="../images/294709_circle_twitter_icon.png" alt="" class="twitter"></a>
                                    <span class="blank_social_media"></span>
                                </p>
                            </div> -->
                        </div>

                        <div class="row">
                            <div class="col">
                                <p> <span class="col-header">USA Physical Address</span> <br><span
                                        class="Physical-address-value"></span></p>
                            </div>
                            <div class="col">
                                <p><span class="col-header">State</span><br> <span class="state-value"></span></p>
                            </div>
                            <div class="col city">
                                <p><span class="col-header">City</span><br> <span class="city-value"></span></p>
                            </div>
                            <div class="col city">
                                <p><span class="col-header">Zip Code</span><br> <span class="zip-value"></span></p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <p><span class="col-header">Approximate Monthly Outbound Call Volume</span> <br><span
                                        class="Approximate-value"></span></p>
                            </div>
                            <div class="col">
                                <p><span class="col-header">Types Of calls</span><br> <span class="calls-value"></span>
                                </p>
                            </div>
                            <div class="col Call-Purpose">
                                <p><span class="col-header">Call Purpose</span><br> <span class="Purpose-value"></span>
                                </p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <p> <span class="col-header">The information is submitted by</span> <br><span
                                        class="submitted-value"></span></p>
                            </div>
                            <div class="col"><br>
                                <span class="submitted-email-value"></span>
                            </div>
                            <div class="col"><br>
                                <span class="submitted-number-value"></span>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <p> <span class="col-header">Reason For Rejection</span> <br><span
                                        class="rejection-reason-value"></span></p>
                            </div>
                            <div class="col">
                                <p><span class="col-header">User Agent</span><br> <span class="user-agent-value"></span>
                                </p>
                            </div>
                            <div class="col">
                                <p><span class="col-header">Remote IP</span><br> <span class="remote-ip-value"></span></p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <p> <span class="col-header">Country</span> <br><span class="ipinfo-country-value"></span>
                                </p>
                            </div>
                            <div class="col">
                                <p><span class="col-header">City</span><br> <span class="ipinfo-city-value"></span></p>
                            </div>
                            <div class="col">
                                <p><span class="col-header">Region</span><br> <span class="ipinfo-region-value"></span>
                                </p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <p> <span class="col-header">Location</span> <br><span class="ipinfo-loc-value"></span>
                                </p>
                            </div>
                            <div class="col">
                                <p><span class="col-header">Organisation</span><br> <span class="ipinfo-org-value"></span>
                                </p>
                            </div>
                            <div class="col">
                                <p><span class="col-header">Postal</span><br> <span class="ipinfo-postal-value"></span>
                                </p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <p> <span class="col-header">Time Zone</span> <br><span
                                        class="ipinfo-timezone-value"></span></p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="margin-top-bottom col btn">
                                <input type="button" class="cancelinfoBTN" id="cancelinfoBTN" name="cancelinfoBTN"
                                    value="Cancel">
                            </div>
                            <div class="margin-top-bottom col btn">
                                <input type="button" id="DownloadBTN" name="DownloadBTN" value="Download">
                            </div>
                            <div class="margin-top-bottom col btn">
                                {{-- <input type="button" id="EditBTN" name="EditBTN" value="EDIT"> --}}
                                <input type="button" class="EditBTN" name="EditBTN" value="EDIT">
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <!-- </div> -->
        </div>

        <!-- Akash code -->
        <div id="reloadKycModal" class="regeneratekycmodal common-modal">
            <p class="reloadKycPopupMsg">Do you want to generate new code?</p>
            <div class="row reloadKycBtnRow">
                <div class="col">
                    <input type="button" class="cancel-btn" id="reloadKycNoBtn" name="reloadKycNoBtn" value="Cancel">
                </div>
                <form>
                    <input type="hidden" id="kyc_reload_id" class="form-control" value="">
                </form>
                <div class="col">
                    <input type="button" class="cancel-btn reloadKycYesBtn" id="reloadKycCode-{{ $value->ID }}"
                        name="reloadKycYesBtn" value="Yes">
                </div>
            </div>
        </div>
        <!-- popup for approval service request  -->
        <div id="serviceRequestApproval" class="serviceRequestApprovalmodal">
            <p class="serviceRequestApprovaMsg">The service approval type does not match with the customer requested
                services. Please ask the customer to send kyc request for higher services or set the service approval type
                to lower values.</p>
            <!-- The service approval type does not match with the customer requested services. Please ask the customer to send kyc request for higher services or set the service approval type to lower values. -->
            <div class="row serviceRequestApprovalRow">
                <div class="col">
                    <input type="button" class="cancel-btn" id="serviceRequestApprovalBtn"
                        name="serviceRequestApprovalBtn" value="Ok">
                </div>
                <form>
                    <input type="hidden" id="kyc_reload_id" class="form-control" value="">
                </form>
                <!-- <div class="col">
                    <input type="button" class="cancel-btn reloadKycYesBtn" id="reloadKycCode-{{ $value->ID }}" name="reloadKycYesBtn" value="Yes">
                </div> -->
            </div>
        </div>

        <div id="showUserInfoRecon" class="modal" style="display:none">
            <!-- <div class="popup_box" id="popup_box"> -->
            <!-- </div> -->
        </div>

        <div id="loaderModal" class="modal">
            <img class="loader-img" src="../images/ajax-spinner.gif">
            <span class="loader-text">Please wait ...</span>
        </div>
        <div id="snackbar" style="display:none;">
            <span class="close snackbar-close" id="">&times;</span>
            <p>Number Added For This User Successfully.</p>
        </div>
        <div id="errorsnackbar" style="display:none;">
            <span class="close errorsnackbar-close" id="">&times;</span>
            <p class="errorText"></p>
        </div>
        <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="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>
    </div>
    <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> -->
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.11.1/js/jquery.dataTables.js"></script>
    <script>
        $(document).ready(function() {
                    var baseURL = "{{ URL::to('/') }}" + "/";
                    var accountCodeArr = [];
                    var customePlanSelection = $('#PwYesBTNCustomPlan').val();
                    var companyName = '';
                    var companyEmail = '';
                    var accountTp = 'Account';

                    if (customePlanSelection == 'custom') {
                        $("#pw_yes_custom_plan_div").css({
                            "visibility": "visible",
                            "display": "block"
                        });
                    } else {
                        $("#pw_yes_custom_plan_div").css({
                            "visibility": "hidden",
                            // "display": "none"
                        });
                    }
                    var customePwPlanSelection = $('#myPWABTNCustomPlan').val();
                    if (customePwPlanSelection == 'custom') {
                        $("#my_pwa_custom_plan_div").css({
                            "visibility": "visible",
                            "display": "block"
                        });
                    } else {
                        $("#my_pwa_custom_plan_div").css({
                            "visibility": "hidden",
                            // "display": "none"
                        });
                    }
                    $('.PwYesBTNCustomPlan').click(function() {
                        var customePlan = $('#PwYesBTNCustomPlan').val();
                        if (customePlan == 'custom') {
                            $("#pw_yes_custom_plan_div").css({
                                "visibility": "visible",
                                "display": "block"
                            });
                            $("#pw_yes_custom_plan").val('').fSelect('reload');
                        } else {
                            $("#pw_yes_custom_plan_div").css({
                                "visibility": "hidden",
                                // "display": "none"
                            });
                            $('.pw_yes_custom_plan_error').hide();
                        }
                    });
                    $('.myPWABTNCustomPlan').click(function() {
                        var customePlan = $('#myPWABTNCustomPlan').val();
                        if (customePlan == 'custom') {
                            $("#my_pwa_custom_plan_div").css({
                                "visibility": "visible",
                                "display": "block"
                            });
                        } else {
                            $("#my_pwa_custom_plan_div").css({
                                "visibility": "hidden",
                                // "display": "none"
                            });
                            $('.my_pwa_custom_plan_error').hide();
                        }
                    });
                    $('.reloadKycCode').click(function() {
                        var str = $(this).attr('id');
                        var id = str.split('-')[1];
                        $('#kyc_reload_id').val(id);
                        $('.regeneratekycmodal').show();
                    });

                    $('#reloadKycNoBtn').click(function() {
                        $('.regeneratekycmodal').hide();
                    });

                    $('.reloadKycYesBtn').click(function() {
                        $('.regeneratekycmodal').hide();
                        $("#loaderModal").show();
                        var id = $('#kyc_reload_id').val();
                        console.log(id, str);
                        $.ajax({
                            type: "GET",
                            dataType: "json",
                            url: baseURL + "generateKycUniqueCode?id=" + id,
                            success: function(response) {
                                $("#loaderModal").hide();
                                if (response.statuscode == 200) {
                                    location.reload();
                                } else {
                                    alert('error');
                                }
                            },

                            cache: false,
                            contentType: false,
                            processData: false
                        });
                    });
                    $('#numbers-file-upload').change(function(e) {
                        $('.erroraddnumber').hide();
                        $('#add-numbers-form #submit').attr("disabled", "disabled");
                        var fileName = e.target.files[0].name;
                        $('.displayfilename').text(fileName);
                        var extension = fileName.substr((fileName.lastIndexOf('.') + 1));
                        var fileextension = extension.toLowerCase();
                        $('#add-numbers-form #submit').removeAttr("disabled");
                    });
                    $('.ok-button').click(function() {
                        var kycType = $(this).attr('data-service_type');
                        var str = $(this).attr('id');
                        var id = str.split('-')[1];
                        var ids = str.split('-')[2];

                        if (kycType == 'Number Recon') {
                            $("#approval_change_id_recon").val(id);
                            $("#numberReconApproval").fadeToggle();
                            $("#numberReconApproval").css({
                                "visibility": "visible",
                                "display": "block"
                            });
                            $("#selectApprovalType").val('Full Approval');
                        } else {
                            if (ids > 0) {
                                showalreadyapprovepopup(id);
                            } else {
                                $("#loaderModal").show();
                                getAllPlans(true, id);
                            }
                        }
                        if (!$('.customer-account-type[value="Account"]').is(':checked')) {
                            $('.customer-account-type[value="Account"]').trigger('click');
                        }
                        $('.partner-code-box input').attr('readonly', true);
                        $('.account-code-box').css('display', 'contents');
                        $('.account-code-box input').removeAttr('readonly');
                        $('.service-instance-code-box').hide();
                        companyName = $(this).data('business_name');
                        companyEmail = $(this).data('business_email');
                        accountTp = jQuery('#myPWModal .customer-account-type:checked').val();
                        if ($('#approval_change_id:visible').length <= 0) {
                            getAbbreviation();
                        }
                        //getAbbreviation();
                    });
                    $('.ok-button-update').click(function() {
                        var str = $(this).attr('id');
                        var id = str.split('-')[1];
                        var ids = str.split('-')[2];
                        showapproveupdatedpopup(id);
                    });
                    $('.cancel-button').click(function() {
                        var str = $(this).attr('id');
                        var id = str.split('-')[1];
                        var kyc_type = str.split('-')[2];
                        var kycUserId = $(this).data('kyc_user_id');
                        $("#kyc_rejection_userid").val(kycUserId);
                        $("#kyc_type").val(kyc_type);
                        showrejectpopup(id);
                    });
                    $('.cancel-button-new-data').click(function() {
                        var str = $(this).attr('id');
                        var id = str.split('-')[1];
                        var kyc_type = str.split('-')[2];
                        var kycUserId = $(this).data('kyc_user_id');
                        $("#kyc_rejection_userid").val(kycUserId);
                        $("#kyc_type").val(kyc_type);
                        showrejectpopup(id);
                    });
                    $('.cancel-button-update').click(function() {
                        var str = $(this).attr('id');
                        var id = str.split('-')[1];
                        var ids = str.split('-')[2];
                        showrejectupdatedpopup(id);
                    });
                    $('.PWUpdateRejectNoBTN').click(function() {
                        var str = $(this).attr('id');
                        var id = str.split('-')[1];
                        var ids = str.split('-')[2];
                        hiderejectupdatedpopup(id);
                    });
                    $('.add-button').click(function() {
                        var str = $(this).attr('id');
                        var id = str.split('-')[1];
                        var kycUserId = $(this).data('kyc_user_id');
                        console.log(kycUserId);
                        $("#kyc_addTemplate_userid").val(kycUserId);
                        var a = $("#kyc_addTemplate_userid").val();
                        console.log(a);
                        showAddtemplatePopup(id);
                    });
                    $('.cancelAddBTN').click(function() {
                        var id = $("#kyc_addTemplate_userid").val();
                        $('#numbers-file-upload').val('');
                        $(".displayfilename").text("");
                        hideAddtemplatePopup(id);
                    });
                    $('.submitAddbtn').click(function() {
                        var userid = $("#kyc_addTemplate_userid").val();
                        var bulkaddednumbers = $("#bulk-added-numbers").val();
                        var file = $(".displayfilename").text();
                        var numberShield = $("#numberShield").val();
                        //AddDidsNumber(userid,bulkaddednumbers,file,numberShield);
                    });
                    $(".historyclosebtn").click(function() {
                        hideDwHistoypopup();
                    });
                    $('.dwfilename').click(function() {
                        var str = $(this).attr('id');
                        var id = str.split('-')[1];
                        var kycUserId = $(this).data('kyc_user_id');
                        $("#kyc_close_userid").val(kycUserId);
                        showDwHistoypopup(id);
                    });
                    $('.snackbar-close').click(function() {
                        $('.snackbar').css('display', 'none');
                        window.location.href = baseURL + "Qwewretrtrfgc/0";
                    });
                    $('.errorsnackbar-close').click(function() {
                        $('.errorsnackbar').css('display', 'none');
                        window.location.href = baseURL + "Qwewretrtrfgc/0";
                    });
                    $('.approvaType').click(function() {
                        $('.customer-account-type').prop('disabled', true);
                        var str = $(this).attr('id');
                        var getid = str.split('-')[1];
                        var approvaltype = str.split('-')[2];

                        var approvaltypeval = $("#selectApprovalType").val(approvaltype);
                        $("#loaderModal").show();
                        var kycType = $(this).attr('data-service_type');
                        // getAllPlans(false, false);
                        // getBillingMethod(getid, kycType, approvaltype);
                        getAllPlans(false, false, getid, kycType, approvaltype);

                        companyName = $(this).data('business_name');
                        companyEmail = $(this).data('business_email');
                        accountTp = jQuery('#myPWApprovalUpdateModal .customer-account-type:checked').val();
                        // getAbbreviation(companyName, companyEmail, accountType);

                    });
                    $('.PWNoApprovalBTN').click(function() {
                        console.log('cancel btn');
                        $("#my_pwa_custom_plan").val('').fSelect('reload');
                        $("#myPWApprovalUpdateModal").fadeToggle();
                        $("#myPWApprovalUpdateModal").css({
                            "visibility": "hidden",
                            "display": "none"
                        });
                        $('.service_instance').prop('checked', false);
                        jQuery('#myPWModal .partner-code').val('');
                        jQuery('#myPWModal .account-code').val('');
                        jQuery('#myPWModal .service-instance-code').val('');
                        location.reload();
                    });

                    $('.reconClose').click(function() {
                        $("#numberReconApproval").fadeToggle();
                        $("#numberReconApproval").css({
                            "visibility": "hidden",
                            "display": "none"
                        });
                    });

                    $('.display-user-info').click(function() {
                        var str = $(this).attr('id');
                        var id = str.split('-')[2];
                        $('#kyc_id').val(id);
                        $("#loaderModal").show();
                        var kycType = $(this).attr('data-service_type');
                        showkycuserinfo(id, kycType);
                    });

                    $('#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");
                    });

                    $(document).on('click', '.cancelinfoBTN', () => {
                        $("#showUserInfo, #showUserInfoRecon").css({
                            "visibility": "hidden",
                            "display": "none"
                        });
                        document.body.style.overflow = 'auto';
                        $('body').css('overflow-x', 'hidden');
                    })

                    $(document).on('click', '.userNewRecon', () => {
                        $('#new-user').css("display", "block");
                        $('#old-user').css("display", "none");
                    });

                    $(document).on('click', '.userOldRecon', () => {
                        $('#new-user').css("display", "none");
                        $('#old-user').css("display", "block");
                    });
                    $(document).on('click', '#serviceRequestApprovalBtn', () => {
                        $('.serviceRequestApprovalmodal').hide();
                    });

                    function getBillingMethod(id, kycType, approvaltype) {
                        jQuery.ajax({
                            type: "GET",
                            dataType: "json",
                            url: baseURL + "getUserInfoOfKyc?id=" + id + "&kyctype=" + kycType,
                            success: function(res) {
                                jQuery("#loaderModal").hide();
                                if (res.message == "success") {
                                    var data = res.getKyc;
                                    if (data.user_billing_method === 'stripe') {
                                        $("#PwYesBTNselectBillingMethod").val(data.user_billing_method);
                                    } else {
                                        $("#PwYesBTNselectBillingMethod").val('invoice');
                                    }
                                    $("#myPWABTNCustomPlan").val(data.is_custom_plan);
                                    $("#PwYesBTNCustomPlan").val(data.is_custom_plan);
                                    $("#prepopulateCouponCode").val(data.coupon_code);
                                    if (data.is_custom_plan == 'custom') {

                                        $("#my_pwa_custom_plan_div").css({
                                            "visibility": "visible",
                                            "display": "block",
                                        });
                                        $("#my_pwa_custom_plan").val(data.custome_plan_name).fSelect('reload');
                                        // $("#pw_yes_custom_plan_div").css({
                                        //     "visibility": "visible",
                                        //     "display": "block",
                                        // });
                                        // $("#pw_yes_custom_plan").val(data.custome_plan_name).fSelect('reload');
                                    } else {
                                        $("#my_pwa_custom_plan_div").css({
                                            "visibility": "hidden",
                                            // "display": "none",
                                        });
                                        $("#my_pwa_custom_plan").val('').fSelect('reload');
                                        // $("#pw_yes_custom_plan_div").css({
                                        //     "visibility": "hidden",
                                        //     // "display": "none",
                                        // });
                                        // $("#pw_yes_custom_plan").val('').fSelect('reload')
                                    }

                                    if (kycType == 'Number Recon') {
                                        $("#approval_change_id_recon").val(data.ID);
                                        $("#numberReconApproval").fadeToggle();
                                        $("#numberReconApproval").css({
                                            "visibility": "visible",
                                            "display": "block"
                                        });
                                        $("#selectApprovalType").val('Full Approval');
                                    } else {
                                        var id = $("#approval_change_id").val(data.ID);
                                        changeTypeOFApproval(approvaltype);
                                    }

                                    if (res.customer_info) {
                                        if (res.customer_info.is_go_portal_access) {
                                            // $('#myPWApprovalUpdateModal .is_go_portal_access').prop('checked', true);
                                            $('#myPWApprovalUpdateModal #go_portal_id').prop('checked', true);
                                        } else {
                                            $('#myPWApprovalUpdateModal #main_portal_id').prop('checked', true);
                                        }

                                        $('.customer-account-type').prop('checked', false);
                                        $('.customer-account-type[value="' + res.customer_info.account_type +
                                            '"]').prop('checked', true);

                                        var acc_code = res.customer_info.account_code;
                                        var codeArr = acc_code.split("-");
                                        accountTp = res.customer_info.account_type;

                                        if (res.customer_info.account_type == 'Partner') {
                                            $('.partner-dropdown').hide();
                                            $('.account-dropdown').hide();
                                            $('.has-service-instance, .kyc-required, .portal-access').hide();
                                            $('.customer-services-container').show();
                                            $('.partner-code-box input').removeAttr('readonly');
                                            $('.account-code-box').hide();
                                            $('.service-instance-code-box').hide();
                                            $('.partner-code').val(codeArr[0]);

                                            var partner_code_val = jQuery(
                                                '#myPWApprovalUpdateModal .partner-code').val();
                                            if (partner_code_val !== null && partner_code_val.trim() !== '') {
                                                $('.partner-code-box input').attr('readonly', true);
                                            }
                                        }
                                        if (res.customer_info.account_type == 'Account') {
                                            $('.partner-dropdown').show();
                                            $('.account-dropdown').hide();
                                            $('.has-service-instance').show();
                                            $('.customer-services-container').show();
                                            $('.partner-code').val(codeArr[0]);
                                            $('.account-code').val(codeArr[1]);
                                            $("#partners_dd").val(res.customer_info.parent_account_id).fSelect(
                                                'reload');
                                            if (res.customer_info.has_service_instance) {
                                                $('.service_instance').prop('checked', true);
                                                $('.kyc-required').show();
                                                $('.portal-access').show();
                                                if (res.customer_info.is_kyc_needed) {
                                                    $('.kyc_required').prop('checked', true);
                                                }
                                                if (res.customer_info.is_portal_access) {
                                                    $('.portal_access').prop('checked', true);
                                                }
                                            } else {
                                                $('.kyc-required').hide();
                                                $('.portal-access').hide();
                                            }
                                            $('.partner-code-box input').attr('readonly', true);
                                            $('.account-code-box').css('display', 'contents');
                                            $('.account-code-box input').removeAttr('readonly');
                                            $('.service-instance-code-box').hide();
                                            var partner_code_val = jQuery(
                                                '#myPWApprovalUpdateModal .partner-code').val();
                                            if (partner_code_val !== null && partner_code_val.trim() !== '') {
                                                $('.partner-code-box input').attr('readonly', true);
                                            }
                                            var acc_code_val = jQuery('#myPWApprovalUpdateModal .account-code')
                                                .val();
                                            if (acc_code_val !== null && acc_code_val.trim() !== '') {
                                                $('.account-code-box input').attr('readonly', true);
                                            }
                                        }
                                        if (res.customer_info.account_type == 'ServiceInstance') {
                                            $('.account-dropdown').show();
                                            $('.partner-dropdown').hide();
                                            $('.has-service-instance, .kyc-required, .portal-access').hide();
                                            $('.customer-services-container').hide();
                                            $('.partner-code').val(codeArr[0]);
                                            $('.account-code').val(codeArr[1]);
                                            $('.service-instance-code').val(codeArr[2]);
                                            $("#accounts_dd").val(res.customer_info.parent_account_id).fSelect(
                                                'reload');
                                            $('.partner-code-box input').attr('readonly', true);
                                            $('.account-code-box').css('display', 'contents');
                                            $('.account-code-box input').attr('readonly', true);
                                            $('.service-instance-code-box').css('display', 'contents');
                                            $('.service-instance-code-box input').removeAttr('readonly');

                                            var partner_code_val = jQuery(
                                                '#myPWApprovalUpdateModal .partner-code').val();
                                            if (partner_code_val !== null && partner_code_val.trim() !== '') {
                                                $('.partner-code-box input').attr('readonly', true);
                                            }
                                            var acc_code_val = jQuery('#myPWApprovalUpdateModal .account-code')
                                                .val();
                                            if (acc_code_val !== null && acc_code_val.trim() !== '') {
                                                $('.account-code-box input').attr('readonly', true);
                                            }
                                            var service_instance_code_val = jQuery(
                                                '#myPWApprovalUpdateModal .service-instance-code').val();
                                            if (service_instance_code_val !== null && service_instance_code_val
                                                .trim() !== '') {
                                                $('.service-instance-code-box input').attr('readonly', true);
                                            }
                                        }
                                    }
                                    //if it approve then no need to change
                                    if (res.getKyc.status != 1) {
                                        getAbbreviation();
                                    } else {
                                        $('.abbr input').attr('readonly', true);
                                    }
                                }

                                const waitForPartnerDropdown = setInterval(() => {
                                    const $partnerDropdown = $('#myPWApprovalUpdateModal #partners_dd');

                                    if ($partnerDropdown.length) {
                                        console.log('partners_dd found!');
                                        $partnerDropdown.prop('disabled', true);
                                        $('#myPWApprovalUpdateModal .partner-dropdown .fs-wrap')
                                            .addClass('disabled');
                                        clearInterval(waitForPartnerDropdown); // stop checking
                                    }
                                }, 200);

                                const waitForAccountDropdown = setInterval(() => {
                                    const $accountDropdown = $('#myPWApprovalUpdateModal #accounts_dd');

                                    if ($accountDropdown.length) {
                                        console.log('accounts_dd found!');
                                        $accountDropdown.prop('disabled', true);
                                        $('#myPWApprovalUpdateModal .account-dropdown .fs-wrap')
                                            .addClass('disabled');
                                        clearInterval(waitForAccountDropdown); // stop checking
                                    }
                                }, 200);
                            }
                        })
                    }

                    function getAllPlans(loader, id, getid = '', kycType = '', approvaltype = '') {
                        var ajaxApiUrl = baseURL + "GetAllExistingPlanGroup";
                        jQuery.ajax({
                            type: "GET",
                            url: ajaxApiUrl,
                            success: function(res) {
                                if (res.success) {
                                    if (loader) {
                                        jQuery("#loaderModal").hide();
                                    }
                                    if (id) {
                                        showapprovepopup(id);
                                    }
                                    if (res.data.length > 0) {
                                        var all_plangroup_names = res.data;
                                        allPlanGroupArr = res.data;
                                        var allPlanGroupsOptions =
                                            "<option value=''>Select Custom Plan Group</option>";
                                        var deviceMaintenanceNameOptions = "";
                                        for (var k = 0; k < all_plangroup_names.length; k++) {
                                            var optionValue = all_plangroup_names[k].plan_group;
                                            allPlanGroupsOptions = allPlanGroupsOptions + "<option value='" +
                                                optionValue + "'>" + all_plangroup_names[k].plan_group +
                                                "</option>";
                                        }
                                    }

                                    jQuery(".maintenance-device-select-plangroup").html('');
                                    jQuery(".maintenance-device-select-plangroup").append(allPlanGroupsOptions);
                                    jQuery(".maintenance-device-select-plangroup").fSelect({
                                        placeholder: 'select custom plan group',
                                        numDisplayed: 4,
                                        overflowText: '{n} app selected',
                                        noResultsText: 'No custom plan found',
                                        searchText: 'Search custom plan',
                                        showSearch: true
                                    });
                                    jQuery(".maintenance-device-dropdown-control-cont-app").show();

                                    accountCodeArr = res.account_codes;
                                    if (Object.keys(res.partners).length > 0) {
                                        var all_partners = res.partners;
                                        var allPartnersOptions = "<option value=''>Select Partner</option>";
                                        $.each(all_partners, function(index, value) {
                                            allPartnersOptions += "<option value='" + index + "'>" +
                                                value + "</option>";
                                        });
                                        jQuery(".partners_dropdown").html('');
                                        jQuery(".partners_dropdown").append(allPartnersOptions);

                                        jQuery(".partners_dropdown").fSelect({
                                            placeholder: 'Select Partner',
                                            numDisplayed: 4,
                                            overflowText: '{n} app selected',
                                            noResultsText: 'No partner found',
                                            searchText: 'Search Partner',
                                            showSearch: true
                                        });
                                    }

                                    if (Object.keys(res.accounts).length > 0) {
                                        var all_accounts = res.accounts;
                                        var allAccountsOptions = "<option value=''>Select Account</option>";
                                        $.each(all_accounts, function(id, val) {
                                            allAccountsOptions += "<option value='" + id + "'>" + val +
                                                "</option>";
                                        });

                                        jQuery(".account_dropdown").html('');
                                        jQuery(".account_dropdown").append(allAccountsOptions);

                                        jQuery(".account_dropdown").fSelect({
                                            placeholder: 'Select Account',
                                            numDisplayed: 4,
                                            overflowText: '{n} app selected',
                                            noResultsText: 'No accounts found',
                                            searchText: 'Search account',
                                            showSearch: true
                                        });
                                    }

                                    if (!id && getid && kycType && approvaltype) {
                                        getBillingMethod(getid, kycType, approvaltype);
                                    }

                                } else {
                                    jQuery("#loaderModal").hide();
                                }
                            },
                            error: function(jqXHR, error, errorThrown) {
                                if (jqXHR.status && jqXHR.status == 400) {
                                    var res_json = JSON.parse(jqXHR.responseText);
                                }
                            }
                        });
                    }

                    var kycuserinfo = '';

                    function showkycuserinfodataonpopup(data) {
                        var httppresent = "http";
                        kycuserinfo = data;
                        var username = data.username ?? '-';
                        var businessname = data.business_name;
                        var typeOfBusiness = data.type_of_business;
                        var businesstate = data.business_state;
                        var state = data.state;
                        var city = data.city;
                        var zip = data.zip;
                        var federalEin = data.federal_ein;
                        var website = data.website;
                        var billingMethod = data.user_billing_method;
                        var seniorContact = data.senior_executive_contact;
                        var seniorPhone = data.phone;
                        var seniorEmail = data.email;
                        var dun = data.dun;
                        var voice_service_provider = data.voice_service_provider == null ? '-' : data
                        .voice_service_provider;

                        if (dun != null) {
                            dun = dun;
                        } else {
                            dun = "-"
                        }
                        if (zip != null) {
                            zip = zip;
                        } else {
                            zip = "-"
                        }

                        if (data.usa_address1 === "" || data.usa_address1 === null) {
                            var physicalAddress1 = " ";
                        } else {
                            var physicalAddress1 = data.usa_address1;
                        }
                        if (data.usa_address2 === "" || data.usa_address2 === null) {
                            var physicalAddress2 = " ";
                        } else {
                            var physicalAddress2 = data.usa_address2;
                        }
                        if (data.remote_IP != null) {
                            var remoteIp = data.remote_IP;
                        } else {
                            var remoteIp = "-";
                        }
                        if (data.user_agent != null) {
                            var userAgent = data.user_agent;
                        } else {
                            var userAgent = "-";
                        }

                        var Approximatemothly = data.monthly_outbound_value;
                        var TypeOfcalls = data.type_of_call;
                        var CallPurpose = data.call_purpose;
                        var userEmail = data.user_email;
                        var userPhone = data.user_phone;

                        if (data.reject_message != null) {
                            console.log('inside if');
                            var rejectMessage = data.reject_message;
                        } else {
                            console.log('inside else');
                            var rejectMessage = "-";
                        }
                        if (data.remote_IP != null && data.ipinfo_country != null) {
                            var remoteIp = data.remote_IP;
                            var ipinfoCountry = data.ipinfo_country;
                            var ipinfoCity = data.ipinfo_city;
                            var ipinfoRegion = data.ipinfo_region;
                            var ipinfoLoc = data.ipinfo_loc;
                            var ipinfoOrg = data.ipinfo_org;
                            var ipinfoPostal = data.ipinfo_postal;
                            var ipinfoTimeZone = data.ipinfo_timezone;
                        } else {
                            if (data.remote_IP != null) {
                                var remoteIp = data.remote_IP;
                            } else {
                                var remoteIp = "-";
                            }
                            var ipinfoCountry = "-";
                            var ipinfoCity = "-";
                            var ipinfoRegion = "-";
                            var ipinfoLoc = "-";
                            var ipinfoOrg = "-";
                            var ipinfoPostal = "-";
                            var ipinfoTimeZone = "-";
                        }
                        if (data.user_agent != null) {
                            var userAgent = data.user_agent;
                        } else {
                            var userAgent = "-";
                        }
                        if (TypeOfcalls == "Other") {
                            $('.Call-Purpose').css('display', 'block');
                        } else {
                            $('.Call-Purpose').css('display', 'none');
                        }
                        if (data.usa_address1 === "" || data.usa_address1 === null) {
                            var firstnewaddress1 = '';
                        } else {
                            var firstnewaddress1 = data.usa_address1;
                        }
                        if (data.usa_address2 === "" || data.usa_address2 === null) {
                            var firstnewaddress2 = '';
                        } else {
                            var firstnewaddress2 = data.usa_address2;
                        }
                        var finelNewString = firstnewaddress1.concat(firstnewaddress2);

                        document.body.style.overflow = 'hidden';
                        $('.user-info-header').children('span').text(username);
                        $('.business-value').text(businessname);
                        $('.typeofbusiness-value').text(typeOfBusiness);
                        $('.business-state-value').text(businesstate);
                        $('.state-value').text(state);
                        $('.city-value').text(city);
                        $('.zip-value').text(zip);
                        $('.Federnal-value').text(federalEin);
                        $('.Website-value').text(website);
                        $('.Executive-value1').text(seniorContact);
                        $('.Executive-value2').text(seniorPhone);
                        $('.Executive-value3').text(seniorEmail);
                        $('.Dun-value').text(dun);
                        // $('.linkedinurl').attr('href', socialMedia1);
                        // $('.facebookurl').attr('href', socialMedia2);
                        // $('.twitterurl').attr('href', socialMedia3);
                        $('.billing-method-value').text(billingMethod);
                        $('.Physical-address-value').text(finelNewString);
                        $('.Approximate-value').text(Approximatemothly);
                        $('.calls-value').text(TypeOfcalls);
                        $('.Purpose-value').text(CallPurpose);
                        $('.submitted-value').text(username);
                        $('.submitted-email-value').text(userEmail);
                        $('.submitted-number-value').text(userPhone);
                        $('.rejection-reason-value').text(rejectMessage);
                        $('.user-agent-value').text(userAgent);
                        $('.remote-ip-value').text(remoteIp);
                        $('.ipinfo-country-value').text(ipinfoCountry);
                        $('.ipinfo-city-value').text(ipinfoCity);
                        $('.ipinfo-region-value').text(ipinfoRegion);
                        $('.ipinfo-loc-value').text(ipinfoLoc);
                        $('.ipinfo-org-value').text(ipinfoOrg);
                        $('.ipinfo-postal-value').text(ipinfoPostal);
                        $('.ipinfo-timezone-value').text(ipinfoTimeZone);
                        $('.VSPF-value').text(voice_service_provider)
                        // if (socialMedia1 === "-" && socialMedia2 === "-" && socialMedia3 === "-") {
                        //     $('.blank_social_media').text("-");
                        // }
                    }

                    function showkycuserinfo(id, kycType) {
                        jQuery.ajax({
                            type: "GET",
                            dataType: "json",
                            url: baseURL + "getUserInfoOfKyc?id=" + id + "&kyctype=" + kycType,
                            success: function(res) {
                                if (res.message == "success") {
                                    $("#loaderModal").hide();
                                    // $('#EditBTN').attr('data-id', id);
                                    $('.EditBTN').attr('data-id', id);
                                    // if (kycType == 'Number Recon') {
                                    //     $('#showUserInfoRecon').html(res.data);
                                    //     $("#showUserInfoRecon").css({
                                    //         "visibility": "visible",
                                    //         "display": "block"
                                    //     });
                                    //     return true;
                                    // }
                                    if (res.getKYCNew == "" || res.getKYCold == "") {
                                        $('.user-info-type-tab').css('display', 'none');
                                        if (res.getKyc != "") {
                                            console.log("inside if block res.kyc is not null");
                                            $("#showUserInfo").css({
                                                "visibility": "visible",
                                                "display": "block"
                                            });
                                            showkycuserinfodataonpopup(res.getKyc);
                                        }
                                    } else {
                                        if (res.getKYCNew == "" || res.getKYCold == "") {
                                            $('.user-info-type-tab').css('display', 'none');
                                            if (res.getKyc != "") {
                                                $("#showUserInfo").css({
                                                    "visibility": "visible",
                                                    "display": "block"
                                                });
                                                showkycuserinfodataonpopup(res.getKyc);
                                            }
                                        } else {
                                            if (res.getKYCNew == "") {
                                                console.log('get kyc  new is null');
                                                $('.user-info-type-tab').css('display', 'none');
                                                if (res.getKyc != "") {
                                                    console.log('get kyc  new is not null');
                                                    $("#showUserInfo").css({
                                                        "visibility": "visible",
                                                        "display": "block"
                                                    });
                                                    showkycuserinfodataonpopup(res.getKyc);
                                                }
                                            } else {
                                                document.body.style.overflow = 'hidden';
                                                $(".user-new").css("text-decoration", "underline");
                                                $(".user-new").css("text-underline-position", "under");
                                                $(".user-old").css("text-decoration", "none");
                                                $(".user-old").css("text-underline-position", "none");
                                                $(".user-old").css("background-color", "white");

                                                $('.user-info-type-tab').css('display', 'block');
                                                $("#showUserInfo").css({
                                                    "visibility": "visible",
                                                    "display": "block"
                                                });
                                                showkycuserinfodataonpopup(res.getKYCNew);
                                                $('.user-new').click(function() {

                                                    $(".user-new").css("text-decoration", "underline");
                                                    $(".user-new").css("text-underline-position",
                                                        "under");
                                                    $(".user-old").css("text-decoration", "none");
                                                    $(".user-old").css("text-underline-position",
                                                        "none");
                                                    $(".user-old").css("background-color", "white");

                                                    $('.user-info-type-tab').css('display', 'block');
                                                    $("#showUserInfo").css({
                                                        "visibility": "visible",
                                                        "display": "block"
                                                    });
                                                    showkycuserinfodataonpopup(res.getKYCNew);
                                                });
                                                $('.user-old').click(function() {

                                                    $(".user-old").css("text-decoration", "underline");
                                                    $(".user-old").css("text-underline-position",
                                                        "under");
                                                    $(".user-new").css("text-decoration", "none");
                                                    $(".user-new").css("text-underline-position",
                                                        "none");
                                                    $(".user-new").css("background-color", "white");
                                                    console.log(
                                                        'get kyc  new is not null else click user-new'
                                                        );

                                                    $('.user-info-type-tab').css('display', 'block');
                                                    $("#showUserInfo").css({
                                                        "visibility": "visible",
                                                        "display": "block"
                                                    });
                                                    showkycuserinfodataonpopup(res.getKYCold);
                                                });
                                            }
                                        }

                                        if (res.customer_info) {
                                            $('.customer-account-type').prop('checked', false);
                                            $('.customer-account-type[value="' + res.customer_info
                                                .account_type + '"]').prop('checked', true);

                                            var acc_code = res.customer_info.account_code;
                                            var codeArr = acc_code.split("-");
                                            accountTp = res.customer_info.account_type;

                                            if (res.customer_info.account_type == 'Partner') {
                                                $('.partner-dropdown').hide();
                                                $('.account-dropdown').hide();
                                                $('.has-service-instance, .kyc-required, .portal-access')
                                            .hide();
                                                $('.customer-services-container').show();
                                                $('.partner-code').val(codeArr[0]);
                                            }
                                            if (res.customer_info.account_type == 'Account') {
                                                $('.partner-dropdown').show();
                                                $('.account-dropdown').hide();
                                                // $('.has-service-instance').show();
                                                $('.has-service-instance, .kyc-required, .portal-access')
                                            .show();
                                                $('.customer-services-container').show();
                                                $('.partner-code').val(codeArr[0]);
                                                $('.account-code').val(codeArr[1]);
                                                $("#partners_dd").val(res.customer_info.parent_account_id)
                                                    .fSelect('reload');
                                                if (res.customer_info.has_service_instance) {
                                                    $('.service_instance').prop('checked', true);
                                                    $('.kyc-required').show();
                                                    $('.portal-access').show();
                                                    if (res.customer_info.is_kyc_needed) {
                                                        $('.kyc_required').prop('checked', true);
                                                    }
                                                    if (res.customer_info.is_portal_access) {
                                                        $('.portal_access').prop('checked', true);
                                                    }
                                                } else {
                                                    $('.kyc-required').hide();
                                                    $('.portal-access').hide();
                                                }
                                            }
                                            if (res.customer_info.account_type == 'ServiceInstance') {
                                                $('.account-dropdown').show();
                                                $('.partner-dropdown').hide();
                                                $('.has-service-instance, .kyc-required, .portal-access')
                                            .hide();
                                                $('.customer-services-container').hide();
                                                $('.partner-code').val(codeArr[0]);
                                                $('.account-code').val(codeArr[1]);
                                                $('.service-instance-code').val(codeArr[2]);
                                                $("#accounts_dd").val(res.customer_info.parent_account_id)
                                                    .fSelect('reload');
                                            }
                                        }
                                        if (res.getKyc.status != 1) {
                                            getAbbreviation();
                                        } else {
                                            $('.abbr input').attr('readonly', true);
                                        }
                                        //$(".payment_overlay").hide();
                                    }
                                }
                            }
                        });
                    }

                    $('#DownloadBTN').on('click', function() {
                        downloadKycuserinfo(kycuserinfo)
                    });

                    // $('#EditBTN').on('click', function(e) {
                    $('.EditBTN').on('click', function(e) {
                        e.preventDefault();
                        let randomString = generateRandomString(10);
                        console.log('random string', randomString);
                        // let ID = $(this).data('id'); // get value of data-iis
                        let ID = $(this).attr('data-id');
                        updateAdminKeyInKycUsers(ID, randomString);
                        let baseUrl = "{{ envVariables('MarketingSiteURL') }}" +
                        "kyc-form/"; // replace with your target URL
                        let finalUrl = baseUrl + "#" + ID + "/" + randomString;

                        console.log('final url', finalUrl);

                        // window.location.href = finalUrl; // this opens the URL in the same tab

                        // OR open in a new tab:
                        window.open(finalUrl, '_blank');
                    });

                    function downloadKycuserinfo(content) {
                        var columnMapping = {
                            'business_name': 'Business Name',
                            'type_of_business': 'Type of Business',
                            'business_state': 'State(in which business is registered)',
                            'federal_ein': 'Federal EIN',
                            'website': 'Website URL',
                            'user_billing_method': 'Billing Method',
                            'senior_executive_contact': 'Senior Executive Contact',
                            'phone': 'Phone Number',
                            'email': 'Email',
                            'dun': 'Dun & Bradstreet DUNs Numbers',
                            // 'social_media1': 'Social Media',
                            'usa_address1': 'USA Physical Address',
                            'city': 'City',
                            'zip': 'Zip Code',
                            'monthly_outbound_value': 'Approximate Monthly Outbound Call Volume',
                            'type_of_call': 'Types Of calls',
                            'call_purpose': 'Call Purpose',
                            'username': 'The information is submitted by',
                            'user_email': 'User Email',
                            'state': 'User State',
                            'user_phone': 'User Phone Number',
                            'reject_message': 'Reason For Rejection',
                            'user_agent': 'User Agent',
                            'remote_IP': 'Remote IP',
                            'ipinfo_country': 'Country',
                            'ipinfo_city': 'City',
                            'ipinfo_region': 'Region',
                            'ipinfo_loc': 'Location',
                            'ipinfo_org': 'Organisation',
                            'ipinfo_postal': 'Postal',
                            'ipinfo_timezone': 'Time Zone',
                        };

                        var columnsToInclude = Object.keys(columnMapping);

                        function formatContent(key, value) {
                            if (value === null || value === undefined || value === " ") {
                                return `${columnMapping[key]}: _`;
                            } else {
                                return `${columnMapping[key]}: ${value}`;
                            }
                        }

                        var formattedContent = Object.entries(content)
                            .filter(([key]) => columnsToInclude.includes(key))
                            .map(([key, value]) => formatContent(key, value))
                            .join('\n\n');

                        var blob = new Blob([formattedContent], {
                            type: 'text/plain;charset=UTF-8'
                        });

                        var link = document.createElement('a');
                        link.href = window.URL.createObjectURL(blob);
                        link.download = `${content.first_name}_kyc_data.txt`;
                        document.body.appendChild(link);
                        link.click();
                        document.body.removeChild(link);
                        window.URL.revokeObjectURL(link.href);
                    }

                    function getallhitoryfile(id) {
                        var current_user_id = id;
                        jQuery.ajax({
                            type: "GET",
                            dataType: "json",
                            url: baseURL + "GetAllUserTemplateList?user_id=" + current_user_id,
                            success: function(res) {
                                if (res.status == "success") {
                                    var record = res.data;
                                    var outputTemplateFiles = "";

                                    // Destroy existing DataTable if it exists
                                    if ($.fn.DataTable.isDataTable('#listTemplateFilesTable')) {
                                        $('#listTemplateFilesTable').DataTable().clear().destroy();
                                    }

                                    $("#listTemplateFilesTable tbody").html('');

                                    if (record.length > 0) {
                                        jQuery.each(record, function(i, item) {
                                            var templateFileNameURL = record[i].template_aws_url;
                                            var templateFileDate = record[i].created_at;
                                            var templateFileName = record[i].name;
                                            outputTemplateFiles += '<tr>';
                                            outputTemplateFiles += '<td>';
                                            outputTemplateFiles +=
                                                '<div class="label-text filename" title="' +
                                                templateFileName + '">';
                                            if (templateFileName.length > 30)
                                                templateFileName = templateFileName.substring(0, 30) +
                                                '...';
                                            outputTemplateFiles += '' + templateFileName + '';
                                            outputTemplateFiles += '</div>';
                                            outputTemplateFiles += '</td>';
                                            outputTemplateFiles += '<td>';
                                            outputTemplateFiles += '<div class="label-text">' +
                                                templateFileDate + '</div>';
                                            outputTemplateFiles += '</td>';
                                            outputTemplateFiles += '<td>';
                                            outputTemplateFiles +=
                                                '<div class="label-text download" title="Download"><a href="' +
                                                templateFileNameURL + '" download>Download</a></div>';
                                            outputTemplateFiles += '</td>';
                                            outputTemplateFiles += '</tr>';
                                        });
                                        $("#listTemplateFilesTable tbody").append(outputTemplateFiles);
                                        priorDownloadTemplatePopupDatatableFunc();
                                    } else {
                                        var noDataHtml =
                                            '<tr role="row" class="odd"><td colspan="3">No records found</td></tr>';
                                        $('#listTemplateFilesTable tbody').html(noDataHtml);

                                        // Hide pagination and info when no data
                                        $('#listTemplateFilesTable_wrapper .dataTables_paginate').hide();
                                        $('#listTemplateFilesTable_wrapper .dataTables_info').hide();
                                    }
                                }
                                $(".payment_overlay").hide();
                            }
                        });
                    }

                    function priorDownloadTemplatePopupDatatableFunc() {
                        var dtable = $('#listTemplateFilesTable').DataTable({
                            "pagingType": "full_numbers",
                            "retrieve": true,
                            "aaSorting": [],
                            "pageLength": 10,
                            "responsive": {
                                "breakpoints": [{
                                        name: 'desktop',
                                        width: Infinity
                                    },
                                    {
                                        name: 'tablet',
                                        width: 1024
                                    },
                                    {
                                        name: 'fablet',
                                        width: 768
                                    },
                                    {
                                        name: 'phone',
                                        width: 480
                                    }
                                ]
                            }
                        });

                        $('#listTemplateFilesTable_wrapper > table').wrap('<div class="table-responsive"></div>');
                    }
                    $('.PWNoBTN').click(function() {
                        // var str = $(this).attr('id');
                        // var id = str.split('-')[1];
                        hideapprovepopup();
                        location.reload();
                    });
                    $('.PWUpdateNoBTN').click(function() {
                        var str = $(this).attr('id');
                        var id = str.split('-')[1];
                        hideupdateapprovepopup(id);
                    });
                    $('.PwYesBTN').on('click', function(event) {
                        event.preventDefault();
                        var id = $("#approvepopupid").val();
                        var kyc_type = " ";
                        var type = "Approve";
                        var status = 1;
                        var msg = null;
                        var is_update = 0;
                        var PwYesBTNselectApprovalType = $("#PwYesBTNselectApprovalType").val();
                        var PwYesBTNselectBillingMethod = $(".myPWModalPwYesBTNselectBillingMethod").val();
                        var customplan = $('#pw_yes_custom_plan').val();
                        var planType = $('#PwYesBTNCustomPlan').val();
                        var couponCode = $("#coupon_code").val();
                        // TestCallFunction(id, type, msg, status, is_update, kyc_type, PwYesBTNselectApprovalType, PwYesBTNselectBillingMethod,customplan,planType);

                        var isValid = true;
                        if (planType == "custom" && customplan == "") {
                            $('#myPWModal .select_custom_plan_error').text('Please Add Custom Plan').show();
                            isValid = false;
                        }

                        var accountType = jQuery('#myPWModal .customer-account-type:checked').val();
                        var parentAccount = 0;
                        var selectedPartner = jQuery('#myPWModal .partners_dropdown').val();
                        var selectedAccount = jQuery('#myPWModal .account_dropdown').val();
                        var has_service_instance = 0;
                        var is_kyc_required = 0;
                        var is_portal_access = 0;
                        var partner_code = jQuery('#myPWModal .partner-code').val();
                        var acc_code = jQuery('#myPWModal .account-code').val();
                        var service_instance_code = jQuery('#myPWModal .service-instance-code').val();
                        var account_code = partner_code;
                        var go_portal_access = 0;

                        if (typeof accountType === 'undefined') {
                            $('#myPWModal .select_account_type_error').text('Please select account type').show();
                            isValid = false;
                        }

                        if (accountType == 'Partner') {
                            if (partner_code == "" || partner_code == null) {
                                $('#myPWModal .add_partner_code_error').text('Please select/add partner code')
                                .show();
                                isValid = false;
                            }
                        }

                        if (accountType == 'Account') {
                            account_code += '-' + acc_code;
                            parentAccount = selectedPartner;
                            if (selectedPartner == '') {
                                $('#myPWModal .select_partner_error').text('Please select a partner').show();
                                isValid = false;
                            }
                            if ($('#myPWModal .service_instance').is(':checked')) {
                                has_service_instance = 1;
                            }
                            if ($('#myPWModal .kyc_required').is(':checked')) {
                                is_kyc_required = 1;
                            }
                            if ($('#myPWModal .portal_access').is(':checked')) {
                                is_portal_access = 1;
                            }
                            if (acc_code == '') {
                                $('#myPWModal .add_account_code_error').text('Please select/add account code')
                                .show();
                                isValid = false;
                            }
                        }

                        if (accountType == 'ServiceInstance') {
                            account_code += '-' + acc_code + '-' + service_instance_code;
                            parentAccount = selectedAccount;
                            if (selectedAccount == '') {
                                $('#myPWModal .select_account_error').text('Please select an account').show();
                                isValid = false;
                            }
                            if (service_instance_code == '') {
                                $('#myPWModal .add_service_instance_code_error').text(
                                    'Please select/add service instance code').show();
                                isValid = false;
                            }
                        }

                        // if($('#myPWModal .is_go_portal_access').is(':checked')) {
                        if ($('#myPWModal #go_portal_id').is(':checked')) {
                            go_portal_access = 1;
                        }

                        var additionalData = {
                            account_type: accountType,
                            parent_account: parentAccount,
                            has_service_instance: has_service_instance,
                            kyc_required: is_kyc_required,
                            portal_access: is_portal_access,
                            account_code: account_code,
                            go_portal_access: go_portal_access,
                        };

                        if (isValid) {
                            $('.select_account_type_error, .select_partner_error, .select_account_error, .select_custom_plan_error')
                                .hide();
                            TestCallFunction(id, type, msg, status, is_update, kyc_type, PwYesBTNselectApprovalType,
                                PwYesBTNselectBillingMethod, customplan, planType, couponCode, additionalData);
                        }

                    });


                    $('.PwUpdateYesBTN').click(function() {
                        var id = $("#PwUpdateYesBTNid").val();
                        var kyc_type = "";
                        var type = "Approve";
                        var is_update = 1;
                        var status = 1;
                        var msg = null;
                        var PwUpdateYesBTNselectApprovalType = $("#PwUpdateYesBTNselectApprovalType").val();
                        var PwYesBTNselectBillingMethod = $(".myPWUPdateModalPwYesBTNselectBillingMethod").val();
                        var customplan = "";
                        var PlanType = "standard";
                        console.log("PwUpdateYesBTN", PwUpdateYesBTNselectApprovalType);
                        TestCallFunction(id, type, msg, status, is_update, kyc_type,
                            PwUpdateYesBTNselectApprovalType, PwYesBTNselectBillingMethod, customplan, PlanType);
                    });
                    $('.PwUpdateRejectYesBTN').click(function() {
                        var str = $(this).attr('id');
                        var id = str.split('-')[1];
                        var kyc_type = str.split('-')[2];
                        var type = "Decline";
                        var is_update = 2;
                        var status = 1;
                        var msg = null;
                        var selectapprovaltype = " ";
                        var PwYesBTNselectBillingMethod = $("#PwYesBTNselectBillingMethod").val();
                        var customplan = "";
                        var PlanType = "standard";
                        TestCallFunction(id, type, msg, status, is_update, kyc_type, selectapprovaltype,
                            PwYesBTNselectBillingMethod, customplan, PlanType);
                    });

                    $('.PwuserexistYesBTN').click(function() {
                        var str = $(this).attr('id');
                        var id = str.split('-')[1];
                        var kyc_type = str.split('-')[2];
                        var msg = " ";
                        var type = "Approve";
                        var status = 1;
                        var msg = null;
                        var is_update = 0;
                        var PwuserexistYesBTNselectApprovalType = $("#PwuserexistYesBTNselectApprovalType").val();
                        var PwYesBTNselectBillingMethod = $(".myPWApprovalUpdateModalPwYesBTNselectBillingMethod")
                            .val();
                        var customplan = "";
                        var planTyle = "standard";
                        console.log("PwuserexistYesBTN", PwuserexistYesBTNselectApprovalType)
                        TestCallFunction(id, type, msg, status, is_update, kyc_type,
                            PwuserexistYesBTNselectApprovalType, PwYesBTNselectBillingMethod, customplan,
                            planTyle);
                    });
                    $('.PwRejectYesBTN').click(function() {
                        var id = $("#kyc_rejection_userid").val();
                        var msg = $("textarea#rejectMsg").val();
                        var type = "Decline";
                        var status = 2;
                        var is_update = 0;
                        var kyc_update = $("#kyc_type").val();
                        var selectapprovaltype = " ";
                        var PwYesBTNselectBillingMethod = $("#PwYesBTNselectBillingMethod").val();
                        var customplan = "";
                        var planTyle = "standard";
                        if (msg == "" || msg == null) {
                            $('.decline-error').show();
                        } else {
                            TestCallFunction(id, type, msg, status, is_update, kyc_update, selectapprovaltype,
                                PwYesBTNselectBillingMethod, customplan, planTyle);
                        }

                    });
                    $('#temporaryRejectYesBTN').click(function() {
                        var id = $("#kyc_rejection_userid").val();
                        temporaryRejection(id);
                    });
                    $('.PWRejectNoBTN').click(function() {
                        var str = $(this).attr('id');
                        var id = str.split('-')[1];
                        $("#rejectMsg").val('');
                        hiderejectpopup(id);
                    });
                    $('.PWuserexistNoBTN').click(function() {
                        var str = $(this).attr('id');
                        var id = str.split('-')[1];
                        hidealreadyapprovepopup(id);
                    });
                    $('.PwApprovalYesBTN').on('click', function(event) {
                        event.preventDefault();
                        var id = $("#approval_change_id").val();
                        var selctedApproval = $("#selectApprovalType").val();
                        var msg = "";
                        var type = "Approve";
                        var status = 1;
                        var is_update = 0;
                        var kyc_type = " ";
                        var customplan = $("#my_pwa_custom_plan").val();
                        var PwYesBTNselectBillingMethod = $(".myPWApprovalUpdateModalPwYesBTNselectBillingMethod")
                            .val();
                        var planType = $("#myPWABTNCustomPlan").val();
                        var couponCode = $("#prepopulateCouponCode").val();
                        var isValid = true;
                        if (planType == "custom" && customplan == "") {
                            $('.select_custom_plan_error').text('Please Add Custom Plan').show();
                            isValid = false;
                        }

                        var isValid = true;
                        if (planType == "custom" && customplan == "") {
                            $('#myPWApprovalUpdateModal .select_custom_plan_error').text('Please Add Custom Plan')
                                .show();
                            isValid = false;
                        }

                        var accountType = jQuery('#myPWApprovalUpdateModal .customer-account-type:checked').val();
                        var parentAccount = 0;
                        var selectedPartner = jQuery('#myPWApprovalUpdateModal .partners_dropdown').val();
                        var selectedAccount = jQuery('#myPWApprovalUpdateModal .account_dropdown').val();
                        var has_service_instance = 0;
                        var is_kyc_required = 0;
                        var is_portal_access = 0;
                        var partner_code = jQuery('#myPWApprovalUpdateModal .partner-code').val();
                        var acc_code = jQuery('#myPWApprovalUpdateModal .account-code').val();
                        var service_instance_code = jQuery('#myPWApprovalUpdateModal .service-instance-code').val();
                        var account_code = partner_code;
                        var go_portal_access = 0;

                        if (typeof accountType === 'undefined') {
                            $('#myPWApprovalUpdateModal .select_account_type_error').text(
                                'Please select account type').show();
                            isValid = false;
                        }

                        if (accountType == 'Account') {
                            account_code += '-' + acc_code;
                            parentAccount = selectedPartner;
                            if (selectedPartner == '') {
                                $('#myPWApprovalUpdateModal .select_partner_error').text('Please select a partner')
                                    .show();
                                isValid = false;
                            }
                            if ($('#myPWApprovalUpdateModal .service_instance').is(':checked')) {
                                has_service_instance = 1;
                            }
                            if ($('#myPWApprovalUpdateModal .kyc_required').is(':checked')) {
                                is_kyc_required = 1;
                            }
                            if ($('#myPWApprovalUpdateModal .portal_access').is(':checked')) {
                                is_portal_access = 1;
                            }
                        }

                        if (accountType == 'ServiceInstance') {
                            account_code += '-' + acc_code + '-' + service_instance_code;
                            parentAccount = selectedAccount;
                            if (selectedAccount == '') {
                                $('#myPWApprovalUpdateModal .select_account_error').text('Please select an account')
                                    .show();
                                isValid = false;
                            }
                        }

                        // if($('#myPWApprovalUpdateModal .is_go_portal_access').is(':checked')) {
                        if ($('#myPWApprovalUpdateModal #go_portal_id').is(':checked')) {
                            go_portal_access = 1;
                        }

                        var additionalData = {
                            account_type: accountType,
                            parent_account: parentAccount,
                            has_service_instance: has_service_instance,
                            kyc_required: is_kyc_required,
                            portal_access: is_portal_access,
                            account_code: account_code,
                            go_portal_access: go_portal_access,
                        };

                        if (isValid) {
                            $('.select_account_type_error, .select_partner_error, .select_account_error, .select_custom_plan_error')
                                .hide();
                            TestCallFunction(id, type, msg, status, is_update, kyc_type, selctedApproval,
                                PwYesBTNselectBillingMethod, customplan, planType, couponCode, additionalData);
                        }

                        // TestCallFunction(id, type, msg, status, is_update, kyc_type, selctedApproval, PwYesBTNselectBillingMethod,customplan,planType);

                    });

                    $('#PwApprovalYesBTNRecon').click(function() {
                        var id = $("#approval_change_id_recon").val();
                        var selctedApproval = $("#selectApprovalType").val();
                        var msg = "";
                        var type = "Approve";
                        var status = 1;
                        var is_update = 0;
                        var kyc_type = "Number Recon";
                        var PwYesBTNselectBillingMethod = $("#PwYesBTNselectBillingMethod").val();
                        var customplan = "";
                        var planType = 'standard';
                        TestCallFunction(id, type, msg, status, is_update, kyc_type, selctedApproval,
                            PwYesBTNselectBillingMethod, customplan, planType);
                    });

                    function showapprovepopup(id) {
                        $('#PwYesBTNCustomPlan').val('standard');
                        $('#pw_yes_custom_plan_div').css({
                            "visibility": "hidden",
                        });
                        $("#myPWModal").fadeToggle();
                        $("#myPWModal").css({
                            "visibility": "visible",
                            "display": "block"
                        });
                        var approvalid = $("#approvepopupid").val(id);
                    }

                    function showapproveupdatedpopup(id) {
                        $("#myPWUPdateModal").fadeToggle();
                        $("#myPWUPdateModal").css({
                            "visibility": "visible",
                            "display": "block"
                        });
                        $("#PwUpdateYesBTNid").val(id);

                    }

                    function showrejectupdatedpopup(id) {
                        $("#myPWUPdateRejectModal-" + id).fadeToggle();
                        $("#myPWUPdateRejectModal-" + id).css({
                            "visibility": "visible",
                            "display": "block"
                        });
                    }

                    function hiderejectupdatedpopup(id) {
                        $("#myPWUPdateRejectModal-" + id).fadeToggle();
                        $("#myPWUPdateRejectModal-" + id).css({
                            "visibility": "hidden",
                            "display": "none"
                        });
                    }

                    function showalreadyapprovepopup(id) {
                        $("#myPWuserexistModal-" + id).fadeToggle();
                        $("#myPWuserexistModal-" + id).css({
                            "visibility": "visible",
                            "display": "block"
                        });
                    }

                    function hidealreadyapprovepopup(id) {
                        $("#myPWuserexistModal-" + id).fadeToggle();
                        $("#myPWuserexistModal-" + id).css({
                            "visibility": "visible",
                            "display": "none"
                        });
                    }

                    function showrejectpopup(id) {
                        $("#myRejectPWModal").fadeToggle();
                        $("#myRejectPWModal").css({
                            "visibility": "visible",
                            "display": "block"
                        });
                        $('.decline-error').hide();
                    }

                    function showDwHistoypopup(id) {
                        $("#downloadHistoryFile").fadeToggle();
                        $("#downloadHistoryFile").css({
                            "visibility": "visible",
                            "display": "block"
                        });
                        console.log(id);
                        getallhitoryfile(id);
                    }

                    function hideDwHistoypopup() {

                        $("#downloadHistoryFile").fadeToggle();
                        $("#downloadHistoryFile").css({
                            "visibility": "visible",
                            "display": "none"
                        });
                        // getallhitoryfile(id);
                    }

                    function hiderejectpopup(id) {
                        $("#myRejectPWModal").fadeToggle();
                        $("#myRejectPWModal").css({
                            "visibility": "visible",
                            "display": "none"
                        });
                    }

                    function hideapprovepopup(id) {
                        $("#myPWModal").fadeToggle();
                        $("#myPWModal").css({
                            "visibility": "hidden",
                            "display": "none"
                        });
                    }

                    function hideupdateapprovepopup() {
                        $("#myPWUPdateModal").fadeToggle();
                        $("#myPWUPdateModal").css({
                            "visibility": "hidden",
                            "display": "none"
                        });
                    }

                    function showAddtemplatePopup(id) {
                        $("#addTemplateModel").fadeToggle();
                        $("#addTemplateModel").css({
                            "visibility": "visible",
                            "display": "block"
                        });
                    }

                    function hideAddtemplatePopup(id) {
                        $("#addTemplateModel").fadeToggle();
                        $("#addTemplateModel").css({
                            "visibility": "hidden",
                            "display": "none"
                        });
                        $(".displayfilename").text("");
                    }
                    var baseURL = "{{ URL::to('/') }}" + "/";
                    $("#my-active-status").on('change', function() {
                        var status = $("#my-active-status").val();
                        $("#loaderModal").show();
                        window.location.href = baseURL + "Qwewretrtrfgc/" + status;

                    });
                    var str = $(location).attr('href');
                    const last = str.charAt(str.length - 1);
                    $("#my-active-status").val(last);

                    function TestCallFunction(id, type, msg, status, is_update, kyc_update, selectapprovaltype,
                        PwYesBTNselectBillingMethod, customplan, planType, couponCode = '', additionalInfo = {}) {
                        $("#loaderModal").show();
                        console.log(selectapprovaltype)

                        var urlLink = baseURL + "UpdateApprovedData"
                        $.ajax({
                            type: "POST",
                            url: urlLink,
                            data: {
                                id,
                                type,
                                msg,
                                is_update,
                                kyc_update,
                                selectapprovaltype,
                                PwYesBTNselectBillingMethod,
                                customplan,
                                planType,
                                couponCode,
                                additionalInfo
                            },
                            success: function(response) {
                                if (response.status == 200) {
                                    window.location.href = baseURL + "Qwewretrtrfgc/0";
                                    $("#loaderModal").hide();
                                }
                                if (response.status == 401) {
                                    $('.my_pwa_custom_plan_error').show();
                                    $('.pw_yes_custom_plan_error').show();
                                    $('.my_pwa_custom_plan_error').text(response.message);
                                    $('.pw_yes_custom_plan_error').text(response.message);
                                    $("#loaderModal").hide();
                                }
                                if (response.status == 301) {
                                    $('.serviceRequestApprovalmodal').show();
                                    $("#loaderModal").hide();
                                } else if (!response.success && response.status == 403) {
                                    $('.coupon_code_validation_error').text(response.errors.coupon_code).show();
                                    $("#loaderModal").hide();
                                } else {
                                    location.reload();
                                }
                                //  $("#loaderModal").show();
                            },
                            error: (resp) => {
                                console.log(resp)
                            }
                        });
                    }

                    function temporaryRejection(id) {
                        var urlLink = baseURL + "temporaryRejection"
                        $.ajax({
                            type: "POST",
                            url: urlLink,
                            data: {
                                id
                            },
                            success: function(response) {

                            },
                            error: (resp) => {
                                console.log(resp)
                            }
                        });
                    }

                    function updateAdminKeyInKycUsers(ID, randomString) {
                        var urlLink = baseURL + "updateAdminKeyInKycUsers"
                        $.ajax({
                            type: "POST",
                            url: urlLink,
                            data: {
                                'id': ID,
                                'randomString': randomString
                            },
                            success: function(response) {

                            },
                            error: (resp) => {
                                console.log(resp)
                            }
                        });
                    }

                    function generateRandomString(length) {
                        const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
                        let result = '';
                        for (let i = 0; i < length; i++) {
                            const randomIndex = Math.floor(Math.random() * characters.length);
                            result += characters.charAt(randomIndex);
                        }
                        return result;
                    }
                    var intervalId = ''
                    $("form#add-numbers-form").submit(function(e) {
                        e.preventDefault();
                        $("#loaderModal").show();
                        var formData = new FormData(this);
                        var randomString = generateRandomString(10);
                        formData.append('randomString', randomString);
                        console.log(formData);

                        $.ajax({
                            url: baseURL + "adminnsertOdnNumbers",
                            type: 'POST',
                            data: formData,
                            success: function(response) {
                                if (response.status_code == "success" || response.status_code ==
                                    "Successful" || response.status_code == "Number Updated") {
                                    $("#addTemplateModel").fadeToggle();
                                    $("#addTemplateModel").css({
                                        "visibility": "hidden",
                                        "display": "none"
                                    });
                                    $("#loaderModal").css({
                                        "visibility": "hidden",
                                        "display": "none"
                                    });
                                    $("#snackbar").fadeToggle();
                                    $("#snackbar").css({
                                        "visibility": "visible",
                                        "display": "block"
                                    });
                                    // $("#snackbar").hide('blind', {}, 5000);

                                    //window.location.href =  baseURL + "Qwewretrtrfgc/0";
                                } else if (response.status_code == 301) {
                                    jQuery('.simple-error-modal').show();
                                    jQuery('.simple-error-modal-msg-text').text(
                                        'The Number Shield DID upload template format is incorrect. Please try with .XLSX or .CSV'
                                        );
                                    $("#loaderModal").css({
                                        "visibility": "hidden",
                                        "display": "none"
                                    });
                                } else if (response.status_code == 300) {
                                    jQuery('.simple-error-modal').show();
                                    jQuery('.simple-error-modal-msg-text').text(
                                        'Uploaded Template is incorrect, Please download latest template and try to upload agian.'
                                        );
                                    $("#loaderModal").css({
                                        "visibility": "hidden",
                                        "display": "none"
                                    });
                                } else if (response.status_code == 200) {
                                    $("#addTemplateModel").fadeToggle();
                                    $("#addTemplateModel").css({
                                        "visibility": "hidden",
                                        "display": "none"
                                    });
                                    $("#loaderModal").css({
                                        "visibility": "hidden",
                                        "display": "none"
                                    });
                                    jQuery('.simple-success-modal').show();
                                    jQuery('.simple-success-modal-msg-text').text(response.message);
                                    checkIfFileUploaded(formData);
                                    intervalId = setInterval(function() {
                                        checkIfFileUploaded(formData);
                                    }, 15000);

                                } else {
                                    $("#addTemplateModel").fadeToggle();
                                    $("#addTemplateModel").css({
                                        "visibility": "hidden",
                                        "display": "none"
                                    });
                                    $("#loaderModal").css({
                                        "visibility": "hidden",
                                        "display": "none"
                                    });
                                    jQuery('.simple-error-modal').show();
                                    jQuery('.simple-error-modal-msg-text').text(
                                        'Uploaded Template is incorrect, Please download latest template and try to upload agian.'
                                        );
                                    $("#loaderModal").css({
                                        "visibility": "hidden",
                                        "display": "none"
                                    });
                                    // if(response.status_code == 300){
                                    //     $('.errorText').text("Uploaded Template is incorrect, Please download latest template and try to upload agian.");
                                    // }else{
                                    //     $('.errorText').text("We Found Errors In Your Recent Uploaded DID's File. Please Check File Status");
                                    // }
                                }
                                $('#numbers-file-upload').val('');
                                $(".displayfilename").text("");
                            },

                            cache: false,
                            contentType: false,
                            processData: false
                        });


                    });

                    function checkIfFileUploaded(formData) {
                        $.ajax({
                            url: baseURL + "checkDIDFileUpload",
                            type: 'POST',
                            data: formData,
                            success: function(response) {
                                if (response.statusCode == 200 && response.message == "Data Found") {
                                    if (response.data == 1 && (response.error_msg == '' || response.error_msg ==
                                            null)) {
                                        jQuery('.simple-success-modal').hide();
                                        jQuery('.simple-error-modal').show();
                                        jQuery('.simple-error-modal-msg-text').text(
                                            'There is an error in your recent uploaded template. Please check file status for more information.'
                                            );
                                        clearInterval(intervalId);
                                    } else if (response.data == 1 && (response.error_msg != '' || response
                                            .error_msg != null)) {
                                        jQuery('.simple-success-modal').hide();
                                        jQuery('.simple-error-modal').show();
                                        jQuery('.simple-error-modal-msg-text').text(
                                            'DID template uploaded successfully, Please check file status for more information. But we found error in switch(edge) API Side. Please contact Dev team.'
                                            );
                                        clearInterval(intervalId);
                                    } else {
                                        jQuery('.simple-success-modal').show();
                                        jQuery('.simple-success-modal-msg-text').text(
                                            'DID template uploaded successfully, Please check file status for more information.'
                                            );
                                        clearInterval(intervalId);
                                    }
                                }
                            },
                            cache: false,
                            contentType: false,
                            processData: false
                        });
                    }

                    function changeTypeOFApproval(approvaltype) {
                        // $("#selectApprovalType").val(kyc_type);
                        $("#myPWApprovalUpdateModal").fadeToggle();
                        $("#myPWApprovalUpdateModal").css({
                            "visibility": "visible",
                            "display": "block"
                        });
                        // console.log(approvaltype);
                        var approvaltypeval = $("#selectApprovalType").val(approvaltype);
                    }

                    function ApporovalChangeFunction(id, selctedApproval) {
                        // e.preventDefault();
                        $.ajax({
                            // url: approvalchangeurl,
                            type: 'POST',
                            //    data: postData,
                            dataType: "json",
                            url: baseURL + "changeapprovaltype?approvaltype=" + selctedApproval + "&id=" + id,
                            success: function(response) {
                                window.location.href = baseURL + "Qwewretrtrfgc/0";

                            },

                            cache: false,
                            contentType: false,
                            processData: false
                        });
                    }

                    $('#metaTable').DataTable({
                        bLengthChange: false,
                        pageLength: 10,
                        language: {
                            search: "",
                            searchPlaceholder: "Search",
                            background: "none"
                        },
                        "aoColumnDefs": [{
                            "bSortable": false,
                            "aTargets": [0]
                        }],
                    });


                    $('.customer-account-type').on('click', function() {
                        $('.customer-account-type').not(this).prop('checked', false);
                        if ($(this).is(':checked')) {
                            $('.select_account_type_error').hide();
                            if ($(this).val() == 'Partner') {
                                $('.partner-dropdown').hide();
                                $('.account-dropdown').hide();
                                $('.has-service-instance, .kyc-required, .portal-access').hide();
                                $('.customer-services-container').show();
                                $('.partner-code-box input').removeAttr('readonly');
                                $('.account-code-box').hide();
                                $('.service-instance-code-box').hide();
                            }
                            if ($(this).val() == 'Account') {
                                $('.partner-dropdown').show();
                                $('.account-dropdown').hide();
                                $('.has-service-instance').show();
                                $('.customer-services-container').show();
                                $('.partner-code-box input').attr('readonly', true);
                                $('.account-code-box').css('display', 'contents');
                                $('.account-code-box input').removeAttr('readonly');
                                $('.service-instance-code-box').hide();
                                if ($('.service_instance').is(':checked')) {
                                    $('.kyc-required, .portal-access').show();
                                }
                            }
                            if ($(this).val() == 'ServiceInstance') {
                                $('.account-dropdown').show();
                                $('.partner-dropdown').hide();
                                $('.has-service-instance, .kyc-required, .portal-access').hide();
                                $('.customer-services-container').hide();
                                $('.partner-code-box input').attr('readonly', true);
                                $('.account-code-box').css('display', 'contents');
                                $('.account-code-box input').attr('readonly', true);
                                $('.service-instance-code-box').css('display', 'contents');
                                $('.service-instance-code-box input').removeAttr('readonly');
                            }
                            accountTp = $(this).val();
                            getAbbreviation();
                        } else {
                            $('.partner-dropdown').hide();
                            $('.account-dropdown').hide();
                            $('.has-service-instance, .kyc-required, .portal-access').hide();
                            $('.customer-services-container').show();
                        }
                    });

                    $('.service_instance').on('click', function() {
                        if ($(this).is(':checked')) {
                            $('.kyc-required').show();
                            $('.portal-access').show();
                            $('.kyc_required').prop('checked', true);
                            $('.portal_access').prop('checked', true);
                        } else {
                            $('.kyc-required').hide();
                            $('.portal-access').hide();
                            $('.kyc_required').prop('checked', false);
                            $('.portal_access').prop('checked', false);
                        }
                    });

                    // $('.customer-account-code').on('input', function() {
                    //     this.value = this.value.toUpperCase();
                    // });

                    let ajaxTimeout;
                    let lastRequest = null;

                    $('.customer-account-code').on('input', function() {
                        this.value = this.value.toUpperCase();

                        let value = this.value.trim();

                        // Clear any previous timeout to debounce
                        clearTimeout(ajaxTimeout);

                        // Only trigger if input length >= 3
                        if (value.length >= 3) {

                            // Show loader
                            $('#accountCodeError').html('<i class="fa fa-spinner fa-spin"></i> Checking...').show();
                            $('.PwYesBTN').prop('disabled', true);

                            // wait 100ms after typing stops
                            ajaxTimeout = setTimeout(function() {

                                // Abort previous request if still running
                                if (lastRequest) lastRequest.abort();

                                lastRequest = $.ajax({
                                    url: baseURL + "check-account-code",
                                    type: 'POST',
                                    data: {
                                        account_code: value,
                                        _token: $('meta[name="csrf-token"]').attr('content')
                                    },
                                    success: function(response) {
                                        if (response.exists) {
                                            $('#accountCodeError')
                                                .text('Code already exists in the system!')
                                                .show();
                                            $('.PwYesBTN').prop('disabled', true);
                                        } else {
                                            $('#accountCodeError').hide();
                                            $('.PwYesBTN').prop('disabled', false);
                                        }
                                    },
                                    error: function(xhr, status) {
                                        if (status !== 'abort') { // ignore aborted requests
                                            $('#accountCodeError')
                                                .text('Error checking account codes.')
                                                .show();
                                        }
                                    },
                                    complete: function() {
                                        lastRequest = null; // mark finished
                                    }
                                });
                            }, 100); // 100ms debounce delay
                        } else {
                            $('#accountCodeError').hide();
                        }
                    });

                    $("#partners_dd, #accounts_dd").on('change', function() {
                        var closestMdl = $(this).closest('.modal');
                        var accountType = closestMdl.find('.customer-account-type:checked').val();
                        if (this.value && accountCodeArr[this.value]) {
                            var accCode = accountCodeArr[this.value];
                            var accCodeArr = accCode.split("-");

                            if (accountType == 'Partner') {
                                $('.partner-code').val(accCodeArr[0]);
                            }
                            if (accountType == 'Account') {
                                $('.partner-code').val(accCodeArr[0]);
                                $('.account-code').val(accCodeArr[1]);
                            }
                            if (accountType == 'ServiceInstance') {
                                $('.partner-code').val(accCodeArr[0]);
                                $('.account-code').val(accCodeArr[1]);
                                $('.service-instance-code').val(accCodeArr[2]);
                            }
                        }

                    });

                    $(document).on('click', '.suggestion', function() {
                        suggestionVal = $(this).text();
                        var putAbbrCls = '.account-code';

                        if (accountTp == 'Partner') {
                            putAbbrCls = '.partner-code';
                        }
                        if (accountTp == 'ServiceInstance') {
                            putAbbrCls = '.service-instance-code';
                        }
                        var closestMdl = $(this).closest('.modal-content').find(putAbbrCls).val(suggestionVal);
                    });

                    function getAbbreviation() {

                        if ($('#approval_change_id').val() > 0) {
                            return true;
                        }

                        var suggestionHtml = '<b>Available: </b> <i class="fa fa-spinner fa-spin"></i>';
                        $('.suggestions').html(suggestionHtml);

                        var abbrLength = 5;
                        var abbrCount = 5;

                        if (accountTp == 'Partner') {
                            abbrLength = 3;
                            abbrCount = 5;
                        }

                        $.ajax({
                            type: "POST",

                            data: {
                                companyName: companyName,
                                email: companyEmail,
                                length: abbrLength,
                                count: abbrCount
                            },

                            dataType: "json",

                            url: baseURL + "generate-abbreviation",

                            success: function(response) {

                                // API returned success: false with HTTP 200
                                if (response.success === false) {

                                    var message = response.message || 'Unable to generate abbreviations.';

                                    $('.suggestions').html(
                                        '<b>Available: </b><span class="text-danger">' +
                                        message +
                                        '</span>'
                                    );

                                    return;
                                }

                                var abbrArr = response.abbreviations || [];

                                var suggestionHtml = '<b>Available: </b>';

                                if (abbrArr.length === 0) {
                                    suggestionHtml +=
                                        '<span class="text-danger">No abbreviations available.</span>';

                                    $('.suggestions').html(suggestionHtml);
                                    return;
                                }

                                abbrArr.forEach(function(s) {

                                    suggestionHtml +=
                                        '<a href="javascript:void(0);" class="suggestion">' +
                                        $('<div>').text(s).html() +
                                        '</a>';
                                });

                                $('.suggestions').html(suggestionHtml);
                            },

                            error: function(jqXHR, textStatus, errorThrown) {

                                var message = 'Unable to generate abbreviations. Please try again later.';

                                /*
                                 * Get our API error response
                                 */
                                if (jqXHR.responseJSON) {

                                    if (jqXHR.responseJSON.message) {
                                        message = jqXHR.responseJSON.message;
                                    }

                                } else if (jqXHR.responseText) {

                                    try {

                                        var res_json = JSON.parse(jqXHR.responseText);

                                        if (res_json.message) {
                                            message = res_json.message;
                                        }

                                    } catch (e) {
                                        // Keep default message
                                    }
                                }

                                $('.suggestions').html(
                                    '<b>Available: </b><span class="text-danger">' +
                                    $('<div>').text(message).html() +
                                    '</span>'
                                );

                                console.log('Abbreviation API Error:', {
                                    status: jqXHR.status,
                                    code: jqXHR.responseJSON ?
                                        jqXHR.responseJSON.code :
                                        null,
                                    message: message
                                });
                            }
                        });
                    }
        });
    </script>
@endsection