From eeef23512d60e0d4123f6706a10b233e912045e2 Mon Sep 17 00:00:00 2001
From: "venkatesh.r" <venkatesh.r@venbainfotech.com>
Date: Tue, 14 Oct 2025 14:08:39 +0530
Subject: [PATCH] CHANGE_VEHICLE_NO_VALIDATION : RV

---
 .../policy_transaction_inception_form.php     | 1946 +++++++++++------
 1 file changed, 1264 insertions(+), 682 deletions(-)

diff --git a/app/Views/policy_transaction_inception_form.php b/app/Views/policy_transaction_inception_form.php
index 4ccac05a..268d952b 100644
--- a/app/Views/policy_transaction_inception_form.php
+++ b/app/Views/policy_transaction_inception_form.php
@@ -1,162 +1,260 @@
 <style>
-.co_share_table {
-    width: 39% !important;
-    /* margin-bottom: 1rem;
-    color: #212529; */
-}
-
-#insurerTableContainer {
-    /* max-height: 400px;  */
-    overflow-y: auto;
-    margin-top: 20px;
-    /* overflow-x: auto; */
-    position: relative;
-}
-
-#insurerTable thead th:first-child,
-#insurerTable tbody td:first-child {
-    position: sticky;
-    left: 0;
-    background-color: #fff; 
-    z-index: 1;
-    width: 200px; 
-    min-width: 200px;
-    max-width: 200px;
-    white-space: nowrap; 
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-#insurerTable input[type="text"] {
-    border: none;
-    box-shadow: none;
-    outline: none;
-    width: 100%;
-}
-#insurerTable th,
-#insurerTable td {
-    padding: 5px;
-    height: 30px;
-    vertical-align: middle;
-}
-
-#insurerTable select {
-    height: 30px;
-    padding: 2px 5px;
-}
-
-#insurerTable input[type="checkbox"] {
-    margin: 0;
-    height: 20px;
-    width: 20px;
-}
-#insurerTable th,
-#insurerTable th {
-    min-width: 230px;
-}
-
-.readonly-color {
-    background-color: #e0e0e0; /* Darker background */
-    color: #666; /* Darker text color */
-}
-
-.readonly-select {
-    pointer-events: none;
-    /* background-color: #f0f0f0;  */
-    background-color: #e0e0e0;
-    color: #666; 
-}
-
-.select2-hidden-accessible + .select2-container .select2-dropdown {
-    display: none !important;
-}
-
-.select2-container .select2-selection--multiple .select2-selection__choice {
-    color: #000000;
-}
-
-.highlighted {
-    background-color: #f0ad4e; 
-    color: #fff;
-}
-
-.right-align-input {
-    text-align: right;
-}
-
-.input-with-percentage {
-    position: relative;
-}
-
-.input-with-percentage input {
-    padding-right: 20px; 
-    text-align: right;   
-}
-
-.input-with-percentage::after {
-    content: '%';       
-    position: absolute;
-    right: 5px;       
-    top: 50%;
-    transform: translateY(-50%);
-    font-weight: bold;
-    color: #000;
-}
-
-/* .select2-container .select2-selection__rendered {
-    min-height: 38px;
-    display: flex;
-    align-items: center; 
-}
-
-.select2-search__field{
-    height: 0px !important;
-} */
-
-.select2-selection__choice {
-    background-color: #0a8794 !important; 
-    color: white !important;             
-    font-weight: bold;                   
-}
-
-.select2-selection__choice__remove {
-    color: white !important;        
-    margin-right: 5px;
-}
-
-:disabled {
-    background-color: #e0e0e0;
-       color: #666;
-}
-
-.info-icon {
-        color: #007bff;
-        font-size: 15px;
-        transition: 0.3s ease;
-        cursor: pointer;
+    .co_share_table {
+        width: 39% !important;
+        /* margin-bottom: 1rem;
+        color: #212529; */
     }
 
-    .info-icon:hover {
-        color: #0056b3;
-        font-size: 24px;
+    #insurerTableContainer {
+        /* max-height: 400px;  */
+        overflow-y: auto;
+        margin-top: 20px;
+        /* overflow-x: auto; */
+        position: relative;
     }
 
-/** newly implemented */
-#insurerTable thead th:first-child {  
-    border-top: 0px solid #fff !important;
-    border-bottom: 0px solid #fff !important;
-    background-color: transparent !important;
-}
-#insurerTable tbody td {  
-    border-top: 0px solid #fff !important;
-    border-bottom: 0px solid #fff !important;
-    background-color: transparent !important;
-}
-#insurerTable th{
-    color: black !important;
-    background-color: transparent !important;
-}
+    #insurerTable thead th:first-child,
+    #insurerTable tbody td:first-child {
+        position: sticky;
+        left: 0;
+        background-color: #fff; 
+        z-index: 1;
+        width: 200px; 
+        min-width: 200px;
+        max-width: 200px;
+        white-space: nowrap; 
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
 
+    #insurerTable input[type="text"] {
+        border: none;
+        box-shadow: none;
+        outline: none;
+        width: 100%;
+    }
+    #insurerTable th,
+    #insurerTable td {
+        padding: 5px;
+        height: 30px;
+        vertical-align: middle;
+    }
+
+    #insurerTable select {
+        height: 30px;
+        padding: 2px 5px;
+    }
+
+    #insurerTable input[type="checkbox"] {
+        margin: 0;
+        height: 20px;
+        width: 20px;
+    }
+    #insurerTable th,
+    #insurerTable th {
+        min-width: 230px;
+    }
+
+    .readonly-color {
+        background-color: #e0e0e0; /* Darker background */
+        color: #666; /* Darker text color */
+    }
+
+    .readonly-select {
+        pointer-events: none;
+        /* background-color: #f0f0f0;  */
+        background-color: #e0e0e0;
+        color: #666; 
+    }
+
+    .select2-hidden-accessible + .select2-container .select2-dropdown {
+        display: none !important;
+    }
+
+    .select2-container .select2-selection--multiple .select2-selection__choice {
+        color: #000000;
+    }
+
+    .highlighted {
+        background-color: #f0ad4e; 
+        color: #fff;
+    }
+
+    .right-align-input {
+        text-align: right;
+    }
+
+    .input-with-percentage {
+        position: relative;
+    }
+
+    .input-with-percentage input {
+        padding-right: 20px; 
+        text-align: right;   
+    }
+
+    .input-with-percentage::after {
+        content: '%';       
+        position: absolute;
+        right: 5px;       
+        top: 50%;
+        transform: translateY(-50%);
+        font-weight: bold;
+        color: #000;
+    }
+
+    /* .select2-container .select2-selection__rendered {
+        min-height: 38px;
+        display: flex;
+        align-items: center; 
+    }
+
+    .select2-search__field{
+        height: 0px !important;
+    } */
+
+    .select2-selection__choice {
+        background-color: #0a8794 !important; 
+        color: white !important;             
+        font-weight: bold;                   
+    }
+
+    .select2-selection__choice__remove {
+        color: white !important;        
+        margin-right: 5px;
+    }
+
+    :disabled {
+        background-color: #e0e0e0;
+        color: #666;
+    }
+
+    .info-icon {
+            color: #007bff;
+            font-size: 15px;
+            transition: 0.3s ease;
+            cursor: pointer;
+        }
+
+        .info-icon:hover {
+            color: #0056b3;
+            font-size: 24px;
+        }
+
+    /** newly implemented */
+    #insurerTable thead th:first-child {  
+        border-top: 0px solid #fff !important;
+        border-bottom: 0px solid #fff !important;
+        background-color: transparent !important;
+    }
+    #insurerTable tbody td {  
+        border-top: 0px solid #fff !important;
+        border-bottom: 0px solid #fff !important;
+        background-color: transparent !important;
+    }
+    #insurerTable th{
+        color: black !important;
+        background-color: transparent !important;
+    }
+
+</style>
+
+<style>
+    .vehicle-input-wrapper {
+        position: relative;
+    }
+
+    .vehicle-otp-container {
+        display: flex;
+        gap: 3px;
+        flex-wrap: wrap;
+    }
+
+    .vehicle-otp-box {
+        width: 34px;
+        height: 38px;
+        text-align: center;
+        font-size: 16px;
+        font-weight: 100;
+        font-family: 'Courier New', monospace;
+        border: 2px solid #ced4da;
+        border-radius: 6px;
+        text-transform: uppercase;
+        transition: all 0.2s ease;
+    }
+
+    .vehicle-otp-box:focus {
+        outline: none;
+        border-color: #007bff;
+        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+    }
+
+    .vehicle-otp-box.filled {
+        background-color: #e7f3ff;
+        border-color: #007bff;
+    }
+
+    .vehicle-otp-box.parsley-error {
+        border-color: #dc3545;
+        background-color: #f8d7da;
+    }
+
+    .vehicle-format-info {
+        font-size: 11px;
+        color: #6c757d;
+        margin-top: 5px;
+    }
+
+    .vehicle-result {
+        margin-top: 8px;
+        /* padding: 6px 10px; */
+        background: #f8f9fa;
+        border-radius: 4px;
+        font-family: 'Courier New', monospace;
+        font-size: 13px;
+        font-weight: 600;
+        text-align: center;
+        letter-spacing: 1px;
+        display: none;
+        /* max-width: fit-content; */
+        margin-left: auto;
+        margin-right: auto;
+    }
+
+    .vehicle-result.show {
+        display: block;
+    }
+
+    .vehicle-badge {
+        display: inline-block;
+        padding: 2px 6px;
+        border-radius: 3px;
+        font-size: 10px;
+        font-weight: 700;
+        margin-left: 5px;
+    }
+
+    .vehicle-badge.success {
+        background: #d4edda;
+        color: #155724;
+    }
+
+    .vehicle-badge.error {
+        background: #f8d7da;
+        color: #721c24;
+    }
+
+    /* Parsley error styling */
+    .parsley-errors-list {
+        list-style: none;
+        padding: 0;
+        margin: 5px 0 0 0;
+    }
+
+    .parsley-errors-list li {
+        color: #dc3545;
+        font-size: 12px;
+    }
 </style>
 
 <div class="tab-pane fade active show" id="form">
@@ -200,117 +298,116 @@
                         <div class="row">
                             <!-- Section 1 -->
                             <div class="col-md-12">
-                                
-                                    <div id="accordion_0" class="mb-0">
-                                        <label id="policyAccordion" class="m-1 d-flex justify-content-between align-items-center">
-                                                                    <span class="font-color-black">Client Details</span>
-                                                                    <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
-                                                                        aria-expanded="true">
-                                                                        <i id="icon" class="mdi mdi-chevron-up mr-1 text-primary" style="font-size: 28px;"></i>
-                                                                    </a>
-                                        </label>
-                                        <div class="card mb-1">
-                                          <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion_0">
-                                            <div class="card-body">
-                                                <div class="row">
-                                                    <div class="form-group col-md-3">
-                                                        <label for="email"> Policy Type <span class="text-danger">*</span></label>
-                                                        <select class="form-control" id="policy_type_id" name="policy_type_id"
-                                                            required>
-                                                            <option value="">Select Policy Type</option>
-                                                            <?php
-                                                                if (isset($policy_types) && count($policy_types)) {
-                                                                    foreach ($policy_types as $key => $value) {
-                                                                        echo "<option value='" . $value['id'] . "' 
-                                                                                    data-ebp='" . $value['ebp'] . "' 
-                                                                                    data-etp='" . $value['etp'] . "' 
-                                                                                    data-etep='" . $value['etep'] . "' 
-                                                                                    data-iep='" . $value['iep'] . "' 
-                                                                                    data-itep='" . $value['itep'] . "' 
-                                                                                    data-itp='" . $value['itp'] . "'
-                                                                                    data-bap='" . $value['bap'] . "'
-                                                                            >" . 
-                                                                                    $value['policy_type'] . 
-                                                                            "</option>";
-                                                                    }
+                                <div id="accordion_0" class="mb-0">
+                                    <label id="policyAccordion" class="m-1 d-flex justify-content-between align-items-center">
+                                        <span class="font-color-black">Client Details</span>
+                                        <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
+                                            aria-expanded="true">
+                                            <i id="icon" class="mdi mdi-chevron-up mr-1 text-primary" style="font-size: 28px;"></i>
+                                        </a>
+                                    </label>
+                                    <div class="card mb-1">
+                                        <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion_0">
+                                        <div class="card-body">
+                                            <div class="row">
+                                                <div class="form-group col-md-3">
+                                                    <label for="email"> Policy Type <span class="text-danger">*</span></label>
+                                                    <select class="form-control" id="policy_type_id" name="policy_type_id"
+                                                        required>
+                                                        <option value="">Select Policy Type</option>
+                                                        <?php
+                                                            if (isset($policy_types) && count($policy_types)) {
+                                                                foreach ($policy_types as $key => $value) {
+                                                                    echo "<option value='" . $value['id'] . "' 
+                                                                                data-ebp='" . $value['ebp'] . "' 
+                                                                                data-etp='" . $value['etp'] . "' 
+                                                                                data-etep='" . $value['etep'] . "' 
+                                                                                data-iep='" . $value['iep'] . "' 
+                                                                                data-itep='" . $value['itep'] . "' 
+                                                                                data-itp='" . $value['itp'] . "'
+                                                                                data-bap='" . $value['bap'] . "'
+                                                                                data-allocg='" . $value['allocg'] . "'
+                                                                        >" . 
+                                                                                $value['policy_type'] . 
+                                                                        "</option>";
                                                                 }
-                                                            ?>
-                                                        </select>
-                                                    </div>
-                                                    <div class="form-group col-md-3" id="vhnodiv" style="display: none;">
-                                                        <label for="bp_sgst">Vehicle No</label>
-                                                        <select id="vehicle_no" type="text" class="form-control" name="vehicle_id">
-                                                            <option value="">Select Vehicle</option>
-                                                            <option value="add_vehicle"> + Add Vehicle</option>
-                                                        </select>
-                                                    </div>
+                                                            }
+                                                        ?>
+                                                    </select>
                                                 </div>
-                                                <div class="row" id="actcual_clients">
-
-                                                    <div class="form-group col-md-3 client_type_div">
-                                                        <label for="client_type">Client Type<span class="text-danger">*</span></label>
-                                                        <select class="form-control" id="client_type" name="client_type" required>
-                                                            <option value="">Select Client type</option>
-                                                            <option value="1">Group</option>
-                                                            <option value="2">Individual</option>
-                                                        </select>
-                                                    </div>
-
-                                                    <div class="form-group col-md-3">
-                                                        <label for="client_branch">Client<span class="text-danger">*</span></label>
-                                                        <select class="form-control" id="client_id" name="client_id" required>
-                                                            <option value="">Select Client</option>
-                                                            <option value="add_client"> + Add Client</option>
-                                                        </select>
-                                                    </div>
-
-                                                    <div class="form-group col-md-3 branchdiv">
-                                                        <label for="client_branch">Branch<span class="text-danger">*</span></label>
-                                                        <select class="form-control" id="client_branch_id" name="client_branch_id">
-                                                            <option value="">Select Branch</option>
-                                                        </select>
-                                                    </div>
-
-                                                    <!-- <div class="form-group col-md-3">
-                                                        <label for="client_branch">Issuer<span class="text-danger">*</span></label>
-                                                        <select class="form-control" id="issuer" name="issuer" required>
-                                                            <option value="">Select Issuer</option>
-                                                            <?php
-                                                                if (isset($issuer) && count($issuer)) {
-                                                                    foreach ($issuer as $key => $value) {
-                                                                        echo "<option value=" . $key . ">" . $value . "</option>";
-                                                                    }
-                                                                }
-                                                            ?>
-                                                        </select>
-                                                    </div> -->
-
-                                                    <div class="form-group col-md-3">
-                                                        <label for="client_branch">Issuer Branch<span class="text-danger">*</span></label>
-                                                        <select class="form-control" id="issuer_branch" name="issuer_branch" required>
-                                                            <option value="">Select Issuer Branch</option>
-                                                            <?php
-                                                                if (isset($issuer_branch) && count($issuer_branch)) {
-                                                                    foreach ($issuer_branch as $key => $value) {
-                                                                        echo "<option value=" . $value['id'] . ">" . $value['branch_name'] . "</option>";
-                                                                    }
-                                                                }
-                                                            ?>
-                                                        </select>
-                                                    </div>
+                                                <div class="form-group col-md-3" id="vhnodiv" style="display: none;">
+                                                    <label for="bp_sgst">Vehicle No</label>
+                                                    <select id="vehicle_no" type="text" class="form-control" name="vehicle_id">
+                                                        <option value="">Select Vehicle</option>
+                                                        <option value="add_vehicle"> + Add Vehicle</option>
+                                                    </select>
                                                 </div>
                                             </div>
-                                         </div>
+                                            <div class="row" id="actcual_clients">
+
+                                                <div class="form-group col-md-3 client_type_div">
+                                                    <label for="client_type">Client Type<span class="text-danger">*</span></label>
+                                                    <select class="form-control" id="client_type" name="client_type" required>
+                                                        <option value="">Select Client type</option>
+                                                        <option value="1">Group</option>
+                                                        <option value="2">Individual</option>
+                                                    </select>
+                                                </div>
+
+                                                <div class="form-group col-md-3">
+                                                    <label for="client_branch">Client<span class="text-danger">*</span></label>
+                                                    <select class="form-control" id="client_id" name="client_id" required>
+                                                        <option value="">Select Client</option>
+                                                        <option value="add_client"> + Add Client</option>
+                                                    </select>
+                                                </div>
+
+                                                <div class="form-group col-md-3 branchdiv">
+                                                    <label for="client_branch">Client Branch<span class="text-danger">*</span></label>
+                                                    <select class="form-control" id="client_branch_id" name="client_branch_id">
+                                                        <option value="">Select Branch</option>
+                                                    </select>
+                                                </div>
+
+                                                <!-- <div class="form-group col-md-3">
+                                                    <label for="client_branch">Issuer<span class="text-danger">*</span></label>
+                                                    <select class="form-control" id="issuer" name="issuer" required>
+                                                        <option value="">Select Issuer</option>
+                                                        <?php
+                                                            if (isset($issuer) && count($issuer)) {
+                                                                foreach ($issuer as $key => $value) {
+                                                                    echo "<option value=" . $key . ">" . $value . "</option>";
+                                                                }
+                                                            }
+                                                        ?>
+                                                    </select>
+                                                </div> -->
+
+                                                <div class="form-group col-md-3">
+                                                    <label for="client_branch">Nhance Branch<span class="text-danger">*</span></label>
+                                                    <select class="form-control" id="issuer_branch" name="issuer_branch" required>
+                                                        <option value="">Select Nhance Branch</option>
+                                                        <?php
+                                                            if (isset($issuer_branch) && count($issuer_branch)) {
+                                                                foreach ($issuer_branch as $key => $value) {
+                                                                    echo "<option value=" . $value['id'] . ">" . $value['branch_name'] . "</option>";
+                                                                }
+                                                            }
+                                                        ?>
+                                                    </select>
+                                                </div>
+                                            </div>
+                                        </div>
                                         </div>
                                     </div>
-                                
+                                </div>
                             </div>
                         </div>
 
                         <div class="row" id="vehicle_row_div">
-                        </div>
-                        <!-- Client Section -->
-                        <div class="row" id="client_row_div">
+                            </div>
+                            <!-- Client Section -->
+                            <div class="row" id="client_row_div">
                         </div>
 
                         <!-- Pre sales Row -->
@@ -526,344 +623,340 @@
                         <!-- sales Row -->
                         <div class="row" id="sales_row" style="display: none;">
                             <div class="col-md-12">
-                                
-                                    <div id="accordion_2" class="mb-0">
-                                        <label id="policyAccordion" class="m-1 d-flex justify-content-between align-items-center">
-                                                                    <span class="font-color-black">Sales</span>
-                                                                    <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseThree"
-                                                                        aria-expanded="true">
-                                                                        <i id="icon" class="mdi mdi-chevron-up mr-1 text-primary" style="font-size: 28px;"></i>
-                                                                    </a>
-                                        </label>
-                                        <div class="card mb-1">
-                                          <div id="collapseThree" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion_2">
-                                            <div class="card-body">
-                                                <div class="row">
-
-                                                    <div class="form-group col-md-3" id="base_policy_id" style="display: none;">
-                                                        <label for="addon_policy">Base Policy<span id="base_danger"
-                                                                class="text-danger">*</span></label>
-                                                        <select class="form-control" id="base_policy" name="base_policy">
-                                                            <option value="" selected>Select Base Policy</option>
-                                                        </select>
-                                                    </div>
-                                                    
-                                                    <div class="form-group col-md-3">
-                                                        <label for="addon_policy">Policy No<span id="base_danger"class="text-danger">*</span></label>
-                                                        <input type="text" class="form-control" id="policy_no" name="policy_no"placeholder="Enter Policy No" >
-                                                    </div>
-
-                                                    <div class="form-group col-md-3">
-                                                        <label for="addon_policy">Policy Issue Date<span id="base_danger" class="text-danger">*</span></label>
-                                                        <input type="text" class="form-control" id="policy_issue_date" name="policy_issue_date" placeholder="DD/MM/YYYY" >
-                                                    </div>
-
-                                                    <div class="form-group col-md-3">
-                                                        <label for="addon_policy">Policy Issue Month<span id="base_danger" class="text-danger">*</span></label>
-                                                        <input type="text" class="form-control" id="month" name="month" placeholder="MM/YYYY" >
-                                                    </div>
-
-                                                    <div class="form-group col-md-3">
-                                                        <label for="bp_cgst">D.O.C</label>
-                                                        <input id="policy_start_date" type="text" class="form-control" name="policy_start_date" placeholder="DD/MM/YYYY" >
-                                                    </div>
-
-                                                    <div class="form-group col-md-3">
-                                                        <label for="bp_igst">D.O.E</label>
-                                                        <input id="policy_end_date" type="text" class="form-control" name="policy_end_date" placeholder="DD/MM/YYYY" >
-                                                    </div>
-
-                                                    <div class="form-group col-md-3" id="tpa_div">
-                                                        <label for="tpa"> TPA <span id="tpa_danger"class="text-danger"></span></label>
-                                                        <select class="form-control" id="tpa" name="tpa" >
-                                                            <option value="" selected>Select TPA</option>
-                                                            <?php foreach ($tpa as $value) { ?>
-                                                            <option value="<?= $value['id'] . '-' . $value['tpa_id'] ?>">
-                                                                <?= $value['tpa_short_name'] . '-' . $value['branch_code'] ?>
-                                                            </option>
-                                                            <?php } ?>
-                                                        </select>
-                                                    </div>
-
-                                                    <div class="form-group col-md-3" id="no_of_insured_div">
-                                                        <label for="addon_policy">No of Insured<span id="base_danger"class="text-danger"></span></label>
-                                                        <input type="text" class="form-control" id="emp_count" name="emp_count" placeholder="Enter Employeee" onkeypress="return onlyNumbers(event)">
-                                                    </div>
-
-                                                    <div class="form-group col-md-3" id="no_of_dependents_div">
-                                                        <label for="addon_policy">No of Dependents<span id="base_danger" class="text-danger"></span></label>
-                                                        <input type="text" class="form-control" id="dependent_count" name="dependent_count" placeholder="Enter Dependent" onkeypress="return onlyNumbers(event)">
-                                                    </div>
-
-                                                    <div class="form-group col-md-3">
-                                                        <label for="installment">Installment &nbsp; <i id="infoIcon" class="mdi mdi-information-outline info-icon" data-toggle="tooltip" title="Click for Installment details" style="margin-left: 5px;"></i></label>
-                                                        <input id="installment" value="" type="text" class="form-control" name="installment">
-                                                    </div>
-
-                                                    <div class="form-group col-md-3">
-                                                        <label for="installment_data">
-                                                            Installment Data 
-                                                        </label>
-                                                        <input id="installment_data" class="form-control" name="installment_data">
-                                                    </div>
-
-                                                    <!-- <div class="form-group col-md-3">
-                                                        <label for="spl">SPL</label>
-                                                        <input id="spl" value="" type="text" class="form-control" name="spl">
-                                                    </div> -->
-
-
-                                                    <div class="form-group col-md-2">
-                                                        <label class="switch" style="position: relative;top: 30px;left: 4px;">
-                                                            <input id="cop_yes" type="checkbox" name="co_share">
-                                                            <span class="slider round" style="height: 27px;"></span>
-                                                        </label>
-
-                                                        <label for="inception_type"
-                                                            style="position: relative;top: 31px;left: 17px;">CoP Yes</label>
-                                                    </div>
-
-                                                    <div class="form-group col-md-4 payby d-none">
-                                                        <label class="switch" style="position: relative;top: 30px;left: 4px;">
-                                                            <input id="bro_payable_by" type="checkbox" name="bro_payable_by" checked>
-                                                            <span class="slider round" style="height: 27px;"></span>
-                                                        </label>
-
-                                                        <label for="inception_type" style="position: relative;top: 31px;left: 17px;">Remuneration Pay By Leader</label>
-                                                    </div>
+                                <div id="accordion_2" class="mb-0">
+                                    <label id="policyAccordion" class="m-1 d-flex justify-content-between align-items-center">
+                                                                <span class="font-color-black">Sales</span>
+                                                                <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseThree"
+                                                                    aria-expanded="true">
+                                                                    <i id="icon" class="mdi mdi-chevron-up mr-1 text-primary" style="font-size: 28px;"></i>
+                                                                </a>
+                                    </label>
+                                    <div class="card mb-1">
+                                        <div id="collapseThree" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion_2">
+                                        <div class="card-body">
+                                            <div class="row">
 
+                                                <div class="form-group col-md-3" id="base_policy_id" style="display: none;">
+                                                    <label for="addon_policy">Base Policy<span id="base_danger"
+                                                            class="text-danger">*</span></label>
+                                                    <select class="form-control" id="base_policy" name="base_policy">
+                                                        <option value="" selected>Select Base Policy</option>
+                                                    </select>
                                                 </div>
-                                                <hr>
-                                                <div class="row">
-
-                                                    <!-- <div class="form-group col-md-3">
-                                                        <label for="location">Location<span id="base_danger"class="text-danger"></span></label>
-                                                        <input type="text" class="form-control" id="location" name="location"placeholder="Enter location" >
-                                                    </div> -->
-
-                                                    <div class="form-group col-md-3">
-                                                        <label for="renewal_date">Renewal Date<span id="base_danger"
-                                                                class="text-danger">*</span></label>
-                                                        <input type="text" class="form-control" id="renewal_date"
-                                                            name="renewal_date" placeholder="DD/MM/YYYY">
-                                                    </div>
-
-                                                    <div class="form-group col-md-3">
-                                                        <label for="sales_generated_by">Sales Generated By</label>
-                                                        <select class="form-control" id="sales_generated_by" name="sales_generated_by">
-                                                            <option value="" selected>Select Sales Person</option>
-                                                            <?php if (isset($salse_team)) { ?>
-                                                                <?php foreach ($salse_team as $value) { ?>
-                                                                    <option value="<?= $value['id'];?>">
-                                                                        <?= $value['first_name'];?>
-                                                                    </option>
-                                                                <?php } ?>
-                                                            <?php } ?>
-                                                        </select>                                        
-                                                    </div>
-
-                                                    <div class="form-group col-md-3">
-                                                        <label for="serviced_by">Serviced By</label>
-                                                        <select class="form-control" id="serviced_by" name="serviced_by">
-                                                            <option value="" selected>Select Service Person</option>
-                                                            <?php if (isset($ACM)) { ?>
-                                                                <?php foreach ($ACM as $value) { ?>
-                                                                    <option value="<?= $value['id'];?>">
-                                                                        <?= $value['first_name'];?>
-                                                                    </option>
-                                                                <?php } ?>
-                                                            <?php } ?>
-                                                        </select>                                        
-                                                    </div>
-
+                                                
+                                                <div class="form-group col-md-3">
+                                                    <label for="addon_policy">Policy No<span id="base_danger"class="text-danger">*</span></label>
+                                                    <input type="text" class="form-control" id="policy_no" name="policy_no"placeholder="Enter Policy No" >
                                                 </div>
+
+                                                <div class="form-group col-md-3">
+                                                    <label for="addon_policy">Policy Issue Date<span id="base_danger" class="text-danger">*</span></label>
+                                                    <input type="text" class="form-control" id="policy_issue_date" name="policy_issue_date" placeholder="DD/MM/YYYY" >
+                                                </div>
+
+                                                <div class="form-group col-md-3">
+                                                    <label for="addon_policy">Policy Issue Month<span id="base_danger" class="text-danger">*</span></label>
+                                                    <input type="text" class="form-control" id="month" name="month" placeholder="MM/YYYY" >
+                                                </div>
+
+                                                <div class="form-group col-md-3">
+                                                    <label for="bp_cgst">D.O.C</label>
+                                                    <input id="policy_start_date" type="text" class="form-control" name="policy_start_date" placeholder="DD/MM/YYYY" >
+                                                </div>
+
+                                                <div class="form-group col-md-3">
+                                                    <label for="bp_igst">D.O.E</label>
+                                                    <input id="policy_end_date" type="text" class="form-control" name="policy_end_date" placeholder="DD/MM/YYYY" >
+                                                </div>
+                                                <!-- 
+                                                <div class="form-group col-md-3" id="tpa_div">
+                                                    <label for="tpa"> TPA <span id="tpa_danger"class="text-danger"></span></label>
+                                                    <select class="form-control" id="tpa" name="tpa" >
+                                                        <option value="" selected>Select TPA</option>
+                                                        <?php foreach ($tpa as $value) { ?>
+                                                        <option value="<?= $value['id'] . '-' . $value['tpa_id'] ?>">
+                                                            <?= $value['tpa_short_name'] . '-' . $value['branch_code'] ?>
+                                                        </option>
+                                                        <?php } ?>
+                                                    </select>
+                                                </div> -->
+
+                                                <div class="form-group col-md-3" id="no_of_insured_div">
+                                                    <label for="addon_policy">No of Insured<span id="base_danger"class="text-danger"></span></label>
+                                                    <input type="text" class="form-control" id="emp_count" name="emp_count" placeholder="Enter Employeee" onkeypress="return onlyNumbers(event)">
+                                                </div>
+
+                                                <div class="form-group col-md-3" id="no_of_dependents_div">
+                                                    <label for="addon_policy">No of Dependents<span id="base_danger" class="text-danger"></span></label>
+                                                    <input type="text" class="form-control" id="dependent_count" name="dependent_count" placeholder="Enter Dependent" onkeypress="return onlyNumbers(event)">
+                                                </div>
+
+                                                <div class="form-group col-md-3">
+                                                    <label for="installment">Installment &nbsp; <i id="infoIcon" class="mdi mdi-information-outline info-icon" data-toggle="tooltip" title="Click for Installment details" style="margin-left: 5px;"></i></label>
+                                                    <input id="installment" value="" type="text" class="form-control" name="installment">
+                                                </div>
+
+                                                <div class="form-group col-md-3">
+                                                    <label for="installment_data">
+                                                        Installment Data 
+                                                    </label>
+                                                    <input id="installment_data" class="form-control" name="installment_data">
+                                                </div>
+
+                                                <!-- <div class="form-group col-md-3">
+                                                    <label for="spl">SPL</label>
+                                                    <input id="spl" value="" type="text" class="form-control" name="spl">
+                                                </div> -->
+
+
+                                                <div class="form-group col-md-2">
+                                                    <label class="switch" style="position: relative;top: 30px;left: 4px;">
+                                                        <input id="cop_yes" type="checkbox" name="co_share">
+                                                        <span class="slider round" style="height: 27px;"></span>
+                                                    </label>
+
+                                                    <label for="inception_type"
+                                                        style="position: relative;top: 31px;left: 17px;">CoP Yes</label>
+                                                </div>
+
+                                                <div class="form-group col-md-4 payby d-none">
+                                                    <label class="switch" style="position: relative;top: 30px;left: 4px;">
+                                                        <input id="bro_payable_by" type="checkbox" name="bro_payable_by" checked>
+                                                        <span class="slider round" style="height: 27px;"></span>
+                                                    </label>
+
+                                                    <label for="inception_type" style="position: relative;top: 31px;left: 17px;">Remuneration Pay By Leader</label>
+                                                </div>
+
+                                            </div>
+                                            <hr>
+                                            <div class="row">
+
+                                                <!-- <div class="form-group col-md-3">
+                                                    <label for="location">Location<span id="base_danger"class="text-danger"></span></label>
+                                                    <input type="text" class="form-control" id="location" name="location"placeholder="Enter location" >
+                                                </div> -->
+
+                                                <div class="form-group col-md-3">
+                                                    <label for="renewal_date">Renewal Date<span id="base_danger"
+                                                            class="text-danger">*</span></label>
+                                                    <input type="text" class="form-control" id="renewal_date"
+                                                        name="renewal_date" placeholder="DD/MM/YYYY">
+                                                </div>
+
+                                                <div class="form-group col-md-3">
+                                                    <label for="sales_generated_by">Sales Generated By</label>
+                                                    <select class="form-control" id="sales_generated_by" name="sales_generated_by">
+                                                        <option value="" selected>Select Sales Person</option>
+                                                        <?php if (isset($salse_team)) { ?>
+                                                            <?php foreach ($salse_team as $value) { ?>
+                                                                <option value="<?= $value['id'];?>">
+                                                                    <?= $value['first_name'];?>
+                                                                </option>
+                                                            <?php } ?>
+                                                        <?php } ?>
+                                                    </select>                                        
+                                                </div>
+
+                                                <div class="form-group col-md-3">
+                                                    <label for="serviced_by">Serviced By</label>
+                                                    <select class="form-control" id="serviced_by" name="serviced_by">
+                                                        <option value="" selected>Select Service Person</option>
+                                                        <?php if (isset($ACM)) { ?>
+                                                            <?php foreach ($ACM as $value) { ?>
+                                                                <option value="<?= $value['id'];?>">
+                                                                    <?= $value['first_name'];?>
+                                                                </option>
+                                                            <?php } ?>
+                                                        <?php } ?>
+                                                    </select>                                        
+                                                </div>
+
                                             </div>
-                                         </div>
                                         </div>
-                                    </div> <!-- accordion_2 div closed here -->
-                                
+                                        </div>
+                                    </div>
+                                </div> <!-- accordion_2 div closed here -->
                             </div><!-- 1st col-md-12 div closed here -->
                         
+                            <!-- Premium Details -->
+                            <div class="col-md-12">
+                                    <div id="accordion_3" class="mb-0">
+                                        <label id="policyAccordion" class="m-1 d-flex justify-content-between align-items-center">
+                                            <span class="font-color-black">Premium Details</span>
+                                            <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseFour"
+                                                aria-expanded="true">
+                                                <i id="icon" class="mdi mdi-chevron-up mr-1 text-primary" style="font-size: 28px;"></i>
+                                            </a>
+                                        </label>
+                                        <div class="card mb-0">
+                                            <div id="collapseFour" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion_3">
+                                            <div class="card-body">
+                                                <div class="row d-none" id="add_more_row">
+                                                    <div class="col-md-2">
+                                                        <!-- <label for="setInsurerCount">Insurer Count : </label> -->
+                                                        <!-- <input type="number" id="setInsurerCount" class="form-control" placeholder="Enter count"> -->
+                                                            <a id="setInsurerCount" class="btn btn-primary" >Add Insurer</a>
+                                                    </div>
+                                                    <!-- <div class="col-md-2">
+                                                        <a id="addInsurer" class="btn btn-primary mb-3">Add Insurer</a>
+                                                    </div> -->
+                                                    <!-- <div class="col-md-1">
+                                                        <a id="submitForm" class="btn btn-success mb-3">Submit</a>
+                                                    </div> -->
+                                                </div>
 
-                                                    <!-- Premium Details -->
-                                                    <div class="col-md-12">
-                                                            <div id="accordion_3" class="mb-0">
-                                                                <label id="policyAccordion" class="m-1 d-flex justify-content-between align-items-center">
-                                                                    <span class="font-color-black">Premium Details</span>
-                                                                    <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseFour"
-                                                                        aria-expanded="true">
-                                                                        <i id="icon" class="mdi mdi-chevron-up mr-1 text-primary" style="font-size: 28px;"></i>
-                                                                    </a>
-                                                                </label>
-                                                                <div class="card mb-0">
-                                                                  <div id="collapseFour" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion_3">
-                                                                    <div class="card-body">
-                                                                        <div class="row d-none" id="add_more_row">
-                                                                            <div class="col-md-2">
-                                                                                <!-- <label for="setInsurerCount">Insurer Count : </label> -->
-                                                                                <!-- <input type="number" id="setInsurerCount" class="form-control" placeholder="Enter count"> -->
-                                                                                 <a id="setInsurerCount" class="btn btn-primary" >Add Insurer</a>
-                                                                            </div>
-                                                                            <!-- <div class="col-md-2">
-                                                                                <a id="addInsurer" class="btn btn-primary mb-3">Add Insurer</a>
-                                                                            </div> -->
-                                                                            <!-- <div class="col-md-1">
-                                                                                <a id="submitForm" class="btn btn-success mb-3">Submit</a>
-                                                                            </div> -->
-                                                                        </div>
+                                                <div id="insurerTableContainer" style="overflow: auto;">
+                                                    <table data-custom-table-css="table" class="table co_share_table" id="insurerTable">
+                                                        <thead>
+                                                            <tr>
+                                                                <th>Premium Details</th>
+                                                            </tr>
+                                                        </thead>
+                                                        <tbody>
+                                                            <tr id="table_tr_1">
+                                                                <td>Insurer</td>
+                                                            </tr>
+                                                            <tr id="table_tr_2" style="display: none;">
+                                                                <td>Is Leader?</td>
+                                                            </tr>
+                                                            <tr id="table_tr_34">
+                                                                <td>CD Acc No</td>
+                                                            </tr>
 
-                                                                        <div id="insurerTableContainer" style="overflow: auto;">
-                                                                            <table data-custom-table-css="table" class="table co_share_table" id="insurerTable">
-                                                                                <thead>
-                                                                                    <tr>
-                                                                                        <th>Premium Details</th>
-                                                                                    </tr>
-                                                                                </thead>
-                                                                                <tbody>
-                                                                                    <tr id="table_tr_1">
-                                                                                        <td>Insurer</td>
-                                                                                    </tr>
-                                                                                    <tr id="table_tr_2" style="display: none;">
-                                                                                        <td>Is Leader?</td>
-                                                                                    </tr>
-                                                                                    <tr id="table_tr_34">
-                                                                                        <td>CD Acc No</td>
-                                                                                    </tr>
+                                                            <tr id="table_tr_37">
+                                                                <td>CD Amount</td>
+                                                            </tr>
+                                                            <tr id="table_tr_35">
+                                                                <td>Follower Policy No</td>
+                                                            </tr>
+                                                            <tr id="table_tr_3" style="display: none;">
+                                                                <td>Co-Share %</td>
+                                                            </tr>
+                                                            <tr id="table_tr_36">
+                                                                <td>Non Commitional <br> Premium Amount</td>
+                                                            </tr>
+                                                            <tr id="table_tr_4">
+                                                                <td>Base Premium</td>
+                                                            </tr>
+                                                            <tr class="hidetp" id="table_tr_5">
+                                                                <td id="tp_premium_td">TP Premium</td>
+                                                            </tr>
+                                                            <tr class="hideter" id="table_tr_6" style="display: none;">
+                                                                <td>TEP Premium</td>
+                                                            </tr>
+                                                            <tr id="table_tr_7" style="display: none;">
+                                                                <td>Co-Premium</td>
+                                                            </tr>
+                                                            <tr class="hidecotp" id="table_tr_38" style="display: none;">
+                                                                <td>Co-TP Premium</td>
+                                                            </tr>
+                                                            <tr class="hidecoter" id="table_tr_39" style="display: none;">
+                                                                <td>Co-TEP Premium</td>
+                                                            </tr>
+                                                            <tr id="table_tr_8">
+                                                                <td>CGST</td>
+                                                            </tr>
+                                                            <tr id="table_tr_9">
+                                                                <td>SGST</td>
+                                                            </tr>
+                                                            <tr id="table_tr_10">
+                                                                <td>IGST</td>
+                                                            </tr>
+                                                            <tr id="table_tr_11">
+                                                                <td>GST Amount</td>
+                                                            </tr>
+                                                            <tr id="table_tr_12">
+                                                                <td>Stamp Duty</td>
+                                                            </tr>
+                                                            <tr id="table_tr_13">
+                                                                <td>Total</td>
+                                                            </tr>
 
-                                                                                    <tr id="table_tr_37">
-                                                                                        <td>CD Amount</td>
-                                                                                    </tr>
-                                                                                    <tr id="table_tr_35">
-                                                                                        <td>Follower Policy No</td>
-                                                                                    </tr>
-                                                                                    <tr id="table_tr_3" style="display: none;">
-                                                                                        <td>Co-Share %</td>
-                                                                                    </tr>
-                                                                                    <tr id="table_tr_36">
-                                                                                        <td>Non Commitional <br> Premium Amount</td>
-                                                                                    </tr>
-                                                                                    <tr id="table_tr_4">
-                                                                                        <td>Base Premium</td>
-                                                                                    </tr>
-                                                                                    <tr class="hidetp" id="table_tr_5">
-                                                                                        <td id="tp_premium_td">TP Premium</td>
-                                                                                    </tr>
-                                                                                    <tr class="hideter" id="table_tr_6" style="display: none;">
-                                                                                        <td>TEP Premium</td>
-                                                                                    </tr>
-                                                                                    <tr id="table_tr_7" style="display: none;">
-                                                                                        <td>Co-Premium</td>
-                                                                                    </tr>
-                                                                                    <tr class="hidecotp" id="table_tr_38" style="display: none;">
-                                                                                        <td>Co-TP Premium</td>
-                                                                                    </tr>
-                                                                                    <tr class="hidecoter" id="table_tr_39" style="display: none;">
-                                                                                        <td>Co-TEP Premium</td>
-                                                                                    </tr>
-                                                                                    <tr id="table_tr_8">
-                                                                                        <td>CGST</td>
-                                                                                    </tr>
-                                                                                    <tr id="table_tr_9">
-                                                                                        <td>SGST</td>
-                                                                                    </tr>
-                                                                                    <tr id="table_tr_10">
-                                                                                        <td>IGST</td>
-                                                                                    </tr>
-                                                                                    <tr id="table_tr_11">
-                                                                                        <td>GST Amount</td>
-                                                                                    </tr>
-                                                                                    <tr id="table_tr_12">
-                                                                                        <td>Stamp Duty</td>
-                                                                                    </tr>
-                                                                                    <tr id="table_tr_13">
-                                                                                        <td>Total</td>
-                                                                                    </tr>
+                                                            <tr id="table_tr_14">
+                                                                <td>Agreed BP %</td>
+                                                            </tr>
+                                                            <tr class="hidetp" id="table_tr_15">
+                                                                <td id="agree_tp_td">Agreed TP %</td>
+                                                            </tr>
+                                                            <tr class="hideter" id="table_tr_16"  style="display: none;">
+                                                                <td id="agree_tp_td">Agreed TEP %</td>
+                                                            </tr>
 
-                                                                                    <tr id="table_tr_14">
-                                                                                        <td>Agreed BP %</td>
-                                                                                    </tr>
-                                                                                    <tr class="hidetp" id="table_tr_15">
-                                                                                        <td id="agree_tp_td">Agreed TP %</td>
-                                                                                    </tr>
-                                                                                    <tr class="hideter" id="table_tr_16"  style="display: none;">
-                                                                                        <td id="agree_tp_td">Agreed TEP %</td>
-                                                                                    </tr>
+                                                            <?php if (in_array(get_role_id(), [1,5]) || in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team())) { ?>
 
-                                                                                    <?php if (in_array(get_role_id(), [1,5]) || in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team())) { ?>
+                                                                <tr id="table_tr_17" <?= in_array(FINANCE_TEAM_ID, user_team()) ? 'style="display:none"' : '' ?>>
+                                                                    <td>Agreed Amount</td>
+                                                                </tr>
 
-                                                                                        <tr id="table_tr_17" <?= in_array(FINANCE_TEAM_ID, user_team()) ? 'style="display:none"' : '' ?>>
-                                                                                            <td>Agreed Amount</td>
-                                                                                        </tr>
+                                                            <?php } ?>
 
-                                                                                    <?php } ?>
+                                                            <tr id="table_tr_18">
+                                                                <td>Standard BP %</td>
+                                                            </tr>
+                                                            <tr class="hidetp" id="table_tr_19">
+                                                                <td>Standard TP %</td>
+                                                            </tr>
+                                                            <tr class="hideter" id="table_tr_20"  style="display: none;">
+                                                                <td>Standard TEP %</td>
+                                                            </tr>
 
-                                                                                    <tr id="table_tr_18">
-                                                                                        <td>Standard BP %</td>
-                                                                                    </tr>
-                                                                                    <tr class="hidetp" id="table_tr_19">
-                                                                                        <td>Standard TP %</td>
-                                                                                    </tr>
-                                                                                    <tr class="hideter" id="table_tr_20"  style="display: none;">
-                                                                                        <td>Standard TEP %</td>
-                                                                                    </tr>
+                                                            <?php if (in_array(get_role_id(), [1,5]) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(MANAGEMENT_TEAM_ID, user_team())) { ?>
 
-                                                                                    <?php if (in_array(get_role_id(), [1,5]) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(MANAGEMENT_TEAM_ID, user_team())) { ?>
+                                                                <tr id="table_tr_21">
+                                                                    <td>Actual BP Amount</td>
+                                                                </tr>
+                                                                <tr class="hidetp" id="table_tr_22">
+                                                                    <td>Actual TP Amount</td>
+                                                                </tr>
+                                                                <tr class="hideter" id="table_tr_23"  style="display: none;">
+                                                                    <td>Actual TEP Amount</td>
+                                                                </tr>
+                                                                <tr id="table_tr_24">
+                                                                    <td>Actual BP %</td>
+                                                                </tr>
+                                                                <tr class="hidetp" id="table_tr_25">
+                                                                    <td>Actual TP %</td>
+                                                                </tr>
+                                                                <tr class="hideter" id="table_tr_26" style="display: none;">
+                                                                    <td>Actual TEP %</td>
+                                                                </tr>
+                                                                <tr id="table_tr_27">
+                                                                    <td>Actual BP <br> Remuneration Amount</td>
+                                                                </tr>
+                                                                <tr class="hidetp" id="table_tr_28">
+                                                                    <td>Actual TP <br> Remuneration Amount</td>
+                                                                </tr>
+                                                                <tr class="hideter" id="table_tr_29" style="display: none;">
+                                                                    <td>Actual TEP <br> Remuneration Amount</td>
+                                                                </tr>
+                                                                <tr id="table_tr_30">
+                                                                    <td>Expected Amount</td>
+                                                                </tr>
+                                                                <!-- <tr id="table_tr_31">
+                                                                    <td>Variance</td>
+                                                                </tr> -->
+                                                                <!-- <tr id="table_tr_32">
+                                                                    <td>Reward</td>
+                                                                </tr> -->
 
-                                                                                        <tr id="table_tr_21">
-                                                                                            <td>Actual BP Amount</td>
-                                                                                        </tr>
-                                                                                        <tr class="hidetp" id="table_tr_22">
-                                                                                            <td>Actual TP Amount</td>
-                                                                                        </tr>
-                                                                                        <tr class="hideter" id="table_tr_23"  style="display: none;">
-                                                                                            <td>Actual TEP Amount</td>
-                                                                                        </tr>
-                                                                                        <tr id="table_tr_24">
-                                                                                            <td>Actual BP %</td>
-                                                                                        </tr>
-                                                                                        <tr class="hidetp" id="table_tr_25">
-                                                                                            <td>Actual TP %</td>
-                                                                                        </tr>
-                                                                                        <tr class="hideter" id="table_tr_26" style="display: none;">
-                                                                                            <td>Actual TEP %</td>
-                                                                                        </tr>
-                                                                                        <tr id="table_tr_27">
-                                                                                            <td>Actual BP <br> Remuneration Amount</td>
-                                                                                        </tr>
-                                                                                        <tr class="hidetp" id="table_tr_28">
-                                                                                            <td>Actual TP <br> Remuneration Amount</td>
-                                                                                        </tr>
-                                                                                        <tr class="hideter" id="table_tr_29" style="display: none;">
-                                                                                            <td>Actual TEP <br> Remuneration Amount</td>
-                                                                                        </tr>
-                                                                                        <tr id="table_tr_30">
-                                                                                            <td>Expected Amount</td>
-                                                                                        </tr>
-                                                                                        <!-- <tr id="table_tr_31">
-                                                                                            <td>Variance</td>
-                                                                                        </tr> -->
-                                                                                        <!-- <tr id="table_tr_32">
-                                                                                            <td>Reward</td>
-                                                                                        </tr> -->
+                                                            <?php } ?>
 
-                                                                                    <?php } ?>
+                                                            <tr id="table_tr_33" style="display: none;">
+                                                                <td></td>
+                                                            </tr>
+                                                        </tbody>
+                                                    </table>
+                                                </div> <!-- insurerTableContainer div closed here-->
 
-                                                                                    <tr id="table_tr_33" style="display: none;">
-                                                                                        <td></td>
-                                                                                    </tr>
-                                                                                </tbody>
-                                                                            </table>
-                                                                        </div> <!-- insurerTableContainer div closed here-->
-
-                                                                    </div>
-                                                                  </div> <!-- collapseFour div closed here -->
-                                                                </div>
-                                                            </div> <!-- accordion_3 div closed here -->
-                                                    </div> <!-- 2nd col-md-12 closed here -->
+                                            </div>
+                                            </div> <!-- collapseFour div closed here -->
+                                        </div>
+                                    </div> <!-- accordion_3 div closed here -->
+                            </div> <!-- 2nd col-md-12 closed here -->
 
                         </div> <!-- sales_row div closed here -->
                                                 
-                        
                         <div class="form-group text-right mt-1 m-b-0" id="submitButton">
                             <button type="submit" class="btn btn-primary waves-effect waves-light mr-1"
                                 id="btnSubmit">Submit</button>
@@ -915,7 +1008,7 @@
                             </div>
 
                             <div class="form-group col-md-6">
-                                <label for="type">Type<span class="text-danger">*</span></label>
+                                <label for="type">Vehicle Type<span class="text-danger">*</span></label>
                                 <select class="form-control" id="type" name="type" required>
                                     <option value="">Select Type</option>
                                     <?php
@@ -1504,7 +1597,7 @@
                         $('#branch_code').prop('required', true);
                         $('#name').prop('required', true);
                         // $('#mobile').prop('required', false);
-                        $('#gst').prop('required', true);
+                        $('#gst').prop('required', false);
                         $('#email').prop('required', true);
 
                         $('#dob').prop('required', false);
@@ -1573,6 +1666,8 @@
             var itep = selectedOption.data('itep');
 
             var bap = selectedOption.data('bap');
+            var allocg = selectedOption.data('allocg');
+            console.log('allocg:', allocg);
 
             // console.log('EBP:', ebp);
             // console.log('ETP:', etp);
@@ -1585,40 +1680,67 @@
             var client_type_id = $('#client_type').val() ?? 1;
             var is_co_pay_yes = $('#cop_yes').prop('checked') ? 1 : 0;
 
-
-            if(bap == 'Fire' || bap == 'Marine Cargo' || bap == 'Marine Hull'){
-                $('.hideter').show();
+            if(allocg == "EB"){
+                $('.hideter').hide();
                 $('.hidetp').hide();
-
-                    if(is_co_pay_yes == 1){
-                        $('.hidecoter').show()
-                        $('.hidecotp').hide()
-                    }else{
-                        $('.hidecoter').hide()
-                        $('.hidecotp').hide()
-                    }
+                $('.hidecoter').hide()
+                $('.hidecotp').hide()
             }else{
-                if(bap == 'Motor'){
-
-                    $('.hidetp').show()
-                    $('.hideter').hide()
-
-                    if(is_co_pay_yes == 1){
-                        $('.hidecotp').show()
-                        $('.hidecoter').hide()
-                    }else{
-                        $('.hidecoter').hide()
-                        $('.hidecotp').hide()
-                    }
 
+                $('.hidetp').show();
+                if(is_co_pay_yes == 1){
+                    $('.hidecotp').show();
                 }else{
-                    $('.hideter').hide()
-                    $('.hidetp').hide()
-                    $('.hidecoter').hide()
-                    $('.hidecotp').hide()
+                    $('.hidecotp').hide();
+                }
+
+                if(bap == 'Fire' || bap == 'Marine Cargo' || bap == 'Marine Hull'){
+                    $('.hideter').show();
+                    if(is_co_pay_yes == 1){
+                        $('.hidecoter').show();
+                    }else{
+                        $('.hidecoter').hide();
+                    }
+                }else{
+                    $('.hideter').hide();
                 }
             }
 
+            // do not remove this commented item
+            // if(bap == 'Fire' || bap == 'Marine Cargo' || bap == 'Marine Hull'){
+            //     $('.hideter').show();
+            //     $('.hidetp').hide();
+
+            //         if(is_co_pay_yes == 1){
+            //             $('.hidecoter').show()
+            //             $('.hidecotp').hide()
+            //         }else{
+            //             $('.hidecoter').hide()
+            //             $('.hidecotp').hide()
+            //         }
+            // }else{
+
+            //     if(bap == 'Motor'){
+
+            //         $('.hidetp').show()
+            //         $('.hideter').hide()
+
+            //         if(is_co_pay_yes == 1){
+            //             $('.hidecotp').show()
+            //             $('.hidecoter').hide()
+            //         }else{
+            //             $('.hidecoter').hide();
+            //             $('.hidecotp').hide();
+            //         }
+
+            //     }else{
+            //         $('.hideter').hide()
+            //         $('.hidetp').hide()
+            //         $('.hidecoter').hide()
+            //         $('.hidecotp').hide()
+            //     }
+            // }
+
             var std_bp = 0;
             var std_tp = 0;
             var std_tep = 0;
@@ -1655,19 +1777,20 @@
                 $('#client_branch_id').removeClass('readonly-select ').select2();
             }
 
-            if(parseFloat(ebp) != 0.00 && parseFloat(iep) != 0.00){
-                $('#client_type option[value="1"]').show();
-                $('#client_type option[value="2"]').show();
-            }else if(parseFloat(iep) == 0.00){
-                $('#client_type option[value="2"]').hide();
-                $('#client_type option[value="1"]').show();
-            }else if(parseFloat(ebp) == 0.00){
-                $('#client_type option[value="1"]').hide();
-                $('#client_type option[value="2"]').show();
-            }else{
-                $('#client_type option[value="1"]').show();
-                $('#client_type option[value="2"]').show();
-            }
+            // do not remove this commented item for Client type list hide and show
+            // if(parseFloat(ebp) != 0.00 && parseFloat(iep) != 0.00){
+            //     $('#client_type option[value="1"]').show();
+            //     $('#client_type option[value="2"]').show();
+            // }else if(parseFloat(iep) == 0.00){
+            //     $('#client_type option[value="2"]').hide();
+            //     $('#client_type option[value="1"]').show();
+            // }else if(parseFloat(ebp) == 0.00){
+            //     $('#client_type option[value="1"]').hide();
+            //     $('#client_type option[value="2"]').show();
+            // }else{
+            //     $('#client_type option[value="1"]').show();
+            //     $('#client_type option[value="2"]').show();
+            // }
 
             // if(value == 38 || value == 40){
             //     $('#tpa_div').hide();
@@ -2147,35 +2270,86 @@
 
     //-------- CALCULATION PART -------------------------------------------------------------------------------------------------
 
-    function checkAndDistributeTax(input)
-    {
+    // do not remove this
+    // function checkAndDistributeTax(input)
+    // {
+    //     const event = window.event;
+    //     // console.log("Event type:", event.type);  
+    //     // console.log("Event target:", event.target); 
+    //     console.log("Event id:", event.target.id); 
+
+    //     let cgst = parseFloat($('#cgst_' + input).val());
+    //     let sgst = parseFloat($('#sgst_' + input).val());
+    //     let igst = parseFloat($('#igst_' + input).val());
+
+    //     if (((event.target.id).startsWith('cgst') || (event.target.id).startsWith('sgst'))) {
+
+    //         if (!isFinite(cgst) || isNaN(cgst) || cgst === undefined) {
+    //             cgst = 0;
+    //         }
+    //         if (!isFinite(sgst) || isNaN(sgst) || sgst === undefined) {
+    //             sgst = 0;
+    //         }
+
+    //         if (cgst !== 0) {
+    //             $('#sgst_' + input).val(cgst);
+    //         } else if (sgst !== 0) {
+    //             $('#cgst_' + input).val(sgst);
+    //         }
+
+    //         $('#igst_' + input).val(0);
+    //     } 
+    //     else if ((event.target.id).startsWith('igst')) {
+    //         $('#cgst_' + input).val(0);
+    //         $('#sgst_' + input).val(0);
+    //     }
+
+    //     // Ensure IGST, CGST, and SGST are never NaN, undefined, or Infinity
+    //     $('#igst_' + input).val(isFinite($('#igst_' + input).val()) ? $('#igst_' + input).val() : 0);
+    //     $('#cgst_' + input).val(isFinite($('#cgst_' + input).val()) ? $('#cgst_' + input).val() : 0);
+    //     $('#sgst_' + input).val(isFinite($('#sgst_' + input).val()) ? $('#sgst_' + input).val() : 0);
+
+    // }
+
+    function checkAndDistributeTax(input){
         const event = window.event;
-        // console.log("Event type:", event.type);  
-        // console.log("Event target:", event.target); 
         console.log("Event id:", event.target.id); 
 
         let cgst = parseFloat($('#cgst_' + input).val());
         let sgst = parseFloat($('#sgst_' + input).val());
         let igst = parseFloat($('#igst_' + input).val());
 
-        if (((event.target.id).startsWith('cgst') || (event.target.id).startsWith('sgst'))) {
+        if (((event.target.id).startsWith('cgst'))) {
 
             if (!isFinite(cgst) || isNaN(cgst) || cgst === undefined) {
-                cgst = 0;
-            }
-            if (!isFinite(sgst) || isNaN(sgst) || sgst === undefined) {
-                sgst = 0;
+                cgst = '';
             }
 
-            if (cgst !== 0) {
+            $('#cgst_' + input).val(cgst);
+            if(cgst == ""){
+                $('#sgst_' + input).val(0);
+            }else{
                 $('#sgst_' + input).val(cgst);
-            } else if (sgst !== 0) {
+            }
+            $('#igst_' + input).val(0);
+        }
+
+        if (((event.target.id).startsWith('sgst'))) {
+
+            if (!isFinite(sgst) || isNaN(sgst) || sgst === undefined) {
+                sgst = '';
+            }
+
+            $('#sgst_' + input).val(sgst);
+            if(sgst == ""){
+                $('#cgst_' + input).val(0);
+            }else{
                 $('#cgst_' + input).val(sgst);
             }
-
             $('#igst_' + input).val(0);
-        } 
-        else if ((event.target.id).startsWith('igst')) {
+        }
+
+        if ((event.target.id).startsWith('igst')) {
             $('#cgst_' + input).val(0);
             $('#sgst_' + input).val(0);
         }
@@ -2184,7 +2358,6 @@
         $('#igst_' + input).val(isFinite($('#igst_' + input).val()) ? $('#igst_' + input).val() : 0);
         $('#cgst_' + input).val(isFinite($('#cgst_' + input).val()) ? $('#cgst_' + input).val() : 0);
         $('#sgst_' + input).val(isFinite($('#sgst_' + input).val()) ? $('#sgst_' + input).val() : 0);
-
     }
 
     function amountCalculation(input) {
@@ -2193,6 +2366,8 @@
         console.log('amountCalculation  :  ' + input);
         let selectedOption =  $('#policy_type_id').find('option:selected');
         let bap = selectedOption.data('bap');
+        let allocg = selectedOption.data('allocg');
+        console.log('allocg:', allocg);
 
         const event = window.event;
         console.log("Event id:", event.target.id); 
@@ -2202,9 +2377,13 @@
         let ncpa = parseFloat($('#non_comm_per_amt_' + input).val()) || 0;
 
         var tp = 0;
-        if(bap == 'Motor'){
+        if(allocg != 'EB'){
             tp = parseFloat($('#tp_premium_' + input).val()) || 0;
         }
+        // do not remove this commented item
+        // if(bap == 'Motor'){
+        //     tp = parseFloat($('#tp_premium_' + input).val()) || 0;
+        // }
 
         var tep = 0;
         if(bap == 'Fire' || bap == 'Marine Cargo' || bap == 'Marine Hull'){
@@ -3691,22 +3870,51 @@
 
             var selectedOption = $('#policy_type_id').find('option:selected');
             var bap = selectedOption.data('bap');
+            var allocg = selectedOption.data('allocg');
+            console.log('allocg:', allocg);
 
-            if(bap == 'Fire' || bap == 'Marine Cargo' || bap == 'Marine Hull'){
-                $('.hidecoter').show()
+
+            // do not remove this commented items
+            // if(bap == 'Fire' || bap == 'Marine Cargo' || bap == 'Marine Hull'){
+            //     $('.hidecoter').show()
+            //     $('.hidecotp').hide()
+            // }else{
+
+            //     if(bap == 'Motor'){
+            //         $('.hidecotp').show()
+            //         $('.hidecoter').hide()
+            //     }else{
+            //         $('.hidecoter').hide()
+            //         $('.hidecotp').hide()
+            //     }
+            // }
+
+            if(allocg == "EB"){
+                $('.hideter').hide();
+                $('.hidetp').hide();
+                $('.hidecoter').hide()
                 $('.hidecotp').hide()
             }else{
 
-                if(bap == 'Motor'){
-                    $('.hidecotp').show()
-                    $('.hidecoter').hide()
+                $('.hidetp').show();
+                if($(this).is(':checked')){
+                    $('.hidecotp').show();
                 }else{
-                    $('.hidecoter').hide()
-                    $('.hidecotp').hide()
+                    $('.hidecotp').hide();
+                }
+
+                if(bap == 'Fire' || bap == 'Marine Cargo' || bap == 'Marine Hull'){
+                    $('.hideter').show();
+                    if($(this).is(':checked')){
+                        $('.hidecoter').show();
+                    }else{
+                        $('.hidecoter').hide();
+                    }
+                }else{
+                    $('.hideter').hide();
                 }
             }
 
-
             // $('input[name="co_share_per[]"], input[name="co_premium[]"]').each(function () {
             //     $(this).val(''); // Clear value
             //     console.log('Input cleared:', $(this).attr('name')); // Log cleared input
@@ -3801,7 +4009,7 @@
             $('#branch_code').prop('required', true);
             $('#name').prop('required', true);
             // $('#mobile').prop('required', false);
-            $('#gst').prop('required', true);
+            $('#gst').prop('required', false);
             $('#email').prop('required', true);
 
             $('#dob').prop('required', false);
@@ -4391,41 +4599,70 @@
             var itep = selectedOption.data('itep');
 
             var bap = selectedOption.data('bap');
+            var allocg = selectedOption.data('allocg');
+            console.log('allocg:', allocg);
+
 
             var client_type_id = $('#client_type').val() ?? 1;
             var is_co_pay_yes = $('#cop_yes').prop('checked') ? 1 : 0;
+            
+            // do not remove this commented items
+            // if(bap == 'Fire' || bap == 'Marine Cargo' || bap == 'Marine Hull'){
+            //     $('.hideter').show();
+            //     $('.hidetp').hide();
 
+            //         if(is_co_pay_yes == 1){
+            //             $('.hidecoter').show()
+            //             $('.hidecotp').hide()
+            //         }else{
+            //             $('.hidecoter').hide()
+            //             $('.hidecotp').hide()
+            //         }
+            // }else{
+            //     if(bap == 'Motor'){
 
-            if(bap == 'Fire' || bap == 'Marine Cargo' || bap == 'Marine Hull'){
-                $('.hideter').show();
+            //         $('.hidetp').show()
+            //         $('.hideter').hide()
+
+            //         if(is_co_pay_yes == 1){
+            //             $('.hidecotp').show()
+            //             $('.hidecoter').hide()
+            //         }else{
+            //             $('.hidecoter').hide()
+            //             $('.hidecotp').hide()
+            //         }
+
+            //     }else{
+            //         $('.hideter').hide()
+            //         $('.hidetp').hide()
+            //         $('.hidecoter').hide()
+            //         $('.hidecotp').hide()
+            //     }
+            // }
+
+            if(allocg == "EB"){
+                $('.hideter').hide();
                 $('.hidetp').hide();
-
-                    if(is_co_pay_yes == 1){
-                        $('.hidecoter').show()
-                        $('.hidecotp').hide()
-                    }else{
-                        $('.hidecoter').hide()
-                        $('.hidecotp').hide()
-                    }
+                $('.hidecoter').hide()
+                $('.hidecotp').hide()
             }else{
-                if(bap == 'Motor'){
-
-                    $('.hidetp').show()
-                    $('.hideter').hide()
-
-                    if(is_co_pay_yes == 1){
-                        $('.hidecotp').show()
-                        $('.hidecoter').hide()
-                    }else{
-                        $('.hidecoter').hide()
-                        $('.hidecotp').hide()
-                    }
 
+                $('.hidetp').show();
+                if(is_co_pay_yes == 1){
+                    $('.hidecotp').show();
                 }else{
-                    $('.hideter').hide()
-                    $('.hidetp').hide()
-                    $('.hidecoter').hide()
-                    $('.hidecotp').hide()
+                    $('.hidecotp').hide();
+                }
+
+                if(bap == 'Fire' || bap == 'Marine Cargo' || bap == 'Marine Hull'){
+                    $('.hideter').show();
+                    if(is_co_pay_yes == 1){
+                        $('.hidecoter').show();
+                    }else{
+                        $('.hidecoter').hide();
+                    }
+                }else{
+                    $('.hideter').hide();
                 }
             }
 
@@ -4811,12 +5048,23 @@
         if(label){
             message = label + " already exists!";
         }
+        if(table == 'vehicle' && field == "vehicle_no"){
+            message = "Vehicle Number is already exists!";
+        }
 
         checkDuplicateTableFieldValue(table, field, value, function(isDuplicate) {
             if (isDuplicate) {
                 toastr.warning(message, 'WARNING');
                 $(input).val('')
-            } 
+                if(table == 'vehicle'){
+                    resetVehicleField();
+                    console.log("$('#vehicle_form_submit_btn_id_for_disable')", $('#vehicle_form_submit_btn_id_for_disable'));
+                    console.log($('#vehicle_form_submit_btn_id_for_disable').length);
+                    $('#vehicle_form_submit_btn').attr('disabled', true);
+                }
+            } else{
+                $('#vehicle_form_submit_btn').removeAttr('disabled', false);
+            }
         });
 
     }
@@ -5132,6 +5380,8 @@
             $('#owner').select2();
             $('#owner_branch').select2();
         }
+        toggleRequiredWithAsterisk('#mobile', false);
+        toggleRequiredWithAsterisk('#gst', false);
     }
 
     function removeVehicleForm(){
@@ -5161,6 +5411,7 @@
         let vhno = $('#modal_vehicle_no').val();
         let rc = $('#rc').val();
         let client_type = $('#client_type').val();
+        let vehicle_no_validation = $('#vehicle_no_validation').val();
 
 
         if (vhno === "" && rc === "") {
@@ -5168,10 +5419,29 @@
             return;
         }
 
-        var isValid = $('#vehicle_form_row_div').parsley().validate();
+        if(vehicle_no_validation == 1){
+            toastr.warning("Invalid Vehicle Number Format", "WARNING");
+            return;
+        }
+
+        var $form = $('#vehicle_form_row_div');
+        var isValid = $form.parsley().validate();
 
         if (!isValid) {
             console.log("❌ Validation failed for Vehicle Form section");
+
+            // Get all invalid fields
+            var invalidFields = $form.parsley().fields.filter(function (field) {
+                return !field.isValid();
+            });
+
+            invalidFields.forEach(function (field, index) {
+                console.log(
+                    "🚫 Invalid Field " + (index + 1) + ":",
+                    field.$element.attr('name') || field.$element.attr('id') || field.$element
+                );
+            });
+
             return false;
         }
 
@@ -5327,7 +5597,7 @@
 
                         <div class="row">
 
-                            <div class="form-group col-md-3">
+                            <div class="form-group col-md-2">
                                 <label class="switch" style="position: relative;top: 32px;left: 20px;">
                                     <input id="vehicle_client_btn" type="checkbox" name="vehicle_client_btn" onchange="toggleClient(this)">
                                     <span class="slider round" style="height: 27px;"></span>
@@ -5336,11 +5606,38 @@
                                 <label for="vehicle_client_btn" style="position: relative;top: 33px;left: 25px;"> New Client </label>
                             </div>
 
-                            <div class="form-group col-md-3">
+                            <!-- <div class="form-group col-md-3">
                                 <label for="modal_vehicle_no">Vehicle No</label>
                                 <input type="text" class="form-control" id="modal_vehicle_no" name="vehicle_no"
                                     placeholder="Enter Vehicle No"
                                     onchange="validateInput(this, 'vehicle', 'vehicle_no')">
+                            </div> -->
+
+                            <div class="form-group col-md-4">
+                                <label for="modal_vehicle_no">
+                                    Vehicle No 
+                                    <span class="text-danger">*</span> 
+                                    <small style="font-size: x-small;">( Normal: AA##AA#### | Bharat: ##BH####AA )</small>
+                                </label>
+                                <div class="vehicle-input-wrapper">
+                                    <div class="vehicle-otp-container" id="vehicle_otp_container"></div>
+                                    <input 
+                                        type="hidden" 
+                                        id="modal_vehicle_no" 
+                                        name="vehicle_no" 
+                                        required
+                                        data-parsley-required="true"
+                                        data-parsley-required-message="Vehicle number is required"
+                                        data-parsley-minlength="[9, 10]"
+                                        data-parsley-minlength-message="Please enter complete vehicle number"
+                                        data-parsley-vehicle-format="true"
+                                        data-parsley-vehicle-format-message="Invalid vehicle number format"
+                                        data-parsley-trigger="change"
+                                        oninput="validateInput(this, 'vehicle', 'vehicle_no')"
+                                    >
+                                    <input type="hidden" id="vehicle_no_validation">
+                                    <div class="vehicle-result" id="vehicle_result"></div>
+                                </div>
                             </div>
 
                             <div class="form-group col-md-3">
@@ -5351,7 +5648,7 @@
                             </div>
 
                             <div class="form-group col-md-3">
-                                <label for="type">Type <span class="text-danger">*</span></label>
+                                <label for="type"> Vehicle Type <span class="text-danger">*</span></label>
                                 <select class="form-control" id="type" name="type" required>
                                     <option value="">Select Type</option>
                                     <?php
@@ -5399,7 +5696,7 @@
                             </div>
 
                             <div class="form-group col-md-3 v_group_client new_client" style="display: none;">
-                                <label for="branch_name">Branch Name <span class="text-danger">*</span></label>
+                                <label for="branch_name">Client Branch Name <span class="text-danger">*</span></label>
                                 <input type="text" class="form-control" id="branch_name" name="branch_name">
                             </div>
 
@@ -5415,13 +5712,13 @@
                             </div>
 
                             <div class="form-group col-md-3 new_client v_individual_client" style="display: none;">
-                                <label for="mobile">Mobile <span class="text-danger">*</span></label>
+                                <label for="mobile">Mobile <span class="text-danger"></span></label>
                                 <input type="number" class="form-control" id="mobile" name="mobile"
                                     placeholder="Enter Mobile">
                             </div>
 
                             <div class="form-group col-md-3 v_group_client new_client" style="display: none;">
-                                <label for="gst">GST <span class="text-danger">*</span></label>
+                                <label for="gst">GST <span class="text-danger"></span></label>
                                 <input type="text" class="form-control" id="gst" name="gst"
                                     placeholder="Enter GST Number"
                                     oninput="validateInputForClient(this, 'client_branch', 'gst')">
@@ -5431,8 +5728,7 @@
 
                         <div class="row">
                             <div class="col-md-12 text-right m-b-0">
-                                <a class="btn btn-primary waves-effect waves-light mr-1"
-                                    onclick="getVehicleFormData()">Submit</a>
+                                <a class="btn btn-primary waves-effect waves-light mr-1" id="vehicle_form_submit_btn_id_for_disable" onclick="getVehicleFormData()">Submit</a>
                             </div>
                         </div>
                     </div> <!-- /#vehicle_form_row_div -->
@@ -5492,6 +5788,7 @@
                     $(".old_group_client").find("select, input, textarea").val("").prop("required", true);
                     $(".v_common").find("select, input, textarea").val("").prop("required", false);
                 }
+                toggleRequiredWithAsterisk('#mobile', false);
 
             }else{
 
@@ -5511,7 +5808,9 @@
                     $(".v_common").find("select, input, textarea").val("").prop("required", false);
 
                 }   
+                toggleRequiredWithAsterisk('#mobile', false);
             }
+            toggleRequiredWithAsterisk('#gst', false);
 
             $.each(client_list, function(index, item) {
                 if (item.client_type == client_type) {
@@ -5533,6 +5832,252 @@
 
         });
 
+        // for this function to validate the vehicle number and making text
+        (function() {
+            const totalBoxes = 10;
+            let vehicleInputs = [];
+            const container = document.getElementById('vehicle_otp_container');
+            const hiddenInput = document.getElementById('modal_vehicle_no');
+            const resultDiv = document.getElementById('vehicle_result');
+
+            // Create input boxes
+            function createVehicleInputs() {
+                container.innerHTML = '';
+                vehicleInputs = [];
+
+                for (let i = 0; i < totalBoxes; i++) {
+                    const input = document.createElement('input');
+                    input.type = 'text';
+                    input.className = 'vehicle-otp-box';
+                    input.maxLength = 1;
+                    input.dataset.index = i;
+                    
+                    input.addEventListener('input', handleInput);
+                    input.addEventListener('keydown', handleKeydown);
+                    input.addEventListener('paste', handlePaste);
+                    
+                    container.appendChild(input);
+                    vehicleInputs.push(input);
+                }
+            }
+
+            function handleInput(e) {
+
+                const input = e.target;
+                const index = parseInt(input.dataset.index);
+                const value = input.value.toUpperCase();
+                console.log('toUpperCase value :', value);
+                
+                if (value && /[A-Z0-9]/.test(value)) {
+                    input.value = value;
+                    input.classList.add('filled');
+                    
+                    if (index < totalBoxes - 1) {
+                        vehicleInputs[index + 1].focus();
+                    }
+                } else {
+                    input.value = '';
+                    input.classList.remove('filled');
+                }
+                
+                updateHiddenInput();
+                validateVehicle();
+                
+                // Trigger Parsley validation
+                if ($(hiddenInput).parsley) {
+                    $(hiddenInput).parsley().validate();
+                }
+            }
+
+            function handleKeydown(e) {
+                const input = e.target;
+                const index = parseInt(input.dataset.index);
+                
+                if (e.key === 'Backspace' && !input.value && index > 0) {
+                    vehicleInputs[index - 1].focus();
+                    vehicleInputs[index - 1].value = '';
+                    vehicleInputs[index - 1].classList.remove('filled');
+                    updateHiddenInput();
+                    validateVehicle();
+                    
+                    // Trigger Parsley validation
+                    if ($(hiddenInput).parsley) {
+                        $(hiddenInput).parsley().validate();
+                    }
+                } else if (e.key === 'ArrowLeft' && index > 0) {
+                    vehicleInputs[index - 1].focus();
+                } else if (e.key === 'ArrowRight' && index < totalBoxes - 1) {
+                    vehicleInputs[index + 1].focus();
+                }
+            }
+
+            function handlePaste(e) {
+                e.preventDefault();
+                const pastedData = e.clipboardData.getData('text').toUpperCase().replace(/[^A-Z0-9]/g, '');
+                
+                for (let i = 0; i < pastedData.length && i < totalBoxes; i++) {
+                    vehicleInputs[i].value = pastedData[i];
+                    vehicleInputs[i].classList.add('filled');
+                }
+                
+                const nextEmpty = Math.min(pastedData.length, totalBoxes - 1);
+                vehicleInputs[nextEmpty].focus();
+                
+                updateHiddenInput();
+                validateVehicle();
+                
+                // Trigger Parsley validation
+                if ($(hiddenInput).parsley) {
+                    $(hiddenInput).parsley().validate();
+                }
+            }
+
+            function updateHiddenInput() {
+                const value = vehicleInputs.map(input => input.value).join('');
+                hiddenInput.value = value;
+                
+                // Trigger change event for Parsley
+                $(hiddenInput).trigger('change');
+            }
+
+            function getInputValue() {
+                console.log('vehicleInputs', vehicleInputs);
+                return vehicleInputs.map(input => input.value).join('');
+            }
+
+            function maskNormalFormat(input) {
+                const cleaned = input.replace(/[^A-Z0-9]/g, '');
+                // Match exactly: 2 letters + 2 digits + 1-2 letters + 4 digits (total 9-10 chars)
+                const pattern = /^([A-Z]{2})(\d{2})([A-Z]{1,2})(\d{4})$/;
+                const match = cleaned.match(pattern);
+                
+                if (match) {
+                    return `${match[1]} ${match[2]} ${match[3]} ${match[4]}`;
+                }
+                return null;
+            }
+
+            function maskBharatFormat(input) {
+                const cleaned = input.replace(/[^A-Z0-9]/g, '');
+                // Match exactly: 2 digits + BH + 4 digits + 1-2 letters (total 9-10 chars)
+                const pattern = /^(\d{2})(BH)(\d{4})([A-Z]{1,2})$/;
+                const match = cleaned.match(pattern);
+                
+                if (match && cleaned.length === 10) {
+                    return `${match[1]} ${match[2]} ${match[3]} ${match[4]}`;
+                }
+                return null;
+            }
+
+            function validateVehicle() {
+                const input = getInputValue();
+                console.log('getInputValue :', input);
+                console.log('totalBoxes :', totalBoxes);
+                
+                if (input.length == 0) {
+                    resultDiv.classList.remove('show');
+                    return;
+                }
+                
+                // if (input.length < totalBoxes || input.length < (totalBoxes - 1)) {
+                //     return;
+                // }
+                
+                const normalFormatted = maskNormalFormat(input);
+                const bharatFormatted = maskBharatFormat(input);
+                console.log('normalFormatted :', normalFormatted);
+                console.log('normalFormatted :', normalFormatted);
+                
+                if (normalFormatted) {
+                    resultDiv.innerHTML = normalFormatted + '<span class="vehicle-badge success">✓ Normal</span>';
+                    resultDiv.classList.add('show');
+                    $('#vehicle_no_validation').val('0');
+                } else if (bharatFormatted) {
+                    resultDiv.innerHTML = bharatFormatted + '<span class="vehicle-badge success">✓ Bharat</span>';
+                    resultDiv.classList.add('show');
+                    $('#vehicle_no_validation').val('0');
+                } else {
+                    // resultDiv.innerHTML = 'Invalid Format <span class="vehicle-badge error">✗</span>';
+                    // resultDiv.classList.add('show');
+                    $('#vehicle_no_validation').val('1');
+                }
+            }
+
+            // Custom Parsley validator for vehicle format
+            window.Parsley.addValidator('vehicleFormat', {
+                validateString: function(value) {
+                    if (!value) {
+                        return false;
+                    }
+
+                    const cleaned = value.replace(/[^A-Z0-9]/g, '');
+            
+                    // Check if it's Bharat series (must be exactly 10 chars)
+                    if (cleaned.includes('BH')) {
+                        if (cleaned.length !== 10) {
+                            return false;
+                        }
+                        return !!maskBharatFormat(value);
+                    }
+                    
+                    // Must be 9 or 10 characters (9 for 1 series letter, 10 for 2 series letters)
+                    if (value.length < 9 || value.length > 10) {
+                        return false;
+                    }
+                    
+                    const normalFormatted = maskNormalFormat(value);
+                    const bharatFormatted = maskBharatFormat(value);
+                    
+                    return !!(normalFormatted || bharatFormatted);
+                },
+                messages: {
+                    en: 'Invalid vehicle number format'
+                }
+            });
+
+            // Add error class to OTP boxes when Parsley shows error
+            window.Parsley.on('field:error', function() {
+                if (this.$element.attr('id') === 'modal_vehicle_no') {
+                    vehicleInputs.forEach(input => {
+                        if (input.value) {
+                            input.classList.add('parsley-error');
+                        }
+                    });
+                }
+            });
+
+            // Remove error class when validation passes
+            window.Parsley.on('field:success', function() {
+                if (this.$element.attr('id') === 'modal_vehicle_no') {
+                    vehicleInputs.forEach(input => {
+                        input.classList.remove('parsley-error');
+                    });
+                }
+            });
+
+            // Reset function - can be called from outside
+            window.resetVehicleField = function() {
+                vehicleInputs.forEach(input => {
+                    input.value = '';
+                    input.classList.remove('filled');
+                    input.classList.remove('parsley-error');
+                });
+                hiddenInput.value = '';
+                resultDiv.classList.remove('show');
+                
+                // Reset Parsley validation
+                if ($(hiddenInput).parsley) {
+                    $(hiddenInput).parsley().reset();
+                }
+                
+                // Focus first input
+                vehicleInputs[0].focus();
+            };
+
+            // Initialize
+            createVehicleInputs();
+        })();
+
     }
 
     function appendClientForm(){
@@ -5563,7 +6108,7 @@
                             </div>
 
                             <div class="form-group col-md-3 group_client new_client">
-                                <label for="branch_name">Branch Name <span class="text-danger">*</span></label>
+                                <label for="branch_name">Client Branch Name <span class="text-danger">*</span></label>
                                 <input type="text" class="form-control" id="branch_name" name="branch_name" required>
                             </div>
 
@@ -5585,17 +6130,16 @@
                             </div>
 
                             <div class="form-group col-md-3 group_client new_client">
-                                <label for="gst">GST <span class="text-danger">*</span></label>
+                                <label for="gst">GST <span class="text-danger"></span></label>
                                 <input type="text" class="form-control" id="gst" name="gst"
                                     placeholder="Enter GST Number"
-                                    oninput="validateInputForClient(this, 'client_branch', 'gst')" required>
+                                    oninput="validateInputForClient(this, 'client_branch', 'gst')">
                             </div>
 
                         </div>
                         <div class="row">
                             <div class="col-md-12 text-right m-b-0">
-                                <a class="btn btn-primary waves-effect waves-light mr-1"
-                                    onclick="getClientFormData()">Submit</a>
+                                <a class="btn btn-primary waves-effect waves-light mr-1" id="client_form_submit_btn" onclick="getClientFormData()">Submit</a>
                             </div>
                         </div>
                     </div>
@@ -5616,6 +6160,8 @@
             $(".individual_client").find("select, input, textarea").val("").prop("required", true);
 
         }
+        toggleRequiredWithAsterisk('#gst', false);
+        toggleRequiredWithAsterisk('#mobile', false);
 
         $("#client_form_row_div").on("input change", "input, select, textarea", function () {
             if ($("#client_type").val() === "") {
@@ -5661,39 +6207,75 @@
                 toastr.warning(message, 'WARNING');
                 // $(input).val('');
                 isGSTValid = false;
-                $('#client_add_modal_submit_btn').prop('disabled', true);
+                $('#client_form_submit_btn').prop('disabled', true);
+                $('#vehicle_form_submit_btn_id_for_disable').prop('disabled', true);
             } else {
                 isGSTValid = true;
-                $('#client_add_modal_submit_btn').prop('disabled', false);
+                $('#client_form_submit_btn').prop('disabled', false);
+                $('#vehicle_form_submit_btn_id_for_disable').prop('disabled', false);
             }
         });
 
-        $('#hide_smbt_btn button').prop('disabled', false);
+        $('#hide_smbt_btn_button').prop('disabled', false);
         
     }
 
     $('#client_type').on('change', function() {
 
         let client_type = $(this).val();
+        console.log( "client_type",  client_type);
 
         if(client_type == 1){
             $('.group_client').show();
             $('.individual_client').hide();
             $(".group_client").find("select, input, textarea").val("").prop("required", true);
             $(".individual_client").find("select, input, textarea").val("").prop("required", false);
+            toggleRequiredWithAsterisk('#gst', false);
         }else{
             $('.group_client').hide();
             $('.individual_client').show();
             $(".group_client").find("select, input, textarea").val("").prop("required", false);
             $(".individual_client").find("select, input, textarea").val("").prop("required", true);
+            toggleRequiredWithAsterisk('#gst', false);
         }
 
     });
 
+    function toggleRequiredWithAsterisk(inputSelector, makeRequired) {
+
+        var $input = $(inputSelector);
+        var $label = $input.closest('.form-group').find('label');
+
+        console.log('Toggling required for:', inputSelector, 'Make required:', makeRequired);
+
+        if(makeRequired) {
+            $input.attr('required', true);
+            console.log('Added required attribute');
+
+            // Add asterisk if not already present
+            if($label.find('span.text-danger').length === 0) {
+                $label.append(' <span class="text-danger">*</span>');
+                console.log('Added * to label');
+            } else {
+                console.log('* already exists in label');
+            }
+        } else {
+            $input.removeAttr('required');
+            console.log('Removed required attribute');
+
+            // Remove asterisk
+            $label.find('span.text-danger').remove();
+            console.log('Removed * from label');
+        }
+
+        console.log('Current input attributes:', $input.prop('outerHTML'));
+        console.log('Current label html:', $label.html());
+    }
+
     $(document).on("input change", "input[name='total[]']", function () {
         let val = $(this).val();
         console.log("✅ total[] changed:", val);
     });
 
 
-</script>
\ No newline at end of file
+</script>