diff --git a/app/Controllers/TicketController.php b/app/Controllers/TicketController.php
index 37943e77..eb7e894b 100644
--- a/app/Controllers/TicketController.php
+++ b/app/Controllers/TicketController.php
@@ -1124,6 +1124,9 @@ class TicketController extends BaseController
         // dd($data['ticket_data']);
         $data['ticket_type']  = $this->ticketType;
         $data['trigger_type'] = $this->triggerType;
+
+        $data['page_name'] = "Claims";
+
         return $this->loadLayout('ticket_mail_template', $data);
     }
 
@@ -2190,6 +2193,8 @@ class TicketController extends BaseController
 
 
             $data['viewer'] = !empty($empView) ? $empView : 0; 
+
+           
             // dd($data);
             return view('ticket_feedback_form', $data);    
         }else{
@@ -2220,7 +2225,7 @@ class TicketController extends BaseController
     public function feedbackList(){
 
         $data['feedback_data'] = $this->ticketMasterModel->select("ticket_master.*,clients.client_name")->join("clients","clients.id = ticket_master.client_id")->where("ticket_master.is_active",1)->where("ticket_master.feedback_json IS NOT NULL", null, false)->where("ticket_master.feedback_json !=", "")->findAll();
-
+        $data['page_name'] = "Claims";
         // dd($data);
         $this->loadLayout("ticket_feedback_list",$data);
     }
diff --git a/app/Views/batch_list.php b/app/Views/batch_list.php
index 163b33cb..70fe7c5a 100755
--- a/app/Views/batch_list.php
+++ b/app/Views/batch_list.php
@@ -210,7 +210,7 @@
     $(document).ready(function() {
 
         $('#datatable-buttons').DataTable({
-            dom: "<'row'<'col-sm-0'f><'col-sm-9 text-right'B>>" +
+            dom: "<'d-flex justify-content-between align-items-center'<'datatable-search'f><'datatable-buttons'B>>" +
                 "<'row'<'col-sm-12'tr>>" +
                 "<'row'<'col-sm-5'i><'col-sm-7'p>>",
             buttons: [{
diff --git a/app/Views/claim_dump_file_list.php b/app/Views/claim_dump_file_list.php
index a0af62c0..b72f74e2 100644
--- a/app/Views/claim_dump_file_list.php
+++ b/app/Views/claim_dump_file_list.php
@@ -64,7 +64,7 @@
         <div class="card-body">
             <div class="row" style="padding-bottom: 10px;">
                 <div class="col-6" style="align-self: center;">
-                    <h2 style="position: relative;">Claim Dump Upload</h2>
+                    <h4 style="position: relative;">Claim Dump Upload</h4>
                 </div>
 
             </div>
diff --git a/app/Views/claims_report_acc_manager_wise.php b/app/Views/claims_report_acc_manager_wise.php
index 659646b8..2608e391 100644
--- a/app/Views/claims_report_acc_manager_wise.php
+++ b/app/Views/claims_report_acc_manager_wise.php
@@ -7,10 +7,6 @@
         padding: 4px 4px !important;
     }
 
-    .col-12 {
-        max-width: 98% !important;
-    }
-
     .dataTables_filter {
         position: absolute;
     }
diff --git a/app/Views/claims_report_tpa_wise.php b/app/Views/claims_report_tpa_wise.php
index 36b3412c..40121b41 100644
--- a/app/Views/claims_report_tpa_wise.php
+++ b/app/Views/claims_report_tpa_wise.php
@@ -7,9 +7,6 @@
         padding: 4px 4px !important;
     }
 
-    .col-12 {
-        max-width: 98% !important;
-    }
 
     .dataTables_filter {
         position: absolute;
@@ -33,7 +30,8 @@
                     <thead class="bg-light">
                         <tr>
                             <th style="text-align: center;" colspan="8">OPEN</th>
-                            <th style="text-align: center;" colspan="5" >CLEARED</th>
+                            &nbsp;
+                            <th style="text-align: center;" colspan="7" >CLEARED</th>
                         </tr>
                         <tr>
                             <?php foreach ($column_order as $col_name): ?>
diff --git a/app/Views/client_deposit_list.php b/app/Views/client_deposit_list.php
index 7fcfff6b..a1f8113d 100755
--- a/app/Views/client_deposit_list.php
+++ b/app/Views/client_deposit_list.php
@@ -70,7 +70,7 @@
 $(document).ready(function() {
 
     $('#tickets-table').DataTable({
-        dom: "<'row'<'col-sm-0'f><'col-sm-9 text-right'B>>",
+        dom: "<'d-flex justify-content-between align-items-center'<'datatable-search'f><'datatable-buttons'B>>",
         buttons: [{
             extend: 'csv',
             text: 'CSV',
diff --git a/app/Views/client_list.php b/app/Views/client_list.php
index a20a4af1..9017d3c1 100755
--- a/app/Views/client_list.php
+++ b/app/Views/client_list.php
@@ -166,7 +166,8 @@ table.dataTable thead th {
             </div>
         </div><!-- /.modal-content -->
     </div>
-</div><!-- /.modal -->
+</div>
+<!-- /.modal -->
 
 <script>
    document.addEventListener("DOMContentLoaded", function () {
@@ -296,9 +297,10 @@ table.dataTable thead th {
 $(document).ready(function()
 {
     $('#tickets-table').DataTable({
-        dom: "<'row'<'col-sm-2'f><'col-sm-10 text-right'B>>" + 
-            "<'row'<'col-sm-12'tr>>" + 
-            "<'row'<'col-sm-5'i><'col-sm-7'p>>", 
+        dom: "<'d-flex justify-content-between align-items-center'<'datatable-search'f><'datatable-buttons'B>>" +
+            "<'row'<'col-sm-12'tr>>" +
+            "<'row'<'col-sm-5'i><'col-sm-7'p>>",
+
         buttons: [
  
             {
diff --git a/app/Views/client_onboarding.php b/app/Views/client_onboarding.php
index 5366d1a8..1435c942 100755
--- a/app/Views/client_onboarding.php
+++ b/app/Views/client_onboarding.php
@@ -47,10 +47,6 @@ body {
         font-size: 14px;
     }
 
-    .container-fluid {
-        padding: 12px;
-    }
-
     .user-card {
         background: white;
         border-radius: 8px;
diff --git a/app/Views/employee_upload.php b/app/Views/employee_upload.php
index 09fb7637..8e8416dd 100755
--- a/app/Views/employee_upload.php
+++ b/app/Views/employee_upload.php
@@ -11,12 +11,13 @@ option:disabled {
         <div class="col-xl-12">
             <div id="accordion1" class="mb-3">
                 <div class="card mb-1">
-                    <h5 class="m-1">
+                    <h4 class="m-1">
+                        <span>Filters</span>
                         <a id="toggleIcon1" class="text-dark float-right" data-toggle="collapse" href="#collapseTwo"
                             aria-expanded="true">
                             <i id="icon1" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
                         </a>
-                    </h5>
+                    </h4>
                     <div id="collapseTwo" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion1">
                         <div class="card-body">
                             <!-- <div class="text-center"> -->
diff --git a/app/Views/endorsement_list.php b/app/Views/endorsement_list.php
index 3a4b4f93..ea94aca6 100755
--- a/app/Views/endorsement_list.php
+++ b/app/Views/endorsement_list.php
@@ -14,7 +14,7 @@
     }
 </style>
 
-<div class="container-fluid">
+<div class="container-fluid-min">
     <h2>Endorsement</h2>
     <div class="row">
         <div class="col-xl-12">
@@ -590,7 +590,7 @@
     $(document).ready(function() {
 
         $('#tickets-table').DataTable({
-            dom: "<'row'<'col-sm-0'f><'col-sm-9 text-right'B>>" +
+            dom: "<'d-flex justify-content-between align-items-center'<'datatable-search'f><'datatable-buttons'B>>" +
                 "<'row'<'col-sm-12'tr>>" +
                 "<'row'<'col-sm-5'i><'col-sm-7'p>>",
             buttons: [{
diff --git a/app/Views/enrollment_list.php b/app/Views/enrollment_list.php
index b0839a80..4894fd33 100755
--- a/app/Views/enrollment_list.php
+++ b/app/Views/enrollment_list.php
@@ -98,7 +98,7 @@
 </style>
 
 
-<div class="container-fluid">
+<div class="container-fluid-min">
 <h2>Enrollment</h2>
 <div class="row visa_status_count_view">
     <div class="col-12">
diff --git a/app/Views/file_list.php b/app/Views/file_list.php
index bceb3554..c46fb860 100755
--- a/app/Views/file_list.php
+++ b/app/Views/file_list.php
@@ -461,7 +461,7 @@ $('body').on('click', '.reload', function() {
 $(document).ready(function() {
 
     $('#tickets-table').DataTable({
-        dom: "<'row'<'col-sm-0'f><'col-sm-9 text-right'B>>" +
+        dom: "<'d-flex justify-content-between align-items-center'<'datatable-search'f><'datatable-buttons'B>>" +
             "<'row'<'col-sm-12'tr>>" +
             "<'row'<'col-sm-5'i><'col-sm-7'p>>",
         "buttons": [{
diff --git a/app/Views/hr_access_controll.php b/app/Views/hr_access_controll.php
index 8baf6872..1cf40c7a 100644
--- a/app/Views/hr_access_controll.php
+++ b/app/Views/hr_access_controll.php
@@ -61,7 +61,7 @@
 </style>
 
 
-<div class="container-fluid">
+<div class="container-fluid-min">
     <div class="row">
         <div class="col-12">
 
diff --git a/app/Views/hr_file_upload.php b/app/Views/hr_file_upload.php
index 936d603f..dfd67d6b 100644
--- a/app/Views/hr_file_upload.php
+++ b/app/Views/hr_file_upload.php
@@ -10,11 +10,12 @@
         <div class="col-xl-12">
             <div id="accordion" class="mb-3">
                 <div class="card mb-1">
-                    <h5 class="m-1">
+                    <h4 class="m-1">
+                        <span>Filters</span>
                         <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne" aria-expanded="true">
                             <i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
                         </a>
-                    </h5>
+                    </h4>
                     <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
                         <div class="card-body">
                             <!-- <div class="text-center"> -->
@@ -341,7 +342,7 @@
     // for datatable 
     $(document).ready(function() {
         $('#hr_tickets_table').DataTable({
-            dom: "<'row'<'col-sm-0'f><'col-sm-9 text-right'B>>" +
+            dom: "<'d-flex justify-content-between align-items-center'<'datatable-search'f><'datatable-buttons'B>>" +
                 "<'row'<'col-sm-12'tr>>" +
                 "<'row'<'col-sm-5'i><'col-sm-7'p>>",
             "buttons": [{
diff --git a/app/Views/import_export.php b/app/Views/import_export.php
index da473af6..b816c893 100755
--- a/app/Views/import_export.php
+++ b/app/Views/import_export.php
@@ -58,8 +58,6 @@
 
     <div class="col-12">
         <div class="card-body">
-                <h3>Inception</h3>
-                <br>
             <ul class="nav nav-pills navtab-bg">
                 <li class="nav-item d-flex justify-content-center align-items-center">
                     <a href="#general-q-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-1 active-tab" id="general_tab">
diff --git a/app/Views/insurer_list.php b/app/Views/insurer_list.php
index 723b04b0..026b0410 100755
--- a/app/Views/insurer_list.php
+++ b/app/Views/insurer_list.php
@@ -1,6 +1,5 @@
 <style>
-
-.custom-dropdown-menu {
+  .custom-dropdown-menu {
     display: none;
     position: absolute;
     background-color: #ffffff !important;
@@ -10,311 +9,312 @@
     min-width: 10rem;
     z-index: 9999;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-}
+  }
 
-.custom-dropdown-menu .dropdown-item {
+  .custom-dropdown-menu .dropdown-item {
     display: block !important;
     width: 100% !important;
     padding: 0.5rem 1rem !important;
     color: #212529 !important;
     text-decoration: none !important;
     background-color: transparent !important;
-}
+  }
 
-.custom-dropdown-menu .dropdown-item:hover {
+  .custom-dropdown-menu .dropdown-item:hover {
     background-color: #f8f9fa !important;
     color: #16181b !important;
     cursor: pointer !important;
-}   
+  }
 
-.btn-color{
-  background-color: rgba(52, 174, 178, 1);
-  color: white;
-  border:1px solid rgba(52, 174, 178, 1);
-}
+  .btn-color {
+    background-color: rgba(52, 174, 178, 1);
+    color: white;
+    border: 1px solid rgba(52, 174, 178, 1);
+  }
 
-.btn-color:hover{
+  .btn-color:hover {
     background-color: rgba(41, 139, 142, 1);
     color: white;
-    border:1px solid  rgba(41, 139, 142, 1);
-}
-
+    border: 1px solid rgba(41, 139, 142, 1);
+  }
 </style>
-<div class="row" id="insurer_list">
+
+<div class="container-fluid-min">
+  <div class="row" id="insurer_list">
     <div class="col-12">
-        <div class="card">
-            <div class="card-body maincard">
-                    <!-- <div class="row" style="margin-bottom:1rem;">
+      <div class="card">
+        <div class="card-body maincard">
+          <!-- <div class="row" style="margin-bottom:1rem;">
                         <div class="col-6" style="align-self: center;">
                             <h4 style="position: relative;">Insurers</h4>
                         </div>
                     </div> -->
-                <table data-custom-table-css="table" class="table table-sm table-hover m-0 table-centered dt-responsive nowrap w-100" cellspacing="0"
-                    id="tickets-table">
-                    <thead class="bg-light">
-                        <tr>
-                            <th class="font-weight-medium">Name</th>
-                            <th class="font-weight-medium">Type</th>
-                            <th class="font-weight-medium">Action</th>
-                        </tr>
-                    </thead>
+          <table data-custom-table-css="table" class="table table-sm table-hover m-0 table-centered dt-responsive nowrap w-100" cellspacing="0"
+            id="tickets-table">
+            <thead class="bg-light">
+              <tr>
+                <th class="font-weight-medium">Name</th>
+                <th class="font-weight-medium">Type</th>
+                <th class="font-weight-medium">Action</th>
+              </tr>
+            </thead>
 
-                    <tbody>
-                    <?php if(is_array($insurerList)) {foreach($insurerList as $row){ ?>
-                      <tr>
-                        <td><?php echo $row['name']; ?> ( <?php echo $row['short_name']; ?> ) </td>
-                        <td><?php echo $row['type']; ?></td>
-                        <td>
-                          <div class="btn-group dropdown">
-                            <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown"aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
-                            <div class="dropdown-menu dropdown-menu-right">
-                              <a class="dropdown-item" href="<?= base_url("master/insurer/list/"); ?><?= $row['id'];?>"><i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit</a>
-                              <a class="dropdown-item" data-id="<?= $row['id'];?>" onclick="removeInsurer(this)"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Delete</a>
-                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                    <?php }}?>
+            <tbody>
+              <?php if (is_array($insurerList)) {
+                foreach ($insurerList as $row) { ?>
+                  <tr>
+                    <td><?php echo $row['name']; ?> ( <?php echo $row['short_name']; ?> ) </td>
+                    <td><?php echo $row['type']; ?></td>
+                    <td>
+                      <div class="btn-group dropdown">
+                        <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                          <a class="dropdown-item" href="<?= base_url("master/insurer/list/"); ?><?= $row['id']; ?>"><i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit</a>
+                          <a class="dropdown-item" data-id="<?= $row['id']; ?>" onclick="removeInsurer(this)"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Delete</a>
+                        </div>
+                      </div>
+                    </td>
+                  </tr>
+              <?php }
+              } ?>
 
-                    </tbody>
-                </table>
-            </div>
+            </tbody>
+          </table>
         </div>
+      </div>
     </div><!-- end col -->
+  </div>
 </div>
+
 <!-- end row -->
 
 <script>
-
-document.addEventListener("DOMContentLoaded", function () {
+  document.addEventListener("DOMContentLoaded", function() {
     const table = document.getElementById("tickets-table");
-    
+
     // Create custom dropdown
     function createCustomDropdown(row) {
-        // Get the original dropdown items
-        const originalDropdown = row.querySelector('.dropdown-menu');
-        if (!originalDropdown) return null;
-        
-        // Create new dropdown with proper background and spacing
-        const customDropdown = document.createElement('div');
-        customDropdown.className = 'custom-dropdown-menu';
-        
-        // Copy inner content while maintaining icon alignment
-        customDropdown.innerHTML = originalDropdown.innerHTML;
-        
-        return customDropdown;
+      // Get the original dropdown items
+      const originalDropdown = row.querySelector('.dropdown-menu');
+      if (!originalDropdown) return null;
+
+      // Create new dropdown with proper background and spacing
+      const customDropdown = document.createElement('div');
+      customDropdown.className = 'custom-dropdown-menu';
+
+      // Copy inner content while maintaining icon alignment
+      customDropdown.innerHTML = originalDropdown.innerHTML;
+
+      return customDropdown;
     }
 
     let activeDropdown = null;
 
     // Add click event listener to rows
     table.querySelectorAll("tbody tr").forEach(row => {
-        const customDropdown = createCustomDropdown(row);
-        if (!customDropdown) return;
-        
-        document.body.appendChild(customDropdown);
+      const customDropdown = createCustomDropdown(row);
+      if (!customDropdown) return;
 
-        row.addEventListener("click", function(event) {
-            // Ignore clicks on the action column
-            if (event.target.closest('td:last-child')) {
-                return;
-            }
+      document.body.appendChild(customDropdown);
 
-            // Hide any active dropdown
-            if (activeDropdown) {
-                activeDropdown.style.display = 'none';
-            }
+      row.addEventListener("click", function(event) {
+        // Ignore clicks on the action column
+        if (event.target.closest('td:last-child')) {
+          return;
+        }
 
-            // Get click position
-            const rect = event.target.getBoundingClientRect();
-            
-            // Position the dropdown with some offset
-            customDropdown.style.display = 'block';
-            customDropdown.style.position = 'fixed';
-            customDropdown.style.left = `${rect.left}px`;
-            customDropdown.style.top = `${rect.bottom + 5}px`; // Add 5px gap
-            
-            // Set as active dropdown
-            activeDropdown = customDropdown;
-            
-            event.stopPropagation();
-        });
-
-        // Preserve click handlers and add auto-close
-        customDropdown.querySelectorAll('.dropdown-item').forEach(item => {
-            item.addEventListener('click', function(e) {
-              event.preventDefault(e);
-                const onclickAttr = this.getAttribute('onclick');
-                if (onclickAttr) {
-                    eval(onclickAttr);
-                }
-                
-                const href = this.getAttribute('href');
-                if (href && href !== '#') {
-                    window.location.href = href;
-                }
-
-                // Close the dropdown after handling the click
-                if (activeDropdown) {
-                    activeDropdown.style.display = 'none';
-                    activeDropdown = null;
-                }
-                
-                e.stopPropagation();
-            });
+        // Hide any active dropdown
+        if (activeDropdown) {
+          activeDropdown.style.display = 'none';
+        }
+
+        // Get click position
+        const rect = event.target.getBoundingClientRect();
+
+        // Position the dropdown with some offset
+        customDropdown.style.display = 'block';
+        customDropdown.style.position = 'fixed';
+        customDropdown.style.left = `${rect.left}px`;
+        customDropdown.style.top = `${rect.bottom + 5}px`; // Add 5px gap
+
+        // Set as active dropdown
+        activeDropdown = customDropdown;
+
+        event.stopPropagation();
+      });
+
+      // Preserve click handlers and add auto-close
+      customDropdown.querySelectorAll('.dropdown-item').forEach(item => {
+        item.addEventListener('click', function(e) {
+          event.preventDefault(e);
+          const onclickAttr = this.getAttribute('onclick');
+          if (onclickAttr) {
+            eval(onclickAttr);
+          }
+
+          const href = this.getAttribute('href');
+          if (href && href !== '#') {
+            window.location.href = href;
+          }
+
+          // Close the dropdown after handling the click
+          if (activeDropdown) {
+            activeDropdown.style.display = 'none';
+            activeDropdown = null;
+          }
+
+          e.stopPropagation();
         });
+      });
     });
 
     // Close dropdown when clicking outside
     document.addEventListener("click", function() {
-        if (activeDropdown) {
-            activeDropdown.style.display = 'none';
-            activeDropdown = null;
-        }
+      if (activeDropdown) {
+        activeDropdown.style.display = 'none';
+        activeDropdown = null;
+      }
     });
-});
-
+  });
 </script>
 
 <script>
+  $(document).ready(function() {
 
- $(document).ready(function(){
-
-  $('#tickets-table').DataTable({
-        dom:  "<'row'<'col-sm-0'f><'col-sm-9 text-right'B>>" + 
-              "<'row'<'col-sm-12'tr>>" + 
-              "<'row'<'col-sm-5'i><'col-sm-7'p>>" ,
-        buttons: [
-            {
-                extend: 'csv',
-                text: 'CSV', 
-                title: 'InsurerList', 
-                exportOptions: {
-                    columns: ':not(:last-child)'
-                }
-            },
-            {
-                text: 'ADD',
-                className: 'btn btn-color',
-                action: function () {
-                    window.location.href = "<?= base_url("master/insurer/create"); ?>";
-                }
-            }
-        ],
-
-
-        language: {
-            search: "_INPUT_",
-            searchPlaceholder: "Search..."
+    $('#tickets-table').DataTable({
+      dom: "<'d-flex justify-content-between align-items-center'<'datatable-search'f><'datatable-buttons'B>>" +
+        "<'row'<'col-sm-12'tr>>" +
+        "<'row'<'col-sm-5'i><'col-sm-7'p>>",
+      buttons: [{
+          extend: 'csv',
+          text: 'CSV',
+          title: 'InsurerList',
+          exportOptions: {
+            columns: ':not(:last-child)'
+          }
         },
-        paging: true ,
+        {
+          text: 'ADD',
+          className: 'btn btn-color',
+          action: function() {
+            window.location.href = "<?= base_url("master/insurer/create"); ?>";
+          }
+        }
+      ],
+
+
+      language: {
+        search: "_INPUT_",
+        searchPlaceholder: "Search..."
+      },
+      paging: true,
     });
 
- }) 
+  })
 
-const btnExport = document.querySelector("#btnExport");
-const tableElement = document.querySelector("#tickets-table");
+  const btnExport = document.querySelector("#btnExport");
+  const tableElement = document.querySelector("#tickets-table");
 
-btnExport.addEventListener("click", () => {
-  const obj = new csvExport(tableElement);
-  const csvData = obj.exportCsv();
-  const blob = new Blob([csvData], { type: "text/csv" });
-  const url = URL.createObjectURL(blob);
-  const a = document.createElement("a");
-  a.href = url;
-  a.download = "UserList.csv";
-  a.click();
+  btnExport.addEventListener("click", () => {
+    const obj = new csvExport(tableElement);
+    const csvData = obj.exportCsv();
+    const blob = new Blob([csvData], {
+      type: "text/csv"
+    });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = "UserList.csv";
+    a.click();
 
-  setTimeout(() => {
-    URL.revokeObjectURL(url);
-  }, 500);
-});
+    setTimeout(() => {
+      URL.revokeObjectURL(url);
+    }, 500);
+  });
 
 
-class csvExport {
-  constructor(table, header = true) {
-    this.table = table;
-    this.rows = Array.from(table.querySelectorAll("tr"));
-    if (!header && this.rows[0].querySelectorAll("th").length) {
-      this.rows.shift();
-    }
-  }
-
-  exportCsv() {
-    const lines = [];
-    const ncols = this._longestRow();
-    for (const row of this.rows) {
-      let line = "";
-      for (let i = 0; i < ncols - 1; i++) { // Exclude the last column
-        if (row.children[i] !== undefined) {
-          line += csvExport.safeData(row.children[i]);
-        }
-        line += i !== ncols - 2 ? "," : ""; // Adjusted for the last column exclusion
+  class csvExport {
+    constructor(table, header = true) {
+      this.table = table;
+      this.rows = Array.from(table.querySelectorAll("tr"));
+      if (!header && this.rows[0].querySelectorAll("th").length) {
+        this.rows.shift();
       }
-      lines.push(line);
     }
-    return lines.join("\n");
-  }
 
-  _longestRow() {
-    return this.rows.reduce((length, row) => (row.childElementCount > length ? row.childElementCount : length), 0);
-  }
+    exportCsv() {
+      const lines = [];
+      const ncols = this._longestRow();
+      for (const row of this.rows) {
+        let line = "";
+        for (let i = 0; i < ncols - 1; i++) { // Exclude the last column
+          if (row.children[i] !== undefined) {
+            line += csvExport.safeData(row.children[i]);
+          }
+          line += i !== ncols - 2 ? "," : ""; // Adjusted for the last column exclusion
+        }
+        lines.push(line);
+      }
+      return lines.join("\n");
+    }
 
-  static safeData(td) {
-    let data = td.textContent;
-    //Replace all double quote to two double quotes
-    data = data.replace(/"/g, `""`);
-    //Replace , and \n to double quotes
-    data = /[",\n"]/.test(data) ? `"${data}"` : data;
-    return data;
+    _longestRow() {
+      return this.rows.reduce((length, row) => (row.childElementCount > length ? row.childElementCount : length), 0);
+    }
+
+    static safeData(td) {
+      let data = td.textContent;
+      //Replace all double quote to two double quotes
+      data = data.replace(/"/g, `""`);
+      //Replace , and \n to double quotes
+      data = /[",\n"]/.test(data) ? `"${data}"` : data;
+      return data;
+    }
   }
-}
 
 
   function removeInsurer(element) {
 
     Swal.fire({
-            title: "Are you sure?",
-            text: "You need to remove this insurer.",
-            icon: "info",
-            showCancelButton: true,
-            confirmButtonColor: "#3085d6",
-            confirmButtonText: "Yes",
+      title: "Are you sure?",
+      text: "You need to remove this insurer.",
+      icon: "info",
+      showCancelButton: true,
+      confirmButtonColor: "#3085d6",
+      confirmButtonText: "Yes",
     }).then((result) => {
 
-            if (result.isConfirmed) {
-              var id = element.getAttribute('data-id');
-              var form_action = '<?= base_url("master/insurer/remove/") ?>' + id; 
-              $.ajax({
-                  url: form_action,
-                  type: "GET",
-                  dataType: 'json',
-                  processData: false,
-                  contentType: false,
-                  success: function(res) {
-                    // console.log(res.status == true);
-                      if(res){
-                        if (res.status == true) {
-                          toastr.success('Insurer removed successfully', 'success');
-                          location.reload();
-                        } else {
-                          toastr.warning('Failed to remove insurer', 'warning');
-                        }
-                      }
-                  },
-                  error: function (xhr, status, error) {
-                      console.error(xhr.responseText);
-                      console.error(status, error);
-                      $('.loader').fadeOut();
-                      $('.loader-mask').delay(350).fadeOut('slow');
-                      toastr.warning('Failed to remove insurer', 'warning');
-                  }
-              });
+      if (result.isConfirmed) {
+        var id = element.getAttribute('data-id');
+        var form_action = '<?= base_url("master/insurer/remove/") ?>' + id;
+        $.ajax({
+          url: form_action,
+          type: "GET",
+          dataType: 'json',
+          processData: false,
+          contentType: false,
+          success: function(res) {
+            // console.log(res.status == true);
+            if (res) {
+              if (res.status == true) {
+                toastr.success('Insurer removed successfully', 'success');
+                location.reload();
+              } else {
+                toastr.warning('Failed to remove insurer', 'warning');
+              }
             }
+          },
+          error: function(xhr, status, error) {
+            console.error(xhr.responseText);
+            console.error(status, error);
+            $('.loader').fadeOut();
+            $('.loader-mask').delay(350).fadeOut('slow');
+            toastr.warning('Failed to remove insurer', 'warning');
+          }
+        });
+      }
 
     });
 
   }
-
-
 </script>
\ No newline at end of file
diff --git a/app/Views/insurer_or_tpa_data.php b/app/Views/insurer_or_tpa_data.php
index dc07ab1c..88cc4fb0 100755
--- a/app/Views/insurer_or_tpa_data.php
+++ b/app/Views/insurer_or_tpa_data.php
@@ -10,11 +10,12 @@
         <div class="col-xl-12">
             <div id="accordion" class="mb-3">
                 <div class="card mb-1">
-                    <h5 class="m-1">
+                    <h4 class="m-1">
+                        <span>Filters</span>
                         <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne" aria-expanded="true">
                             <i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
                         </a>
-                    </h5>
+                    </h4>
                     <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
                         <div class="card-body">
                             <!-- <div class="text-center"> -->
diff --git a/app/Views/insurer_statement_list.php b/app/Views/insurer_statement_list.php
index b584f3f9..6c5d67bb 100644
--- a/app/Views/insurer_statement_list.php
+++ b/app/Views/insurer_statement_list.php
@@ -1,107 +1,105 @@
 <style>
-.table th,
-.table td {
-    padding: 8px;
-}
+    .table th,
+    .table td {
+        padding: 8px;
+    }
 
-table.dataTable tbody td {
-    padding: 4px 4px !important;
-}
+    table.dataTable tbody td {
+        padding: 4px 4px !important;
+    }
 
-/* table.dataTable thead th {
+    /* table.dataTable thead th {
     padding: 4px 4px !important;
 } */
 
-.col-12 {
+    
 
-    max-width: 98% !important;
-}
+    .dataTables_filter {
+        position: absolute;
+    }
 
-.dataTables_filter {
-    position: absolute;
-}
+    .highlight {
+        border: 2px solid red;
+        background-color: #ffe6e6;
+    }
 
-.highlight {
-    border: 2px solid red; 
-    background-color: #ffe6e6; 
-}
+    .column-header {
+        margin-right: 10px;
+        /* Adjust this value as needed */
+    }
 
-.column-header {
-    margin-right: 10px; /* Adjust this value as needed */
-}
+    .form-section {
+        border: 1px solid #ccc;
+        padding: 15px;
+        margin-bottom: 20px;
+    }
 
-.form-section {
-    border: 1px solid #ccc;
-    padding: 15px;
-    margin-bottom: 20px;
-}
-
-.row-box {
-    border: 1px solid #ccc;
-    padding: 10px;
-    margin-bottom: 10px;
-}
+    .row-box {
+        border: 1px solid #ccc;
+        padding: 10px;
+        margin-bottom: 10px;
+    }
 </style>
 
 <style>
     .switch {
-    position: relative;
-    display: inline-block;
-    width: 54px;
-    height: 34px;
+        position: relative;
+        display: inline-block;
+        width: 54px;
+        height: 34px;
     }
 
-    .switch input { 
-    opacity: 0;
-    width: 0;
-    height: 0;
+    .switch input {
+        opacity: 0;
+        width: 0;
+        height: 0;
     }
 
     .slider {
-    position: absolute;
-    cursor: pointer;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-color: #ccc;
-    -webkit-transition: .4s;
-    transition: .4s;
+        position: absolute;
+        cursor: pointer;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background-color: #ccc;
+        -webkit-transition: .4s;
+        transition: .4s;
     }
 
     .slider:before {
-    position: absolute;
-    content: "";
-    height: 19px;
-    width: 19px;
-    left: 4px;
-    bottom: 4px;
-    background-color: white;
-    -webkit-transition: .4s;
-    transition: .4s;
+        position: absolute;
+        content: "";
+        height: 19px;
+        width: 19px;
+        left: 4px;
+        bottom: 4px;
+        background-color: white;
+        -webkit-transition: .4s;
+        transition: .4s;
     }
 
-    input:checked + .slider {
-    background-color: #2196F3;
+    input:checked+.slider {
+        background-color: #2196F3;
     }
 
-    input:focus + .slider {
-    box-shadow: 0 0 1px #2196F3;
+    input:focus+.slider {
+        box-shadow: 0 0 1px #2196F3;
     }
 
-    input:checked + .slider:before {
-    -webkit-transform: translateX(26px);
-    -ms-transform: translateX(26px);
-    transform: translateX(26px);
+    input:checked+.slider:before {
+        -webkit-transform: translateX(26px);
+        -ms-transform: translateX(26px);
+        transform: translateX(26px);
     }
 
     /* Rounded sliders */
     .slider.round {
-    border-radius: 34px;
+        border-radius: 34px;
     }
 
     .slider.round:before {
-    border-radius: 50%;
+        border-radius: 50%;
     }
 
     .disabled-option {
@@ -109,176 +107,196 @@ table.dataTable tbody td {
     }
 
     .custom-dropdown-menu {
-    display: none;
-    position: absolute;
-    background-color: #ffffff !important;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    border-radius: 0.25rem;
-    padding: 0.5rem 0;
-    min-width: 10rem;
-    z-index: 9999;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-}
+        display: none;
+        position: absolute;
+        background-color: #ffffff !important;
+        border: 1px solid rgba(0, 0, 0, 0.15);
+        border-radius: 0.25rem;
+        padding: 0.5rem 0;
+        min-width: 10rem;
+        z-index: 9999;
+        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    }
 
-.custom-dropdown-menu .dropdown-item {
-    display: block !important;
-    width: 100% !important;
-    padding: 0.5rem 1rem !important;
-    color: #212529 !important;
-    text-decoration: none !important;
-    background-color: transparent !important;
-}
+    .custom-dropdown-menu .dropdown-item {
+        display: block !important;
+        width: 100% !important;
+        padding: 0.5rem 1rem !important;
+        color: #212529 !important;
+        text-decoration: none !important;
+        background-color: transparent !important;
+    }
 
-.custom-dropdown-menu .dropdown-item:hover {
-    background-color: #f8f9fa !important;
-    color: #16181b !important;
-    cursor: pointer !important;
-}   
+    .custom-dropdown-menu .dropdown-item:hover {
+        background-color: #f8f9fa !important;
+        color: #16181b !important;
+        cursor: pointer !important;
+    }
 </style>
 <style>
     .payment-card {
-  width: 100%;
-  background: #F7F7F7;
-  box-shadow: 0px 2px 2px 0px #00000040;
-  border-radius: 6px;
-  padding: 15px;
-  margin-bottom: 15px;
-}
+        width: 100%;
+        background: #F7F7F7;
+        box-shadow: 0px 2px 2px 0px #00000040;
+        border-radius: 6px;
+        padding: 15px;
+        margin-bottom: 15px;
+    }
 
-.payment-card .row {
-  align-items: flex-end;
-}
+    .payment-card .row {
+        align-items: flex-end;
+    }
 
-.payment-card label {
-  font-size: 13px;
-  font-weight: 500;
-  margin-bottom: 4px;
-  display: block;
-}
+    .payment-card label {
+        font-size: 13px;
+        font-weight: 500;
+        margin-bottom: 4px;
+        display: block;
+    }
 
-.payment-card .form-control {
-  border-radius: 6px;
-  height: 35px;
-  font-size: 14px;
-}
-
-.payment-card .btn {
-  margin-left: 5px;
-  border-radius: 6px;
-}
+    .payment-card .form-control {
+        border-radius: 6px;
+        height: 35px;
+        font-size: 14px;
+    }
 
+    .payment-card .btn {
+        margin-left: 5px;
+        border-radius: 6px;
+    }
 </style>
-<div class="row" id="inception_list">
-    <div class="col-12">
-        <div class="card">
-            <div class="card-body">
-                <div class="row" style="margin-bottom:1rem;">
-                    <div class="col-8" style="align-self: center;">
-                        <h4 style="position: relative;">Insurer Statements</h4>
-                        <!-- <div id="statusSwitchWrapper" class="dt-switch-wrapper">
+<div class="container-fluid-min">
+    <div class="row" id="inception_list">
+        <div class="col-12">
+            <div class="card">
+                <div class="card-body">
+                    <div class="row" style="margin-bottom:1rem;">
+                        <div class="col-8" style="align-self: center;">
+                            <h4 style="position: relative;">Insurer Statements</h4>
+                            <!-- <div id="statusSwitchWrapper" class="dt-switch-wrapper">
                                 <div class="custom-control custom-switch">
                                     <input type="checkbox" class="custom-control-input" id="statusSwitch">
                                     <label class="custom-control-label" for="statusSwitch">Failed Status</label>
                                 </div>
                         </div> -->
-                    </div>
-                    <!-- <div class="col-4">
+                        </div>
+                        <!-- <div class="col-4">
                         <div class="custom-control custom-switch">
                             <input type="checkbox" class="custom-control-input" id="failedSwitch">
                             <label class="custom-control-label" for="failedSwitch">Failed</label>
                         </div>
                     </div> -->
-                    
-                    <div class="col-4" style="text-align: right;">
-                        <div class="row align-items-center">
-                            <div class="offset-3 col-5">
-                                <div id="statusSwitchWrapper" class="dt-switch-wrapper">
-                                    <div class="custom-control custom-switch" style="text-align: left;">
-                                        <input type="checkbox" class="custom-control-input" id="statusSwitch">
-                                        <label class="custom-control-label" for="statusSwitch">Failed Status</label>
+
+                        <div class="col-4" style="text-align: right;">
+                            <div class="row align-items-center">
+                                <div class="offset-3 col-5">
+                                    <div id="statusSwitchWrapper" class="dt-switch-wrapper">
+                                        <div class="custom-control custom-switch" style="text-align: left;">
+                                            <input type="checkbox" class="custom-control-input" id="statusSwitch">
+                                            <label class="custom-control-label" for="statusSwitch">Failed Status</label>
+                                        </div>
                                     </div>
                                 </div>
-                            </div>
-                            <div class="col-4">
-                                <button type="button" id="btnAdd" onclick="showFileUploadModal()" class="btn btn-primary waves-effect waves-light">Upload <i class="mdi mdi-upload"></i></button>
+                                <div class="col-4">
+                                    <button type="button" id="btnAdd" onclick="showFileUploadModal()" class="btn btn-primary waves-effect waves-light">Upload <i class="mdi mdi-upload"></i></button>
+                                </div>
                             </div>
                         </div>
                     </div>
-                </div><div class="dataTables_length d-flex align-items-center">
-                </div>
-                <div>
-                    <table data-custom-table-css="table" class="table table-striped mb-0 nowrap" cellspacing="0" id="tickets-table">
-                        <thead class="bg-light">
-                            <tr>
-                                <th></th>
-                                <th><div class="column-header">Insurer</div></th>
-                                <th><div class="column-header">Month</div></th>
-                                <th><div class="column-header">Statement<br>sno</div></th>
-                                <th><div class="column-header">Filename</div></th>
-                                <th><div class="column-header">Line<br>items</div></th>
-                                <th><div class="column-header">File<br>status</div></th>
-                                <th><div class="column-header">Invoice<br>status</div></th>
-                                <th><div class="column-header">User/Time</div></th>
-                                <th><div class="column-header">Action</div></th>
-                            </tr>
-                        </thead>
+                    <div class="dataTables_length d-flex align-items-center">
+                    </div>
+                    <div>
+                        <table data-custom-table-css="table" class="table table-striped mb-0 nowrap" cellspacing="0" id="tickets-table">
+                            <thead class="bg-light">
+                                <tr>
+                                    <th></th>
+                                    <th>
+                                        <div class="column-header">Insurer</div>
+                                    </th>
+                                    <th>
+                                        <div class="column-header">Month</div>
+                                    </th>
+                                    <th>
+                                        <div class="column-header">Statement<br>sno</div>
+                                    </th>
+                                    <th>
+                                        <div class="column-header">Filename</div>
+                                    </th>
+                                    <th>
+                                        <div class="column-header">Line<br>items</div>
+                                    </th>
+                                    <th>
+                                        <div class="column-header">File<br>status</div>
+                                    </th>
+                                    <th>
+                                        <div class="column-header">Invoice<br>status</div>
+                                    </th>
+                                    <th>
+                                        <div class="column-header">User/Time</div>
+                                    </th>
+                                    <th>
+                                        <div class="column-header">Action</div>
+                                    </th>
+                                </tr>
+                            </thead>
 
-                        <tbody>
-                            <?php foreach($insurer_statement_list as $row){ ?>
-                            <tr>
-                                <td><input type="hidden" class="row-select" data-id="<?= $row['id']; ?>"></td>
-                                <td><?php echo $row['short_name'].'-'.$row['branch_code']; ?></td>
-                                <td><?php echo change_date_format($row['month'],'Y-m-d','M-Y'); ?></td>
-                                <td><?php echo $row['stmt_sno'] ?> </td>
-                                <td><?php echo $row['file_name'] ?> </td>
-                                <td><?php echo $row['line_items'] ?></td>
-                                <td><?php echo $row['file_status']; 
-                                      if($row['file_status'] == 'failed') 
-                                        {
-                                            echo " <span class='col-xl-3 col-lg-4 col-sm-6'> <i class='fe-alert-circle' data-toggle='modal' data-target='#file-err-modal' data-err=" . $row['id'] . "></i></span>";
-                                        }
-                                    ?>
-                                </td>
+                            <tbody>
+                                <?php foreach ($insurer_statement_list as $row) { ?>
+                                    <tr>
+                                        <td><input type="hidden" class="row-select" data-id="<?= $row['id']; ?>"></td>
+                                        <td><?php echo $row['short_name'] . '-' . $row['branch_code']; ?></td>
+                                        <td><?php echo change_date_format($row['month'], 'Y-m-d', 'M-Y'); ?></td>
+                                        <td><?php echo $row['stmt_sno'] ?> </td>
+                                        <td><?php echo $row['file_name'] ?> </td>
+                                        <td><?php echo $row['line_items'] ?></td>
+                                        <td><?php echo $row['file_status'];
+                                            if ($row['file_status'] == 'failed') {
+                                                echo " <span class='col-xl-3 col-lg-4 col-sm-6'> <i class='fe-alert-circle' data-toggle='modal' data-target='#file-err-modal' data-err=" . $row['id'] . "></i></span>";
+                                            }
+                                            ?>
+                                        </td>
 
-                                <td><?php echo (isset($invoice_status_array[ $row['invoice_status'] ]) ? $invoice_status_array[ $row['invoice_status'] ] : ' - ') ?>
-                                <span class="col-xl-3 col-lg-4 col-sm-6">
-                                    <?php if($row['file_status'] == 'success' ) { ?>
-                                    <i class="fe-alert-circle" 
-                                       data-toggle="tooltip" 
-                                       data-placement="right" 
-                                       title="<?php  echo 'Invoice Amt: ' . (isset($row['invoice_amount']) ? $row['invoice_amount'] : '0.00' ) . '  Received Amt: ' . (isset($row['received_inv_amt']) ? $row['received_inv_amt'] : '0.00') ;  ?>" 
-                                       data-original-title="Tooltip on right">
-                                    </i>
+                                        <td><?php echo (isset($invoice_status_array[$row['invoice_status']]) ? $invoice_status_array[$row['invoice_status']] : ' - ') ?>
+                                            <span class="col-xl-3 col-lg-4 col-sm-6">
+                                                <?php if ($row['file_status'] == 'success') { ?>
+                                                    <i class="fe-alert-circle"
+                                                        data-toggle="tooltip"
+                                                        data-placement="right"
+                                                        title="<?php echo 'Invoice Amt: ' . (isset($row['invoice_amount']) ? $row['invoice_amount'] : '0.00') . '  Received Amt: ' . (isset($row['received_inv_amt']) ? $row['received_inv_amt'] : '0.00');  ?>"
+                                                        data-original-title="Tooltip on right">
+                                                    </i>
+                                                <?php } ?>
+                                            </span>
+
+                                        </td>
+                                        <td><?php echo change_date_format($row['created_at'], 'Y-m-d H:i:s', 'd M Y h:i a') . ' <br> by ' . $row['first_name'] ?></td>
+                                        <td>
+                                            <?php if ($row['file_status'] != 'failed') { ?>
+                                                <div class="btn-group dropdown">
+                                                    <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
+                                                    <div class="dropdown-menu dropdown-menu-right">
+                                                        <a class="dropdown-item btnEdit" data-id="<?= $row['id']; ?>" data-exp-amt="<?= $row['exp_inv_amt']; ?>" data-received-amt="<?= $row['received_inv_amt']; ?>" onclick="showInvoiceStatusModal(event)">
+                                                            <i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Invoice status
+                                                        </a>
+                                                        <a class="dropdown-item btnEdit" data-id="<?= $row['id']; ?>" onclick="deleteStatement(<?= $row['id']; ?>)">
+                                                            <i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Delete
+                                                        </a>
+                                                    </div>
+                                                </div>
+                                            <?php } ?>
+                                        </td>
+
+                                    </tr>
                                 <?php } ?>
-                                </span>
-
-                               </td>
-                                <td><?php echo change_date_format($row['created_at'],'Y-m-d H:i:s','d M Y h:i a').' <br> by '.$row['first_name'] ?></td>
-                                <td>
-                                    <?php if($row['file_status'] != 'failed'){?>
-                                    <div class="btn-group dropdown">
-                                        <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
-                                        <div class="dropdown-menu dropdown-menu-right">
-                                            <a class="dropdown-item btnEdit" data-id="<?= $row['id'];?>" data-exp-amt="<?= $row['exp_inv_amt'];?>" data-received-amt="<?= $row['received_inv_amt'];?>" onclick="showInvoiceStatusModal(event)">
-                                                <i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Invoice status
-                                            </a>
-                                            <a class="dropdown-item btnEdit" data-id="<?= $row['id'];?>"onclick="deleteStatement(<?= $row['id'];?>)">
-                                                <i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Delete
-                                            </a>
-                                        </div>
-                                    </div>
-                                <?php } ?>
-                                </td>
-                                
-                            </tr>
-                            <?php } ?>
-                        </tbody>
-                    </table>
+                            </tbody>
+                        </table>
+                    </div>
                 </div>
             </div>
-        </div>
-    </div><!-- end col -->
+        </div><!-- end col -->
+    </div>
 </div>
+
 <!-- end table row -->
 
 <div class="modal fade" id="file_upload" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
@@ -293,7 +311,7 @@ table.dataTable tbody td {
                 <div class="">
 
                     <form role="form" class="parsley-examples" method="post" id="insurer_statement_upload_form" enctype="multipart/form-data" action="upload">
-                        
+
                         <div class="form-group">
                             <div class="row">
                                 <div class="form-group float-right-end offset-8 col-4">
@@ -302,42 +320,42 @@ table.dataTable tbody td {
                             </div>
                             <div class="row">
                                 <div class="form-group col-md-6">
-                                        <label for="insurer"> Insurer <spanclass="text-danger">*</spanclass=></label>
-                                        <select class="form-control" id="insurer" name="insurer" required>
-                                            <option value="" selected>Select Insurer</option>
-                                                <?php
-                                                    if (isset($insurers) && count($insurers)) {
-                                                        foreach ($insurers as $key => $value) {
-                                                            echo "<option value=" . $value['insurer_id'].'-'.$value['id'] . ">" . $value['insurer_name'] .'-'. $value['branch_code'] . "</option>";
-                                                        }
-                                                    }
-                                                ?>
-                                        </select>
-                                </div>   
+                                    <label for="insurer"> Insurer <spanclass="text-danger">*</spanclass=></label>
+                                    <select class="form-control" id="insurer" name="insurer" required>
+                                        <option value="" selected>Select Insurer</option>
+                                        <?php
+                                        if (isset($insurers) && count($insurers)) {
+                                            foreach ($insurers as $key => $value) {
+                                                echo "<option value=" . $value['insurer_id'] . '-' . $value['id'] . ">" . $value['insurer_name'] . '-' . $value['branch_code'] . "</option>";
+                                            }
+                                        }
+                                        ?>
+                                    </select>
+                                </div>
                                 <div class="form-group col-md-6">
-                                        <label for="statement_month">Statement month</label>
-                                        <input type="text" class="form-control" id="statement_month" name="statement_month" placeholder="" required readonly onchange="getStatementNo()">
+                                    <label for="statement_month">Statement month</label>
+                                    <input type="text" class="form-control" id="statement_month" name="statement_month" placeholder="" required readonly onchange="getStatementNo()">
                                 </div>
                             </div>
                             <div class="row">
                                 <div class="form-group col-md-6">
                                     <label for="statement_no">Statement no</label>
-                                    <select class="form-control" id="statement_no" name="statement_no" required >
+                                    <select class="form-control" id="statement_no" name="statement_no" required>
                                         <option value="" selected>Select statement no</option>
-                                            <?php
-                                            $stmt_no = [1,2,3,4,5,6,7];
-                                                if (isset($stmt_no) && count($stmt_no)) {
-                                                    foreach ($stmt_no as $key => $value) {
-                                                        echo "<option value=" . $value . ">" . $value . "</option>";
-                                                    }
-                                                }
-                                            ?>
+                                        <?php
+                                        $stmt_no = [1, 2, 3, 4, 5, 6, 7];
+                                        if (isset($stmt_no) && count($stmt_no)) {
+                                            foreach ($stmt_no as $key => $value) {
+                                                echo "<option value=" . $value . ">" . $value . "</option>";
+                                            }
+                                        }
+                                        ?>
                                     </select>
                                 </div>
                                 <div class="form-group col-md-6">
-                                    <label for="statment">Statement </label> 
+                                    <label for="statment">Statement </label>
                                     <div class="input-icon">
-                                        <input type="file" class="form-control" name="statement" required  accept=" application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel,application/vnd.oasis.opendocument.spreadsheet">
+                                        <input type="file" class="form-control" name="statement" required accept=" application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel,application/vnd.oasis.opendocument.spreadsheet">
                                         <i class="mdi mdi-upload additional-icon"></i>
                                     </div>
                                 </div>
@@ -346,7 +364,7 @@ table.dataTable tbody td {
                         </div>
 
                         <div class="form-group text-right m-b-0">
-                            <button type="button"class="btn app-btn-outline-secondary mr-2" data-dismiss="modal" aria-hidden="true">Cancel</button>
+                            <button type="button" class="btn app-btn-outline-secondary mr-2" data-dismiss="modal" aria-hidden="true">Cancel</button>
                             <button type="submit" class="btn btn-primary waves-effect waves-light mr-1" id="btnSubmit">Submit</button>
                         </div>
                     </form>
@@ -382,8 +400,8 @@ table.dataTable tbody td {
 
             <div class="modal-body p-4">
                 <div class="">
-                    <form role="form" class="parsley-examples" method="post" id="invoiceForm" enctype="multipart/form-data" action="<?php echo base_url().'policy_tranction/statement/saveInvoicePaymentDetails'?>">
-                        
+                    <form role="form" class="parsley-examples" method="post" id="invoiceForm" enctype="multipart/form-data" action="<?php echo base_url() . 'policy_tranction/statement/saveInvoicePaymentDetails' ?>">
+
                         <div class="form-group">
                             <div class="row">
                                 <div class="form-group col-md-4">
@@ -391,73 +409,73 @@ table.dataTable tbody td {
                                     <select class="form-control" id="invoice_status" name="invoice_status" required>
                                         <option value="" selected>Select Invoice Status</option>
                                         <?php
-                                            if (isset($invoice_status_array) && count($invoice_status_array)) {
-                                                foreach ($invoice_status_array as $key => $value) {
-                                                    echo "<option value='" . $key . "'>" . $value . "</option>";
-                                                }
+                                        if (isset($invoice_status_array) && count($invoice_status_array)) {
+                                            foreach ($invoice_status_array as $key => $value) {
+                                                echo "<option value='" . $key . "'>" . $value . "</option>";
                                             }
+                                        }
                                         ?>
                                     </select>
                                     <input type="hidden" id="hidden_statement_id" name="hidden_statement_id">
                                 </div>
-                               <!--  <div class="form-group col-md-4">
+                                <!--  <div class="form-group col-md-4">
                                     <label for="addon_policy">Exp Amount</label>
                                         <input type="text" class="form-control" id="modal_exp_amt" placeholder="" disabled>
                                 </div> -->
-                                
+
                             </div>
                             <hr>
 
                             <!-- Invoice Number and Invoice Date in same row -->
                             <!-- <div id="invoice_no_div_modal" style="display: none;"> -->
-                                <div class="row" id="invoice_no_div_modal" style="display: none;">
-                                    <div class="form-group col-md-4">
-                                          <label for="invoice_no">Invoice Number<span id="base_danger" class="text-danger"></span></label>
-                                        <input type="text" class="form-control" id="invoice_no_modal" name="invoice_no" placeholder="Enter Invoice Number" required>
-                                    </div>
-                                    
-                                    <div class="form-group col-md-4">
-                                         <label for="invoice_date">Invoice Date</label>
-                                        <input type="text" class="form-control" id="invoice_date_modal" name="invoice_date" value="<?php echo date('Y-m-d'); ?>"  readonly required>
-                                    </div>
-
-                                     <div class="form-group col-md-4">
-                                          <label for="invoice_value_modal">Invoice value<span id="base_danger" class="text-danger"></span></label>
-                                        <input type="number" class="form-control" id="invoice_value_modal" name="invoice_value" placeholder="Enter Invoice Value" readonly step="0.01">
-                                    </div>
-
-                                        
-                                     
+                            <div class="row" id="invoice_no_div_modal" style="display: none;">
+                                <div class="form-group col-md-4">
+                                    <label for="invoice_no">Invoice Number<span id="base_danger" class="text-danger"></span></label>
+                                    <input type="text" class="form-control" id="invoice_no_modal" name="invoice_no" placeholder="Enter Invoice Number" required>
                                 </div>
-                                <div class="row" id="invoice_no_div_modal2" style="display: none;">
 
-                                    <div class="form-group col-md-4">
-                                          <label for="gst_value_modal">GST %<span id="base_danger" class="text-danger"></span></label>
-                                        <input type="number" class="form-control" id="gst_per_modal" name="invoice_gst_per" placeholder="Enter GST %" required onchange="calcGSTValue()">
-                                    </div>
+                                <div class="form-group col-md-4">
+                                    <label for="invoice_date">Invoice Date</label>
+                                    <input type="text" class="form-control" id="invoice_date_modal" name="invoice_date" value="<?php echo date('Y-m-d'); ?>" readonly required>
+                                </div>
 
-                                     <div class="form-group col-md-4">
-                                          <label for="gst_value_modal">GST Value<span id="base_danger" class="text-danger"></span></label>
-                                        <input type="number" class="form-control" id="gst_value_modal" name="invoice_gst" placeholder="Enter Invoice Value" required readonly step="0.01">
-                                    </div>
-                                     <div class="form-group col-md-4">
-                                          <label for="invoice_no">Invoice Amount<span id="base_danger" class="text-danger"></span></label>
-                                        <input type="number" class="form-control" id="invoice_amount_no_modal" name="invoice_amount" placeholder="Enter Invoice Amt" required readonly step="0.01">
-                                    </div>
+                                <div class="form-group col-md-4">
+                                    <label for="invoice_value_modal">Invoice value<span id="base_danger" class="text-danger"></span></label>
+                                    <input type="number" class="form-control" id="invoice_value_modal" name="invoice_value" placeholder="Enter Invoice Value" readonly step="0.01">
+                                </div>
 
-                                     <!-- <div class="form-group col-md-3" id="modal_received_amt_div">
+
+
+                            </div>
+                            <div class="row" id="invoice_no_div_modal2" style="display: none;">
+
+                                <div class="form-group col-md-4">
+                                    <label for="gst_value_modal">GST %<span id="base_danger" class="text-danger"></span></label>
+                                    <input type="number" class="form-control" id="gst_per_modal" name="invoice_gst_per" placeholder="Enter GST %" required onchange="calcGSTValue()">
+                                </div>
+
+                                <div class="form-group col-md-4">
+                                    <label for="gst_value_modal">GST Value<span id="base_danger" class="text-danger"></span></label>
+                                    <input type="number" class="form-control" id="gst_value_modal" name="invoice_gst" placeholder="Enter Invoice Value" required readonly step="0.01">
+                                </div>
+                                <div class="form-group col-md-4">
+                                    <label for="invoice_no">Invoice Amount<span id="base_danger" class="text-danger"></span></label>
+                                    <input type="number" class="form-control" id="invoice_amount_no_modal" name="invoice_amount" placeholder="Enter Invoice Amt" required readonly step="0.01">
+                                </div>
+
+                                <!-- <div class="form-group col-md-3" id="modal_received_amt_div">
                                     <label for="addon_policy">Total Received Amount</label>
                                         <input type="text" class="form-control" id="modal_received_amt" placeholder="" disabled>
                                      </div>  -->
-                                   
-                                </div>
 
-                                 <div class="row" id="modal_received_amt_div">
-                                     <div class="form-group col-md-4" >
-                                        <label for="addon_policy">Total Received Amount</label>
-                                            <input type="number" class="form-control" id="modal_received_amt" placeholder="" disabled step="0.01">
-                                     </div> 
+                            </div>
+
+                            <div class="row" id="modal_received_amt_div">
+                                <div class="form-group col-md-4">
+                                    <label for="addon_policy">Total Received Amount</label>
+                                    <input type="number" class="form-control" id="modal_received_amt" placeholder="" disabled step="0.01">
                                 </div>
+                            </div>
                             <!-- </div> -->
 
                         </div>
@@ -490,46 +508,46 @@ table.dataTable tbody td {
                             </table> -->
                             <!-- <button type="button" id="add_row_btn" class="btn btn-secondary float-right mt-2"><i class="fa fa-plus"></i></button> -->
 
-                                <div class="payment-card">
-                                    <input type="hidden" class="form-control" name="pk[]" placeholder="Enter Amount">
-                                    <div class="row">
-                                        <div class="col">
+                            <div class="payment-card">
+                                <input type="hidden" class="form-control" name="pk[]" placeholder="Enter Amount">
+                                <div class="row">
+                                    <div class="col">
                                         <label>Invoice value</label>
                                         <input type="number" class="form-control" name="received_amount[]" placeholder="Enter Amount" required step="0.01" onchange="checkInvAmont(event)">
-                                        </div>
-                                        <div class="col">
+                                    </div>
+                                    <div class="col">
                                         <label>GST</label>
                                         <input type="number" class="form-control" name="gst_amount[]" placeholder="Enter GST" required step="0.01" onchange="checkInvAmont(event)">
-                                        </div>
-                                        <div class="col">
+                                    </div>
+                                    <div class="col">
                                         <label>TDS</label>
                                         <input type="number" class="form-control" name="tds[]" placeholder="Enter TDS" onchange="checkInvAmont(event)" required>
-                                        </div>
-                                        <div class="col">
+                                    </div>
+                                    <div class="col">
                                         <label>UTR Number</label>
                                         <input type="text" class="form-control" name="utr_no[]" placeholder="Enter UTR No" required>
-                                        </div>
-                                        <div class="col">
+                                    </div>
+                                    <div class="col">
                                         <label>Date</label>
                                         <input type="text" class="form-control payment_date" name="payment_date[]" value="<?php echo date('d/m/Y'); ?>" placeholder="dd/mm/yyyy" required readonly>
-                                        </div>
-                                        <div class="col-auto d-flex align-items-end">
+                                    </div>
+                                    <div class="col-auto d-flex align-items-end">
                                         <button type="button" class="btn btn-danger btn-sm remove-row">
                                             <i class="mdi mdi-delete"></i>
                                         </button>
-                                        </div>
                                     </div>
                                 </div>
-                                <div id="payment_card_container"></div>
-                                <div class="form-group text-right m-b-0">
-                                  <button type="button" id="add_row_btn" class=" ml-2 btn app-btn-primary"><i class="mdi mdi-plus"></i></button>
-                                </div>
+                            </div>
+                            <div id="payment_card_container"></div>
+                            <div class="form-group text-right m-b-0">
+                                <button type="button" id="add_row_btn" class=" ml-2 btn app-btn-primary"><i class="mdi mdi-plus"></i></button>
+                            </div>
 
 
                         </div>
 
                         <div class="form-group text-right m-b-0">
-                             <!-- <button type="button" id="add_row_btn" class="btn btn-primary waves-effect waves-light mr-1">Add payment</button> -->
+                            <!-- <button type="button" id="add_row_btn" class="btn btn-primary waves-effect waves-light mr-1">Add payment</button> -->
                             <button type="button" class="btn app-btn-outline-secondary mr-2" data-dismiss="modal" aria-hidden="true">Cancel</button>
                             <button type="submit" class="btn btn-primary waves-effect waves-light" id="btnSubmit">Save</button>
                         </div>
@@ -540,90 +558,88 @@ table.dataTable tbody td {
     </div>
 </div>
 <script>
+    document.addEventListener("DOMContentLoaded", function() {
+        const table = document.getElementById("tickets-table");
 
-document.addEventListener("DOMContentLoaded", function () {
-    const table = document.getElementById("tickets-table");
-    
-    // Create custom dropdown
-    function createCustomDropdown(row) {
-        const originalDropdown = row.querySelector('.dropdown-menu');
-        if (!originalDropdown) return null;
-        
-        const customDropdown = document.createElement('div');
-        customDropdown.className = 'custom-dropdown-menu';
-        customDropdown.innerHTML = originalDropdown.innerHTML;
+        // Create custom dropdown
+        function createCustomDropdown(row) {
+            const originalDropdown = row.querySelector('.dropdown-menu');
+            if (!originalDropdown) return null;
 
-        // Remove inline onclick handlers and store them in data attributes
-        const originalItems = originalDropdown.querySelectorAll('.dropdown-item');
-        customDropdown.querySelectorAll('.dropdown-item').forEach((item, index) => {
-            const originalOnclick = originalItems[index].getAttribute('onclick');
-            item.removeAttribute('onclick'); // Remove the inline handler
-            item.setAttribute('data-onclick', originalOnclick); // Store in data attribute
-        });
+            const customDropdown = document.createElement('div');
+            customDropdown.className = 'custom-dropdown-menu';
+            customDropdown.innerHTML = originalDropdown.innerHTML;
 
-        return customDropdown;
-    }
+            // Remove inline onclick handlers and store them in data attributes
+            const originalItems = originalDropdown.querySelectorAll('.dropdown-item');
+            customDropdown.querySelectorAll('.dropdown-item').forEach((item, index) => {
+                const originalOnclick = originalItems[index].getAttribute('onclick');
+                item.removeAttribute('onclick'); // Remove the inline handler
+                item.setAttribute('data-onclick', originalOnclick); // Store in data attribute
+            });
 
-    let activeDropdown = null;
+            return customDropdown;
+        }
 
-    // Add click event listener to rows
-    table.querySelectorAll("tbody tr").forEach(row => {
-        const customDropdown = createCustomDropdown(row);
-        if (!customDropdown) return;
-        
-        document.body.appendChild(customDropdown);
+        let activeDropdown = null;
 
-        row.addEventListener("click", function(event) {
-            // Ignore clicks on the first column
-            if (event.target.closest('td:first-child')) return;
+        // Add click event listener to rows
+        table.querySelectorAll("tbody tr").forEach(row => {
+            const customDropdown = createCustomDropdown(row);
+            if (!customDropdown) return;
 
-            if (activeDropdown) activeDropdown.style.display = 'none';
+            document.body.appendChild(customDropdown);
 
-            const rect = event.target.getBoundingClientRect();
-            customDropdown.style.display = 'block';
-            customDropdown.style.position = 'fixed';
-            customDropdown.style.left = `${rect.left}px`;
-            customDropdown.style.top = `${rect.bottom + 5}px`;
-            activeDropdown = customDropdown;
-            
-            event.stopPropagation();
-        });
-        // Handle custom dropdown clicks
-        customDropdown.querySelectorAll('.dropdown-item').forEach(item => {
-            item.addEventListener('click', function(e) {
-                e.preventDefault();
-                
-                // Execute the original onclick from data attribute
-                const onclickAttr = this.getAttribute('data-onclick');
-                if (onclickAttr) eval(onclickAttr);
+            row.addEventListener("click", function(event) {
+                // Ignore clicks on the first column
+                if (event.target.closest('td:first-child')) return;
 
-                // Handle href navigation
-                const href = this.getAttribute('href');
-                if (href && href !== '#') window.location.href = href;
+                if (activeDropdown) activeDropdown.style.display = 'none';
 
-                if (activeDropdown) {
-                    activeDropdown.style.display = 'none';
-                    activeDropdown = null;
-                }
-                
-                e.stopPropagation();
+                const rect = event.target.getBoundingClientRect();
+                customDropdown.style.display = 'block';
+                customDropdown.style.position = 'fixed';
+                customDropdown.style.left = `${rect.left}px`;
+                customDropdown.style.top = `${rect.bottom + 5}px`;
+                activeDropdown = customDropdown;
+
+                event.stopPropagation();
+            });
+            // Handle custom dropdown clicks
+            customDropdown.querySelectorAll('.dropdown-item').forEach(item => {
+                item.addEventListener('click', function(e) {
+                    e.preventDefault();
+
+                    // Execute the original onclick from data attribute
+                    const onclickAttr = this.getAttribute('data-onclick');
+                    if (onclickAttr) eval(onclickAttr);
+
+                    // Handle href navigation
+                    const href = this.getAttribute('href');
+                    if (href && href !== '#') window.location.href = href;
+
+                    if (activeDropdown) {
+                        activeDropdown.style.display = 'none';
+                        activeDropdown = null;
+                    }
+
+                    e.stopPropagation();
+                });
             });
         });
-    });
 
-    // Close dropdown on outside click
-    document.addEventListener("click", function() {
-        if (activeDropdown) {
-            activeDropdown.style.display = 'none';
-            activeDropdown = null;
-        }
+        // Close dropdown on outside click
+        document.addEventListener("click", function() {
+            if (activeDropdown) {
+                activeDropdown.style.display = 'none';
+                activeDropdown = null;
+            }
+        });
     });
-});
-
 </script>
 
 <script>
-    document.getElementById('invoice_status').addEventListener('change', function () {
+    document.getElementById('invoice_status').addEventListener('change', function() {
         const invoiceStatus = this.value;
         console.log(invoiceStatus);
         const invoiceNoDiv = document.getElementById('invoice_no_div_modal');
@@ -644,151 +660,147 @@ document.addEventListener("DOMContentLoaded", function () {
             invoiceNoDiv.style.display = 'flex';
             invoiceNoDiv2.style.display = 'flex';
             totalReceivedAmtDiv.style.display = 'none';
-            switchRequired('invoice_no_modal',true);
-            switchRequired('invoice_date_modal',true);
-            switchRequired('invoice_amount_no_modal',true);
+            switchRequired('invoice_no_modal', true);
+            switchRequired('invoice_date_modal', true);
+            switchRequired('invoice_amount_no_modal', true);
 
-             switchRequired('received_amount',false,'name');
-             switchRequired('tds',false,'name');
-             switchRequired('gst_amount',false,'name');
-             switchRequired('utr_no',false,'name');
-             switchRequired('payment_date',false,'name');
-             switchRequired('pk',false,'name');
+            switchRequired('received_amount', false, 'name');
+            switchRequired('tds', false, 'name');
+            switchRequired('gst_amount', false, 'name');
+            switchRequired('utr_no', false, 'name');
+            switchRequired('payment_date', false, 'name');
+            switchRequired('pk', false, 'name');
             // invoiceDateDiv.style.display = 'block';
         } else if (invoiceStatus === 'payment_received') {
             invoiceNoDiv.style.display = 'flex';
             invoiceNoDiv2.style.display = 'flex';
             paymentTableDiv.style.display = 'block';
             totalReceivedAmtDiv.style.display = 'block';
-             switchRequired('invoice_no_modal',true);
-             switchRequired('invoice_date_modal',true);
-             switchRequired('invoice_amount_no_modal',true);
+            switchRequired('invoice_no_modal', true);
+            switchRequired('invoice_date_modal', true);
+            switchRequired('invoice_amount_no_modal', true);
 
 
-             switchRequired('received_amount',true,'name');
-             switchRequired('utr_no',true,'name');
-             switchRequired('tds',true,'name');
-             switchRequired('gst_amount',true,'name');
-             switchRequired('payment_date',true,'name');
-             switchRequired('pk',true,'name');
-        }else if(invoiceStatus === 'pending')
-        {
-             invoiceNoDiv.style.display = 'none';
-             invoiceNoDiv2.style.display = 'none';
-             paymentTableDiv.style.display = 'none';
-             totalReceivedAmtDiv.style.display = 'none';
-             // switchRequired('modal_received_amt_div',false);
-             switchRequired('invoice_no_modal',false);
-             switchRequired('invoice_date_modal',false);
-             switchRequired('invoice_amount_no_modal',false);
+            switchRequired('received_amount', true, 'name');
+            switchRequired('utr_no', true, 'name');
+            switchRequired('tds', true, 'name');
+            switchRequired('gst_amount', true, 'name');
+            switchRequired('payment_date', true, 'name');
+            switchRequired('pk', true, 'name');
+        } else if (invoiceStatus === 'pending') {
+            invoiceNoDiv.style.display = 'none';
+            invoiceNoDiv2.style.display = 'none';
+            paymentTableDiv.style.display = 'none';
+            totalReceivedAmtDiv.style.display = 'none';
+            // switchRequired('modal_received_amt_div',false);
+            switchRequired('invoice_no_modal', false);
+            switchRequired('invoice_date_modal', false);
+            switchRequired('invoice_amount_no_modal', false);
 
-             switchRequired('received_amount',false,'name');
-             switchRequired('utr_no',false,'name');
-             switchRequired('payment_date',false,'name');
-             switchRequired('pk',false,'name');
-             switchRequired('tds',false,'name');
-             switchRequired('gst_amount',false,'name');
+            switchRequired('received_amount', false, 'name');
+            switchRequired('utr_no', false, 'name');
+            switchRequired('payment_date', false, 'name');
+            switchRequired('pk', false, 'name');
+            switchRequired('tds', false, 'name');
+            switchRequired('gst_amount', false, 'name');
 
         }
 
         calcGSTValue();
     });
 
-    
-
-    $(document).ready(function () {
-
-     $('#file-err-modal').on('show.bs.modal', function(event) {
-        // console.log(event.relatedTarget);
-        var myVal = $(event.relatedTarget).data('err');
-        // console.log(myVal);
-        var loader =
-            '<div style="text-align: center;"><img src="<?php echo base_url()?>public/assets/images/simple_loader.gif" height="50px" width="50px" ></div>';
-        $('#file-err-modal').find(".modal-body").html(loader);
-        var model_data = fetchFileError(myVal);
-        // console.log('data received.');
-        // console.log(model_data);
-
-    });
 
 
-    $('#invoiceForm').on('submit', function (e) {
-        e.preventDefault();  // Prevent default form submission
+    $(document).ready(function() {
 
-         var res = checkInvAmont();
-        if(!res)
-        {
-            return false;
-        }
+        $('#file-err-modal').on('show.bs.modal', function(event) {
+            // console.log(event.relatedTarget);
+            var myVal = $(event.relatedTarget).data('err');
+            // console.log(myVal);
+            var loader =
+                '<div style="text-align: center;"><img src="<?php echo base_url() ?>public/assets/images/simple_loader.gif" height="50px" width="50px" ></div>';
+            $('#file-err-modal').find(".modal-body").html(loader);
+            var model_data = fetchFileError(myVal);
+            // console.log('data received.');
+            // console.log(model_data);
 
-        var form = document.getElementById('invoiceForm');
-        // alert(form.checkValidity());
-        // alert($('#invoice_date_modal').val());
-        if((!form.checkValidity()))
-        {
-            console.log('error2');
-            console.log(form.checkValidity());
-            return false;
-        }
+        });
 
-        if($('#invoice_date_modal').val().trim() === '' && $('#invoice_status').val() != 'pending')
-        {
-            // console.log('error1');
-            return false;
-        }
-        // console.log('final');
-        // return false;
-        // Serialize form data to array and then convert to JSON
-        var formData = new FormData(form);
-        var formDataJSON = {};
 
-        // Iterate over FormData entries
-        formData.forEach(function(value, key) {
-            // Check if the key ends with '[]' indicating an array-like input
-            if (key.endsWith('[]')) {
-                // Remove '[]' from the key and store it as an array in formDataJSON
-                var arrayKey = key.slice(0, -2);
-                if (!formDataJSON[arrayKey]) {
-                    formDataJSON[arrayKey] = [];
+        $('#invoiceForm').on('submit', function(e) {
+            e.preventDefault(); // Prevent default form submission
+
+            var res = checkInvAmont();
+            if (!res) {
+                return false;
+            }
+
+            var form = document.getElementById('invoiceForm');
+            // alert(form.checkValidity());
+            // alert($('#invoice_date_modal').val());
+            if ((!form.checkValidity())) {
+                console.log('error2');
+                console.log(form.checkValidity());
+                return false;
+            }
+
+            if ($('#invoice_date_modal').val().trim() === '' && $('#invoice_status').val() != 'pending') {
+                // console.log('error1');
+                return false;
+            }
+            // console.log('final');
+            // return false;
+            // Serialize form data to array and then convert to JSON
+            var formData = new FormData(form);
+            var formDataJSON = {};
+
+            // Iterate over FormData entries
+            formData.forEach(function(value, key) {
+                // Check if the key ends with '[]' indicating an array-like input
+                if (key.endsWith('[]')) {
+                    // Remove '[]' from the key and store it as an array in formDataJSON
+                    var arrayKey = key.slice(0, -2);
+                    if (!formDataJSON[arrayKey]) {
+                        formDataJSON[arrayKey] = [];
+                    }
+                    formDataJSON[arrayKey].push(value); // Push the value into the array
+                } else {
+                    formDataJSON[key] = value; // Standard single-value field
                 }
-                formDataJSON[arrayKey].push(value); // Push the value into the array
-            } else {
-                formDataJSON[key] = value; // Standard single-value field
-            }
-        });
+            });
 
-        // Convert the JSON object to a string
-        var jsonData = JSON.stringify(formDataJSON);
-        console.log(jsonData);
-        $('.loader').fadeIn();
-        $('.loader-mask').fadeIn();
-        // Send the JSON data to the backend using AJAX
-        $.ajax({
-            url: 'saveInvoicePaymentDetails',  // Replace with your backend URL
-            type: 'POST',
-            contentType: 'application/json',
-            data: jsonData,
-            success: function (response) {
-                console.log(response);
-                // Close the modal
-    
-                 $('.close').click()
-                // Reset the form data
-                // $('#invoiceForm')[0].reset();
-                
-                alert('Invoice updated successfully!');
-                location.reload(); 
-            },
-            error: function (xhr, status, error) {
-                // Handle any errors
-                console.error('Form submission failed:', error);
-                alert('An error occurred while updating the invoice.');
-            }
+            // Convert the JSON object to a string
+            var jsonData = JSON.stringify(formDataJSON);
+            console.log(jsonData);
+            $('.loader').fadeIn();
+            $('.loader-mask').fadeIn();
+            // Send the JSON data to the backend using AJAX
+            $.ajax({
+                url: 'saveInvoicePaymentDetails', // Replace with your backend URL
+                type: 'POST',
+                contentType: 'application/json',
+                data: jsonData,
+                success: function(response) {
+                    console.log(response);
+                    // Close the modal
+
+                    $('.close').click()
+                    // Reset the form data
+                    // $('#invoiceForm')[0].reset();
+
+                    alert('Invoice updated successfully!');
+                    location.reload();
+                },
+                error: function(xhr, status, error) {
+                    // Handle any errors
+                    console.error('Form submission failed:', error);
+                    alert('An error occurred while updating the invoice.');
+                }
+            });
+            // location.reload(); 
+            $('.loader').fadeOut();
+            $('.loader-mask').delay(10).fadeOut('slow');
         });
-        // location.reload(); 
-        $('.loader').fadeOut();
-        $('.loader-mask').delay(10).fadeOut('slow');
-    });
     });
 
 
@@ -814,7 +826,7 @@ document.addEventListener("DOMContentLoaded", function () {
     //         });
     // });
 
-   // Remove row
+    // Remove row
     // document.getElementById('payment_table_modal').addEventListener('click', function (e) {
     //     if (e.target && e.target.classList.contains('remove-row')) {
     //         if (confirm("Do you want to delete this entry?")) {
@@ -849,12 +861,12 @@ document.addEventListener("DOMContentLoaded", function () {
     //     }
     // });
 
-    document.getElementById('add_row_btn').addEventListener('click', function () {
-    const container = document.getElementById('payment_card_container'); // wrapper div for cards
-    const newCard = document.createElement('div');
-    newCard.classList.add('payment-card');
+    document.getElementById('add_row_btn').addEventListener('click', function() {
+        const container = document.getElementById('payment_card_container'); // wrapper div for cards
+        const newCard = document.createElement('div');
+        newCard.classList.add('payment-card');
 
-    newCard.innerHTML = `
+        newCard.innerHTML = `
         <input type="hidden" class="form-control" name="pk[]" placeholder="Enter Amount">
         <div class="row">
             <div class="col">
@@ -885,136 +897,127 @@ document.addEventListener("DOMContentLoaded", function () {
         </div>
     `;
 
-    container.appendChild(newCard);
+        container.appendChild(newCard);
 
-    // Reinit datepicker
-    $('.payment_date').datepicker({
-        format: 'dd/mm/yyyy',
-        autoclose: true
+        // Reinit datepicker
+        $('.payment_date').datepicker({
+            format: 'dd/mm/yyyy',
+            autoclose: true
+        });
     });
-});
 
-// Remove row (card)
-document.getElementById('payment_card_container').addEventListener('click', function (e) {
-    if (e.target.closest('.remove-row')) {
-        const card = e.target.closest('.payment-card');
-        if (confirm("Do you want to delete this entry?")) {
-            const pk = card.querySelector('input[name="pk[]"]').value;
+    // Remove row (card)
+    document.getElementById('payment_card_container').addEventListener('click', function(e) {
+        if (e.target.closest('.remove-row')) {
+            const card = e.target.closest('.payment-card');
+            if (confirm("Do you want to delete this entry?")) {
+                const pk = card.querySelector('input[name="pk[]"]').value;
 
-            if (pk === "") {
-                // frontend only remove
-                card.remove();
-            } else {
-                // AJAX delete request
-                $.ajax({
-                    url: 'deletePaymentEntry/' + pk,
-                    type: 'GET',
-                    success: function (response) {
-                        if (response.dataStatus) {
-                            card.remove();
-                            alert('Payment deleted successfully.');
-                        } else {
-                            alert('Failed to delete the entry.');
+                if (pk === "") {
+                    // frontend only remove
+                    card.remove();
+                } else {
+                    // AJAX delete request
+                    $.ajax({
+                        url: 'deletePaymentEntry/' + pk,
+                        type: 'GET',
+                        success: function(response) {
+                            if (response.dataStatus) {
+                                card.remove();
+                                alert('Payment deleted successfully.');
+                            } else {
+                                alert('Failed to delete the entry.');
+                            }
+                        },
+                        error: function() {
+                            alert('Error occurred while deleting the entry.');
                         }
-                    },
-                    error: function () {
-                        alert('Error occurred while deleting the entry.');
-                    }
-                });
+                    });
+                }
             }
         }
-    }
-});
-
-
-
-    
-
+    });
 </script>
 
 <script>
-
-function showFileUploadModal(input)
-{
+    function showFileUploadModal(input) {
         var myModal = new bootstrap.Modal(document.getElementById('file_upload'));
         myModal.show();
         // $(input).val('');
-}
+    }
 
-function formatDate(date) {
-    var day = ("0" + date.getDate()).slice(-2);
-    var month = ("0" + (date.getMonth() + 1)).slice(-2);
-    var year = date.getFullYear();
-    return day + "/" + month + "/" + year;
-}
-function formatDateToDMY(dateStr) {
-    // Split the date string by the hyphen
-    var parts = dateStr.split('-');
-    return parts[2] + '/' + parts[1] + '/' + parts[0]; // Rearrange to DD-MM-YYYY
-}
-function showInvoiceStatusModal(event)
-{
+    function formatDate(date) {
+        var day = ("0" + date.getDate()).slice(-2);
+        var month = ("0" + (date.getMonth() + 1)).slice(-2);
+        var year = date.getFullYear();
+        return day + "/" + month + "/" + year;
+    }
+
+    function formatDateToDMY(dateStr) {
+        // Split the date string by the hyphen
+        var parts = dateStr.split('-');
+        return parts[2] + '/' + parts[1] + '/' + parts[0]; // Rearrange to DD-MM-YYYY
+    }
+
+    function showInvoiceStatusModal(event) {
         console.log('############  showInvoiceStatusModal function called ##################');
-         var modal_received_amt_div = document.getElementById('modal_received_amt_div');
-         modal_received_amt_div.style.display = 'none';
+        var modal_received_amt_div = document.getElementById('modal_received_amt_div');
+        modal_received_amt_div.style.display = 'none';
         // alert();
         // console.log(event.target.data)
         var dataId = event.target.getAttribute('data-id');
         var dataExpAmt = event.target.getAttribute('data-exp-amt');
         var dataReceivedAmt = event.target.getAttribute('data-received-amt');
         // Set the value to a hidden input field in the modal
-        document.getElementById('hidden_statement_id').value = dataId; 
+        document.getElementById('hidden_statement_id').value = dataId;
         // document.getElementById('modal_exp_amt').value = dataExpAmt; 
-        document.getElementById('modal_received_amt').value = dataReceivedAmt; 
+        document.getElementById('modal_received_amt').value = dataReceivedAmt;
 
         $('.loader').fadeIn();
         $('.loader-mask').fadeIn();
         // AJAX call to get the invoice details based on data-id
         $.ajax({
-            url: 'getPaymentDetails/'+ dataId, // Replace with your backend URL
+            url: 'getPaymentDetails/' + dataId, // Replace with your backend URL
             method: 'get',
             // data: { id: dataId },
             // dataType: 'json',
             success: function(response) {
                 $('.loader').fadeOut();
-            $('.loader-mask').delay(10).fadeOut('slow');
+                $('.loader-mask').delay(10).fadeOut('slow');
                 console.log(response);
                 // Assuming response contains the necessary data
                 if (response.dataStatus === true && response.code === 200) {
                     // Populate modal fields
-                    if(response.data.invoice_status !== null)
-                    {
+                    if (response.data.invoice_status !== null) {
                         var inv_status_element = document.getElementById('invoice_status');
                         inv_status_element.value = response.data.invoice_status;
                         var event = new Event('change');
                         inv_status_element.dispatchEvent(event);
                     }
-                    
+
                     document.getElementById('invoice_no_modal').value = response.data.invoice_no;
-                    document.getElementById('invoice_date_modal').value = response.data.invoice_date === '' ? <?php echo date('d-m-Y')?> : response.data.invoice_date;
+                    document.getElementById('invoice_date_modal').value = response.data.invoice_date === '' ? <?php echo date('d-m-Y') ?> : response.data.invoice_date;
                     document.getElementById('invoice_amount_no_modal').value = response.data.invoice_amount;
-                    
+
                     document.getElementById('invoice_value_modal').value = response.data.invoice_value;
                     document.getElementById('gst_per_modal').value = response.data.gst_per;
                     document.getElementById('gst_value_modal').value = response.data.gst_value;
                     console.log('response.data.gst_value - ' + response.data.gst_value);
-                    if(response.data.gst_value == 0 || response.data.gst_value == '' || response.data.gst_value == null)
-                    {
+                    if (response.data.gst_value == 0 || response.data.gst_value == '' || response.data.gst_value == null) {
                         calcGSTValue();
                     }
 
                     if (!$('#invoice_date_modal').val()) {
                         // alert('nope');
-                          // Set today's date as the default date
-                          $('#invoice_date_modal').datepicker('setDate', new Date());
+                        // Set today's date as the default date
+                        $('#invoice_date_modal').datepicker('setDate', new Date());
                     }
                     // Clear existing rows in the payment table
                     var paymentTableBody = document.querySelector('#payment_table_modal tbody');
-                    
+
                     console.log('response.data.payments.length', response.data.payments.length)
                     // Populate payment table rows
-                    if(response.data.payments.length)
-                    {
+                    if (response.data.payments.length) {
                         paymentTableBody.innerHTML = '';
                         response.data.payments.forEach(function(payment) {
                             var row = paymentTableBody.insertRow();
@@ -1029,7 +1032,10 @@ function showInvoiceStatusModal(event)
                             `;
                         });
                     }
-                     $('.payment_date').datepicker({ format: 'dd/mm/yyyy',autoclose: true});
+                    $('.payment_date').datepicker({
+                        format: 'dd/mm/yyyy',
+                        autoclose: true
+                    });
                     // Show the modal
                     var myModal = new bootstrap.Modal(document.getElementById('invoice_modal'));
                     myModal.show();
@@ -1050,70 +1056,70 @@ function showInvoiceStatusModal(event)
         // var myModal = new bootstrap.Modal(document.getElementById('invoice_modal'));
         // myModal.show();
         // $(input).val('');
-}
-
-$(document).ready(function(){
-   
-    // var rollover_date = flatpickr("#statement_month", {
-    //     dateFormat: "Y-M",
-    //     allowInput: true
-    // });
-     $('#statement_month').datepicker({
-      format: 'yyyy-M',
-      viewMode: 'months',
-      minViewMode: 'months',
-       autoclose: true
-    });
-
-
-     $('.payment_date').datepicker({
-      format: 'dd/mm/yyyy',
-       autoclose: true
-    });
-
-     // Get today's date
-var today = new Date();
-
-// Calculate the minimum date (60 days before today)
-var minDate = new Date();
-minDate.setDate(today.getDate() - 180);
-
-// Calculate the maximum date (60 days after today)
-var maxDate = new Date();
-maxDate.setDate(today.getDate() + 180);
-     $('#invoice_date_modal').datepicker({
-      format: 'dd/mm/yyyy',
-       autoclose: true,
-       startDate: minDate,
-    endDate: maxDate
-    });
-
-    //  var invoice_date_modal = flatpickr("#invoice_date_modal", {
-    //     dateFormat: "d-m-Y",
-    //     allowInput: true
-    // });
-});
-
-
- $('#insurer_statement_upload_form').submit(function(event) {
-    
-    event.preventDefault();
-    var isValid = $('#insurer_statement_upload_form').parsley().validate();
-    if (!isValid) {
-        console.log('Form is Empty', 'Warning');
-        // alert('choose all fileds');
-        return;
     }
 
-    $('#btnSubmit').prop('disabled', true).text('Submitting...');
-    // Create FormData object
-    var formData = new FormData($(this)[0]);
-    for (var pair of formData.entries()) {
-        console.log(pair[0] + ', ' + pair[1]);
-    }
+    $(document).ready(function() {
 
-         $('.loader').fadeIn();
-         $('.loader-mask').fadeIn();
+        // var rollover_date = flatpickr("#statement_month", {
+        //     dateFormat: "Y-M",
+        //     allowInput: true
+        // });
+        $('#statement_month').datepicker({
+            format: 'yyyy-M',
+            viewMode: 'months',
+            minViewMode: 'months',
+            autoclose: true
+        });
+
+
+        $('.payment_date').datepicker({
+            format: 'dd/mm/yyyy',
+            autoclose: true
+        });
+
+        // Get today's date
+        var today = new Date();
+
+        // Calculate the minimum date (60 days before today)
+        var minDate = new Date();
+        minDate.setDate(today.getDate() - 180);
+
+        // Calculate the maximum date (60 days after today)
+        var maxDate = new Date();
+        maxDate.setDate(today.getDate() + 180);
+        $('#invoice_date_modal').datepicker({
+            format: 'dd/mm/yyyy',
+            autoclose: true,
+            startDate: minDate,
+            endDate: maxDate
+        });
+
+        //  var invoice_date_modal = flatpickr("#invoice_date_modal", {
+        //     dateFormat: "d-m-Y",
+        //     allowInput: true
+        // });
+    });
+
+
+    $('#insurer_statement_upload_form').submit(function(event) {
+
+        event.preventDefault();
+        var isValid = $('#insurer_statement_upload_form').parsley().validate();
+        if (!isValid) {
+            console.log('Form is Empty', 'Warning');
+            // alert('choose all fileds');
+            return;
+        }
+
+        $('#btnSubmit').prop('disabled', true).text('Submitting...');
+        // Create FormData object
+        var formData = new FormData($(this)[0]);
+        for (var pair of formData.entries()) {
+            console.log(pair[0] + ', ' + pair[1]);
+        }
+
+        $('.loader').fadeIn();
+        $('.loader-mask').fadeIn();
         $.ajax({
             url: $(this).attr("action"),
             type: "POST",
@@ -1147,7 +1153,7 @@ maxDate.setDate(today.getDate() + 180);
                     toastr.error('Something went wrong! Try later', 'Error');
                     window.location.reload(true);
                 }
-                  $('.close').click()
+                $('.close').click()
                 $('.loader').fadeOut();
                 $('.loader-mask').delay(10).fadeOut('slow');
 
@@ -1159,99 +1165,98 @@ maxDate.setDate(today.getDate() + 180);
                 console.error("Request failed:", status, error);
                 toastr.error('Something went wrong! Try later', 'Error');
                 // $('#uploadForm')[0].reset();
-                  $('.close').click()
+                $('.close').click()
                 $('.loader').fadeOut();
                 $('.loader-mask').delay(10).fadeOut('slow');
                 window.location.reload(true);
             }
         });
-         
+
     });
 
- function fetchFileError(file_id) {
-    $('#loader').show();
-    var apiURL = 'getFileErr/' + file_id;
-    // console.log('fetchFileError');
-    // console.log(apiURL);
-    $.ajax({
-        url: apiURL,
-        method: 'GET',
-        headers: {
-            "X-Requested-With": "XMLHttpRequest"
-        },
-        success: function(response) {
-            console.log(response);
-            $(this).find(".modal-body").html("");
-            if (response.code === 200 && response.dataStatus === true && response.data !== "") {
-                try {
-                    // console.log((JSON.parse(response.data)));
-                    var file_error_data = (JSON.parse(response.data));
-                    var file_error_html = "";
+    function fetchFileError(file_id) {
+        $('#loader').show();
+        var apiURL = 'getFileErr/' + file_id;
+        // console.log('fetchFileError');
+        // console.log(apiURL);
+        $.ajax({
+            url: apiURL,
+            method: 'GET',
+            headers: {
+                "X-Requested-With": "XMLHttpRequest"
+            },
+            success: function(response) {
+                console.log(response);
+                $(this).find(".modal-body").html("");
+                if (response.code === 200 && response.dataStatus === true && response.data !== "") {
+                    try {
+                        // console.log((JSON.parse(response.data)));
+                        var file_error_data = (JSON.parse(response.data));
+                        var file_error_html = "";
 
-                    if (file_error_data['error_code'] == 1) {
-                        file_error_html += 'The following row no(s) from excel are <span style="font-weight:bold">not found with policy transactions / duplicates.</span>';
-                        file_error_html += ' : ' + '<span style="font-weight:bolder">' + file_error_data['error_data'].join(',') + '</span>';
+                        if (file_error_data['error_code'] == 1) {
+                            file_error_html += 'The following row no(s) from excel are <span style="font-weight:bold">not found with policy transactions / duplicates.</span>';
+                            file_error_html += ' : ' + '<span style="font-weight:bolder">' + file_error_data['error_data'].join(',') + '</span>';
+                        }
+
+                        // console.log(file_error_html);
+                        $('#file-err-modal').find(".modal-body").html(file_error_html);
+                        return file_error_html;
+                    } catch (error) {
+                        console.error('Error parsing API response data:', error);
                     }
-
-                    // console.log(file_error_html);
-                    $('#file-err-modal').find(".modal-body").html(file_error_html);
-                    return file_error_html;
-                } catch (error) {
-                    console.error('Error parsing API response data:', error);
+                } else if (response.code === 404 && response.dataStatus === false) {
+                    console.error('no data found', response);
+                } else {
+                    console.error('Something went wrong!');
                 }
-            } else if (response.code === 404 && response.dataStatus === false) {
-                console.error('no data found', response);
-            } else {
-                console.error('Something went wrong!');
+            },
+            error: function(xhr, status, error) {
+                console.error('Error fetching data from API:', error);
             }
-        },
-        error: function(xhr, status, error) {
-            console.error('Error fetching data from API:', error);
-        }
-    });
+        });
 
-    $('#loader').hide();
-}
-
-
-function checkInvAmont(event = null) {
-    var total = 0;
-    var receivedAmounts = document.querySelectorAll('input[name="received_amount[]"]');
-    var receivedGST = document.querySelectorAll('input[name="gst_amount[]"]');
-    var tdsAmounts = document.querySelectorAll('input[name="tds[]"]');
-    // console.log();
-    receivedAmounts.forEach(function(el, index) {
-        // Get the received amount
-        let receivedVal = parseFloat(el.value) || 0;
-        // Get the corresponding tds amount (paired with the received amount)
-        let gstVal = parseFloat(receivedGST[index].value) || 0;
-        let tdsVal = parseFloat(tdsAmounts[index].value) || 0;
-        // Add received amount and tds amount
-        // console.log();
-        total += (receivedVal + tdsVal + gstVal);
-    });
-    // console.log(total);
-    // Get the expected invoice amount
-    var exp_amt = parseFloat(document.getElementById('invoice_amount_no_modal').value) || 0;
-
-    // Check if the total exceeds the expected amount
-    if (exp_amt < total) {
-        alert('Exceeds Invoice amount...Plz adjust numbers');
-        if(event != null)
-        {
-            event.target.value = '';
-            
-        }
-        return false; // Reset the value of the element that triggered the event
+        $('#loader').hide();
     }
 
-    return true;
-}
+
+    function checkInvAmont(event = null) {
+        var total = 0;
+        var receivedAmounts = document.querySelectorAll('input[name="received_amount[]"]');
+        var receivedGST = document.querySelectorAll('input[name="gst_amount[]"]');
+        var tdsAmounts = document.querySelectorAll('input[name="tds[]"]');
+        // console.log();
+        receivedAmounts.forEach(function(el, index) {
+            // Get the received amount
+            let receivedVal = parseFloat(el.value) || 0;
+            // Get the corresponding tds amount (paired with the received amount)
+            let gstVal = parseFloat(receivedGST[index].value) || 0;
+            let tdsVal = parseFloat(tdsAmounts[index].value) || 0;
+            // Add received amount and tds amount
+            // console.log();
+            total += (receivedVal + tdsVal + gstVal);
+        });
+        // console.log(total);
+        // Get the expected invoice amount
+        var exp_amt = parseFloat(document.getElementById('invoice_amount_no_modal').value) || 0;
+
+        // Check if the total exceeds the expected amount
+        if (exp_amt < total) {
+            alert('Exceeds Invoice amount...Plz adjust numbers');
+            if (event != null) {
+                event.target.value = '';
+
+            }
+            return false; // Reset the value of the element that triggered the event
+        }
+
+        return true;
+    }
 
 
-function switchRequired(elementId, isRequired, type = 'id') {
+    function switchRequired(elementId, isRequired, type = 'id') {
         // console.log('switchRequired: ' + elementId+' - '+' - '+ type);
-        if(type == 'id')//id attribute
+        if (type == 'id') //id attribute
         {
             let element = document.getElementById(elementId);
             if (isRequired) {
@@ -1259,42 +1264,39 @@ function switchRequired(elementId, isRequired, type = 'id') {
             } else {
                 element.removeAttribute('required');
             }
-        }
-        else //name attribute
+        } else //name attribute
         {
-            var name_attribute = elementId+'[]';
+            var name_attribute = elementId + '[]';
             // Select all elements with the name 'invoice_amt[]'
             var elements = document.getElementsByName(name_attribute);
 
             // Loop through the elements and set or remove the 'required' attribute
             elements.forEach(function(element) {
                 if (isRequired) {
-                    element.setAttribute('required', 'required');  // Make required
+                    element.setAttribute('required', 'required'); // Make required
                 } else {
-                    element.removeAttribute('required');  // Remove required
+                    element.removeAttribute('required'); // Remove required
                 }
             });
         }
-}
-
-function getStatementNo()
-{
-    var insurer_id = $('#insurer').val();
-    var statement_month = $('#statement_month').val();
-
-    console.log(insurer_id+' / '+statement_month);
-    if(insurer_id == "")
-    {
-        alert('Choose insurer...!');
-        $('#statement_month').val('');
     }
 
+    function getStatementNo() {
+        var insurer_id = $('#insurer').val();
+        var statement_month = $('#statement_month').val();
+
+        console.log(insurer_id + ' / ' + statement_month);
+        if (insurer_id == "") {
+            alert('Choose insurer...!');
+            $('#statement_month').val('');
+        }
 
 
 
-         $('.loader').fadeIn();
-         $('.loader-mask').fadeIn();
-        var apiURL = 'getInsurerStatementMonth?insurer_id=' +insurer_id+'&month='+statement_month ;
+
+        $('.loader').fadeIn();
+        $('.loader-mask').fadeIn();
+        var apiURL = 'getInsurerStatementMonth?insurer_id=' + insurer_id + '&month=' + statement_month;
         $.ajax({
             url: apiURL,
             type: "GET",
@@ -1309,14 +1311,14 @@ function getStatementNo()
 
                 if (response.code === 200 && response.dataStatus === true && response
                     .data !== "") {
-                   
-                   disableStatementNo(response.data)
+
+                    disableStatementNo(response.data)
                     $('.loader').fadeOut();
                     $('.loader-mask').delay(10).fadeOut('slow');
                 } else if (response.code === 404 && response.dataStatus === false) {
                     console.error('no data found', response);
                     // alert(response.message);
-                   // toastr.error(response.message, 'Failed');
+                    // toastr.error(response.message, 'Failed');
                     // window.location.reload(true);
                     $('.loader').fadeOut();
                     $('.loader-mask').delay(10).fadeOut('slow');
@@ -1340,277 +1342,269 @@ function getStatementNo()
                 $('.loader-mask').delay(10).fadeOut('slow');
             }
         });
-         // $('.loader').fadeOut();
-         // $('.loader-mask').delay(10).fadeOut('slow');
+        // $('.loader').fadeOut();
+        // $('.loader-mask').delay(10).fadeOut('slow');
 
 
-}
-
-function calcGSTValue()
-{
-    // alert('calcGSTValue');
-    console.log('calcGSTValue called');
-    var inv_status_element = document.getElementById('invoice_status');
-    
-    if(inv_status_element.value == 'generated' || inv_status_element.value == 'send' || inv_status_element.value == 'payment_received')
-    {
-
-        var gst_per = document.getElementById('gst_per_modal').value;
-        console.log('gst_per - ' + gst_per);
-
-        var invoice_value_dom_obj = document.getElementById('invoice_value_modal');
-        var invoice_value = invoice_value_dom_obj.value;
-        console.log('invoice_value - ' + invoice_value);
-
-        var gst_value_dom_obj = document.getElementById('gst_value_modal');
-        var gst_value = gst_value_dom_obj.value;
-        console.log('gst_value - ' + gst_value);
-
-        var invoice_amount_dom_obj = document.getElementById('invoice_amount_no_modal');
-        // var invoice_amount = invoice_amount_dom_obj.value();
-        
-        gst_value_dom_obj.value = Math.round((parseFloat(gst_per) / 100 ) * invoice_value);
-        // gst_value_dom_obj.value = ((parseFloat(gst_per) / 100 ) * invoice_value);
-        invoice_amount_dom_obj.value = parseFloat(invoice_value_dom_obj.value) + parseFloat(gst_value_dom_obj.value);
-            if(inv_status_element.value == 'payment_received')
-            {
-                checkInvAmont();
-            }
     }
 
+    function calcGSTValue() {
+        // alert('calcGSTValue');
+        console.log('calcGSTValue called');
+        var inv_status_element = document.getElementById('invoice_status');
 
-}
+        if (inv_status_element.value == 'generated' || inv_status_element.value == 'send' || inv_status_element.value == 'payment_received') {
 
-function disableStatementNo(arr)
-{
-    // JavaScript array with values to disable
-    // const disableValues = arr;
-    const disableIds = arr.map(item => item.stmt_sno);
-    console.log(disableIds);
+            var gst_per = document.getElementById('gst_per_modal').value;
+            console.log('gst_per - ' + gst_per);
 
-    // Get the select element
-    const selectElement = document.getElementById("statement_no");
-    // Variable to track if the first enabled option is selected
-    let firstEnabledOptionSelected = false;
-    // Iterate over the options in the select element
-    Array.from(selectElement.options).forEach(option => {
-        // If the option value is in the disableIds array, disable it
-        console.log(option.value);
-         option.disabled = false;
-         option.style.backgroundColor = "";
-        if (disableIds.includes((option.value))) {
-            option.disabled = true;
-            option.style.backgroundColor = "lightgray";
+            var invoice_value_dom_obj = document.getElementById('invoice_value_modal');
+            var invoice_value = invoice_value_dom_obj.value;
+            console.log('invoice_value - ' + invoice_value);
+
+            var gst_value_dom_obj = document.getElementById('gst_value_modal');
+            var gst_value = gst_value_dom_obj.value;
+            console.log('gst_value - ' + gst_value);
+
+            var invoice_amount_dom_obj = document.getElementById('invoice_amount_no_modal');
+            // var invoice_amount = invoice_amount_dom_obj.value();
+
+            gst_value_dom_obj.value = Math.round((parseFloat(gst_per) / 100) * invoice_value);
+            // gst_value_dom_obj.value = ((parseFloat(gst_per) / 100 ) * invoice_value);
+            invoice_amount_dom_obj.value = parseFloat(invoice_value_dom_obj.value) + parseFloat(gst_value_dom_obj.value);
+            if (inv_status_element.value == 'payment_received') {
+                checkInvAmont();
+            }
         }
-        else if (!firstEnabledOptionSelected && option.value !== "") {
-            // Automatically select the first enabled option
-            option.selected = true;
-            firstEnabledOptionSelected = true;
-        }
-    });
-}
 
-function deleteStatement(id)
-{
-    //alert(id);
-    Swal.fire({
-        title: "Do you want to delete statement & it's invoice data if any?",
-        showCancelButton: true,
-        confirmButtonText: "Delete",
-        confirmButtonColor: "#ff3333",
-    }).then((result) => {
 
-        console.log(result);
+    }
 
-        if (result.isConfirmed) {
+    function disableStatementNo(arr) {
+        // JavaScript array with values to disable
+        // const disableValues = arr;
+        const disableIds = arr.map(item => item.stmt_sno);
+        console.log(disableIds);
 
-            $('.loader').fadeIn();
-            $('.loader-mask').fadeIn();
-            var apiURL = 'deleteStatement/' + id;
-            // console.log('Truncate API URL : ', apiURL);
+        // Get the select element
+        const selectElement = document.getElementById("statement_no");
+        // Variable to track if the first enabled option is selected
+        let firstEnabledOptionSelected = false;
+        // Iterate over the options in the select element
+        Array.from(selectElement.options).forEach(option => {
+            // If the option value is in the disableIds array, disable it
+            console.log(option.value);
+            option.disabled = false;
+            option.style.backgroundColor = "";
+            if (disableIds.includes((option.value))) {
+                option.disabled = true;
+                option.style.backgroundColor = "lightgray";
+            } else if (!firstEnabledOptionSelected && option.value !== "") {
+                // Automatically select the first enabled option
+                option.selected = true;
+                firstEnabledOptionSelected = true;
+            }
+        });
+    }
 
-            $.ajax({
-                url: apiURL,
-                method: 'GET',
-                headers: {
-                    "X-Requested-With": "XMLHttpRequest"
-                },
-                success: function(response) {
-                            // console.log('Truncate Response', response)
+    function deleteStatement(id) {
+        //alert(id);
+        Swal.fire({
+            title: "Do you want to delete statement & it's invoice data if any?",
+            showCancelButton: true,
+            confirmButtonText: "Delete",
+            confirmButtonColor: "#ff3333",
+        }).then((result) => {
+
+            console.log(result);
+
+            if (result.isConfirmed) {
+
+                $('.loader').fadeIn();
+                $('.loader-mask').fadeIn();
+                var apiURL = 'deleteStatement/' + id;
+                // console.log('Truncate API URL : ', apiURL);
+
+                $.ajax({
+                    url: apiURL,
+                    method: 'GET',
+                    headers: {
+                        "X-Requested-With": "XMLHttpRequest"
+                    },
+                    success: function(response) {
+                        // console.log('Truncate Response', response)
                         $('.loader').fadeOut();
                         $('.loader-mask').delay(10).fadeOut('slow');
-                    if (response.code === 200 && response.dataStatus === true) {
-                        Swal.fire({
-                            title: "Deleted!",
-                            icon: "success"
-                        });
-                       window.location.reload(true);
-                    }  else {
-                        Swal.fire({
-                            title: "Failed!",
-                            text: 'Something went wrong! Try later',
-                            icon: "error"
-                        });
+                        if (response.code === 200 && response.dataStatus === true) {
+                            Swal.fire({
+                                title: "Deleted!",
+                                icon: "success"
+                            });
+                            window.location.reload(true);
+                        } else {
+                            Swal.fire({
+                                title: "Failed!",
+                                text: 'Something went wrong! Try later',
+                                icon: "error"
+                            });
 
+                            window.location.reload(true);
+                        }
+                    },
+                    error: function(xhr, status, error) {
+
+                        console.error(xhr.responseText);
+                        console.error(status, error);
+                        $('.loader').fadeOut();
+                        $('.loader-mask').delay(10).fadeOut('slow');
+                        console.error('Error fetching data from API:', error);
+                        toastr.error('Something went wrong! Try later', 'Error');
                         window.location.reload(true);
                     }
-                },
-                error: function(xhr, status, error) {
+                });
+            }
 
-                    console.error(xhr.responseText);
-                    console.error(status, error);
-                        $('.loader').fadeOut();
-                        $('.loader-mask').delay(10).fadeOut('slow');
-                    console.error('Error fetching data from API:', error);
-                    toastr.error('Something went wrong! Try later', 'Error');
-                    window.location.reload(true);
-                }
-            });
-        }
+        });
 
-    });
+    }
+    // $(document).ready(function() {
+    //     $('#failedSwitch').change(function() {
+    //         if ($(this).prop('checked')) {
+    //             getFailedStatementList();
+    //         } else {
+    //             console.log("Inside Reload Function");
+    //         fetch(window.location.href) // Fetch the current page's content
+    //             .then(response => response.text())
+    //             .then(html => {
+    //             const parser = new DOMParser();
+    //             const doc = parser.parseFromString(html, 'text/html');
+    //             document.body.innerHTML = doc.body.innerHTML; // Replace the body content
+    //             $('.loader').fadeOut();
+    //             $('.loader-mask').delay(100).fadeOut('slow');
+    //             })
+    //             .catch(error => console.error('Error reloading body:', error));
+    //                 }
+    //     });
+    // });
 
-}
-// $(document).ready(function() {
-//     $('#failedSwitch').change(function() {
-//         if ($(this).prop('checked')) {
-//             getFailedStatementList();
-//         } else {
-//             console.log("Inside Reload Function");
-//         fetch(window.location.href) // Fetch the current page's content
-//             .then(response => response.text())
-//             .then(html => {
-//             const parser = new DOMParser();
-//             const doc = parser.parseFromString(html, 'text/html');
-//             document.body.innerHTML = doc.body.innerHTML; // Replace the body content
-//             $('.loader').fadeOut();
-//             $('.loader-mask').delay(100).fadeOut('slow');
-//             })
-//             .catch(error => console.error('Error reloading body:', error));
-//                 }
-//     });
-// });
-
-// function checkSwitchStatus(){
-//     $('#failedSwitch').change(function() {
-//     if ($(this).prop('checked')) {
-//             getFailedStatementList();
-//         } else {
-//             console.log("Inside Reload Function");
-//         fetch(window.location.href) // Fetch the current page's content
-//             .then(response => response.text())
-//             .then(html => {
-//             const parser = new DOMParser();
-//             const doc = parser.parseFromString(html, 'text/html');
-//             document.body.innerHTML = doc.body.innerHTML; // Replace the body content
-//             $('.loader').fadeOut();
-//             $('.loader-mask').delay(250).fadeOut('slow');
-//             })
-//             .catch(error => console.error('Error reloading body:', error));
-//                 }
-//             });
-// }
+    // function checkSwitchStatus(){
+    //     $('#failedSwitch').change(function() {
+    //     if ($(this).prop('checked')) {
+    //             getFailedStatementList();
+    //         } else {
+    //             console.log("Inside Reload Function");
+    //         fetch(window.location.href) // Fetch the current page's content
+    //             .then(response => response.text())
+    //             .then(html => {
+    //             const parser = new DOMParser();
+    //             const doc = parser.parseFromString(html, 'text/html');
+    //             document.body.innerHTML = doc.body.innerHTML; // Replace the body content
+    //             $('.loader').fadeOut();
+    //             $('.loader-mask').delay(250).fadeOut('slow');
+    //             })
+    //             .catch(error => console.error('Error reloading body:', error));
+    //                 }
+    //             });
+    // }
 
 
-// function getFailedStatementList(){
-//     $('.loader').fadeIn();
-//     $('.loader-mask').fadeIn();
-//     $.ajax({
-//         url:'<?= base_url("policy_tranction/statement/failedStatement")?>',
-//         type:'POST',
-//         success:function(response){
-//             console.log(response);
-//             var table = $('#tickets-table').DataTable();
-//             table.clear();
-//             $('#tickets-table').addClass('table-fixed');
-//             var failedList = response.data.insurer_statement_list;
-//             console.log('failed list'+failedList);
-//             failedList.forEach(function(row) {
-//                 var newRow = [
-//                                 '<input type="hidden" class="row-select" data-id="' + row.id + '">',
-//                                 row.short_name + '-' + row.branch_code,
-//                                 formatDate(row.month),
-//                                 row.stmt_sno,
-//                                 row.file_name,
-//                                 row.line_items,
-//                                 row.file_status +
-//                                     (row.file_status == 'failed' ? ' <span class="col-xl-3 col-lg-4 col-sm-6"><i class="fe-alert-circle" data-toggle="modal" data-target="#file-err-modal" data-err="' + row.id + '"></i></span>' : ''),
-//                                 (row.invoice_status ? row.invoice_status : ' - ') +
-//                                     (row.file_status == 'success' ? ' <span class="col-xl-3 col-lg-4 col-sm-6"><i class="fe-alert-circle" data-toggle="tooltip" title="Invoice Amt: ' + (row.invoice_amount || '0.00') + ' Received Amt: ' + (row.received_inv_amt || '0.00') + '"></i></span>' : ''),
-//                                 formatDate(row.created_at) + ' by <br>' + row.first_name,
-//                                 (row.file_status != 'failed' ?
-//                                     '<div class="btn-group dropdown">' +
-//                                         '<a href="javascript:void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>' +
-//                                         '<div class="dropdown-menu dropdown-menu-right">' +
-//                                             '<a class="dropdown-item btnEdit" data-id="' + row.id + '" data-exp-amt="' + row.exp_inv_amt + '" data-received-amt="' + row.received_inv_amt + '" onclick="showInvoiceStatusModal(event)">' +
-//                                                 '<i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Invoice status' +
-//                                             '</a>' +
-//                                             '<a class="dropdown-item btnEdit" data-id="' + row.id + '" onclick="deleteStatement(' + row.id + ')">' +
-//                                                 '<i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Delete' +
-//                                             '</a>' +
-//                                         '</div>' +
-//                                     '</div>' : '...')
-//                             ];
-
-//                             // Append the new row to the table body
-//                             table.row.add(newRow);
-//                         });
-//                         table.draw();
-//                         table.columns.adjust().draw(); // Ensures correct alignment
-//                         $('.loader').fadeOut();
-//                         $('.loader-mask').delay(250).fadeOut('slow');
-//         },
-//         error: function(xhr, status, error) {
-//                         let message = 'Failed to load Data ';
-//                         toastr.error(response.message, 'Failed');
-//                         $('.loader').fadeOut();
-//             $('.loader-mask').delay(250).fadeOut('slow');
-//         }
-
-//     })
-// }
-// $(document).ready(function() {
-//     var table = $('#tickets-table').DataTable({
-//         // responsive: true, // Ensures table adjusts to smaller screens
-//         stateSave: true, // Saves the table's state
-//     });
-// });
+    // function getFailedStatementList(){
+    //     $('.loader').fadeIn();
+    //     $('.loader-mask').fadeIn();
+    //     $.ajax({
+    //         url:'<?= base_url("policy_tranction/statement/failedStatement") ?>',
+    //         type:'POST',
+    //         success:function(response){
+    //             console.log(response);
+    //             var table = $('#tickets-table').DataTable();
+    //             table.clear();
+    //             $('#tickets-table').addClass('table-fixed');
+    //             var failedList = response.data.insurer_statement_list;
+    //             console.log('failed list'+failedList);
+    //             failedList.forEach(function(row) {
+    //                 var newRow = [
+    //                                 '<input type="hidden" class="row-select" data-id="' + row.id + '">',
+    //                                 row.short_name + '-' + row.branch_code,
+    //                                 formatDate(row.month),
+    //                                 row.stmt_sno,
+    //                                 row.file_name,
+    //                                 row.line_items,
+    //                                 row.file_status +
+    //                                     (row.file_status == 'failed' ? ' <span class="col-xl-3 col-lg-4 col-sm-6"><i class="fe-alert-circle" data-toggle="modal" data-target="#file-err-modal" data-err="' + row.id + '"></i></span>' : ''),
+    //                                 (row.invoice_status ? row.invoice_status : ' - ') +
+    //                                     (row.file_status == 'success' ? ' <span class="col-xl-3 col-lg-4 col-sm-6"><i class="fe-alert-circle" data-toggle="tooltip" title="Invoice Amt: ' + (row.invoice_amount || '0.00') + ' Received Amt: ' + (row.received_inv_amt || '0.00') + '"></i></span>' : ''),
+    //                                 formatDate(row.created_at) + ' by <br>' + row.first_name,
+    //                                 (row.file_status != 'failed' ?
+    //                                     '<div class="btn-group dropdown">' +
+    //                                         '<a href="javascript:void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>' +
+    //                                         '<div class="dropdown-menu dropdown-menu-right">' +
+    //                                             '<a class="dropdown-item btnEdit" data-id="' + row.id + '" data-exp-amt="' + row.exp_inv_amt + '" data-received-amt="' + row.received_inv_amt + '" onclick="showInvoiceStatusModal(event)">' +
+    //                                                 '<i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Invoice status' +
+    //                                             '</a>' +
+    //                                             '<a class="dropdown-item btnEdit" data-id="' + row.id + '" onclick="deleteStatement(' + row.id + ')">' +
+    //                                                 '<i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Delete' +
+    //                                             '</a>' +
+    //                                         '</div>' +
+    //                                     '</div>' : '...')
+    //                             ];
 
+    //                             // Append the new row to the table body
+    //                             table.row.add(newRow);
+    //                         });
+    //                         table.draw();
+    //                         table.columns.adjust().draw(); // Ensures correct alignment
+    //                         $('.loader').fadeOut();
+    //                         $('.loader-mask').delay(250).fadeOut('slow');
+    //         },
+    //         error: function(xhr, status, error) {
+    //                         let message = 'Failed to load Data ';
+    //                         toastr.error(response.message, 'Failed');
+    //                         $('.loader').fadeOut();
+    //             $('.loader-mask').delay(250).fadeOut('slow');
+    //         }
 
+    //     })
+    // }
+    // $(document).ready(function() {
+    //     var table = $('#tickets-table').DataTable({
+    //         // responsive: true, // Ensures table adjusts to smaller screens
+    //         stateSave: true, // Saves the table's state
+    //     });
+    // });
 </script>
 
 <script>
-$(document).ready(function() {
-    // Add custom filter function to DataTables
-    $.fn.dataTable.ext.search.push(function(settings, data, dataIndex) {
-        const showFailedStatus = $('#statusSwitch').is(':checked');
-        const status = data[6].toLowerCase().trim(); // Index 6 is the file_status column
-        
-        if (showFailedStatus) {
-            return status.includes('failed');
-        } else {
-            return status.includes('success');
-        }
-    });
+    $(document).ready(function() {
+        // Add custom filter function to DataTables
+        $.fn.dataTable.ext.search.push(function(settings, data, dataIndex) {
+            const showFailedStatus = $('#statusSwitch').is(':checked');
+            const status = data[6].toLowerCase().trim(); // Index 6 is the file_status column
 
-    // Initialize DataTable
-    const table = $('#tickets-table').DataTable({
-        // Your existing DataTable options here
-        "order": [], // Disable initial sorting if needed
-        "pageLength": 10,
-        // "dom": '<"top"lf>rt<"bottom"ip><"clear">', // This places length and filter controls at top
-        "language": {
-            "lengthMenu": "Show _MENU_ entries",
-            "search": "Search:"
-        }
-    });
+            if (showFailedStatus) {
+                return status.includes('failed');
+            } else {
+                return status.includes('success');
+            }
+        });
 
-    // Add event listener for switch changes
-    $('#statusSwitch').on('change', function() {
-        table.draw(); // Redraw the table to apply the filter
-    });
+        // Initialize DataTable
+        const table = $('#tickets-table').DataTable({
+            // Your existing DataTable options here
+            "order": [], // Disable initial sorting if needed
+            "pageLength": 10,
+            // "dom": '<"top"lf>rt<"bottom"ip><"clear">', // This places length and filter controls at top
+            "language": {
+                "lengthMenu": "Show _MENU_ entries",
+                "search": "Search:"
+            }
+        });
 
-    // Trigger initial filter to show only success status
-    table.draw();
-});
+        // Add event listener for switch changes
+        $('#statusSwitch').on('change', function() {
+            table.draw(); // Redraw the table to apply the filter
+        });
+
+        // Trigger initial filter to show only success status
+        table.draw();
+    });
 </script>
\ No newline at end of file
diff --git a/app/Views/irba_report.php b/app/Views/irba_report.php
index d868c17b..39813f63 100644
--- a/app/Views/irba_report.php
+++ b/app/Views/irba_report.php
@@ -1,15 +1,16 @@
 <div class="col-xl-12">
-    <h4  class="ml-1 mb-3"> <span class="font-color-black">IRBA</span> </h4>
+    <h4 class="ml-1 mb-3"> <span class="font-color-black">IRBA</span> </h4>
 </div>
 
-<div class="col-xl-12" id="outstanding_filter">
+<div class="container-fluid-min">
+    <div class="col-xl-12" id="outstanding_filter">
         <div id="accordion" class="mb-3">
-            <label id="filterAccordion" class="m-1 d-flex justify-content-between align-items-center">    
-                    <span class="font-color-black">Filters</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 id="filterAccordion" class="m-1 d-flex justify-content-between align-items-center">
+                <h4>Filters</h4>
+                <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">
@@ -19,8 +20,8 @@
                             <div class="form-group col-md-4" id="date_div">
                                 <label>Date<span class="text-danger"></span></label>
                                 <div class="input-icon">
-                                        <input type="text" id="reportrange" class="form-control" readonly  style="caret-color: transparent;">
-                                        <i class="mdi mdi-calendar-blank-outline additional-icon"></i>
+                                    <input type="text" id="reportrange" class="form-control" readonly style="caret-color: transparent;">
+                                    <i class="mdi mdi-calendar-blank-outline additional-icon"></i>
                                 </div>
                                 <input type="hidden" id="startDate" value=<?= $default_start ?>>
                                 <input type="hidden" id="endDate" value=<?= $default_end ?>>
@@ -63,6 +64,10 @@
         </div>
     </div>
     <div id="report"></div>
+</div>
+
+
+
 <script>
     $(function() {
 
@@ -81,7 +86,9 @@
         $('#reportrange').daterangepicker({
             startDate: start,
             endDate: end,
-            locale: { format: 'DD-MM-YYYY' },
+            locale: {
+                format: 'DD-MM-YYYY'
+            },
             ranges: {
                 'Today': [moment(), moment()],
                 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
@@ -97,16 +104,16 @@
     });
 </script>
 <script>
-    $('#category').on('click', function(){
+    $('#category').on('click', function() {
 
         var choosed_option = $('#category').val();
         $("#report_type").val('0');
-        if (choosed_option == 'life' ){
-            $("#report_type option[value='insurer']").show();  
-            $("#report_type option[value='bap']").hide();  
-            $("#report_type option[value='bapClient']").hide();  
-            $("#report_type option[value='bapInsurer']").hide();  
-            $("#report_type option[value='client']").show();  
+        if (choosed_option == 'life') {
+            $("#report_type option[value='insurer']").show();
+            $("#report_type option[value='bap']").hide();
+            $("#report_type option[value='bapClient']").hide();
+            $("#report_type option[value='bapInsurer']").hide();
+            $("#report_type option[value='client']").show();
 
         } else if (choosed_option == 'nonLife') {
             $("#report_type option[value='insurer']").show();
@@ -139,11 +146,11 @@
                 $('.loader').fadeOut();
                 $('.loader-mask').delay(350).fadeOut('slow');
 
-            }else{
+            } else {
                 $('.loader').fadeOut();
                 $('.loader-mask').delay(350).fadeOut('slow');
                 let message = response.message;
-                toastr.error(message,'ERROR');
+                toastr.error(message, 'ERROR');
             }
 
 
diff --git a/app/Views/kyc_list.php b/app/Views/kyc_list.php
index 9a027d0f..15de0d9d 100755
--- a/app/Views/kyc_list.php
+++ b/app/Views/kyc_list.php
@@ -175,7 +175,7 @@
  $(document).ready(function(){
 
   $('#tickets-table').DataTable({
-        dom:  "<'row'<'col-sm-0'f><'col-sm-9 text-right'B>>" + 
+        dom:  "<'d-flex justify-content-between align-items-center'<'datatable-search'f><'datatable-buttons'B>>" + 
               "<'row'<'col-sm-12'tr>>" + 
               "<'row'<'col-sm-5'i><'col-sm-7'p>>" ,
         buttons: [
diff --git a/app/Views/layout/header.php b/app/Views/layout/header.php
index 44cb0b30..53dd0769 100755
--- a/app/Views/layout/header.php
+++ b/app/Views/layout/header.php
@@ -129,6 +129,10 @@
         }
 
         .container-fluid {
+            padding: 0px 20px 0px 20px !important;
+        }
+
+        .container-fluid-top {
             padding: 0px 40px 0px 40px !important;
         }
 
@@ -1544,6 +1548,13 @@
     pointer-events: none; /* prevents blocking typing */
 }
 
+.datatable-search {
+  margin-right: auto;
+}
+.datatable-buttons {
+  margin-left: auto;
+}
+
 
 </style>
     
@@ -1992,4 +2003,4 @@
         <div class="content">
 
             <!-- Start Content-->
-            <div class="container-fluid">
\ No newline at end of file
+            <div class="container-fluid-top">
\ No newline at end of file
diff --git a/app/Views/lead_filter.php b/app/Views/lead_filter.php
index 73d7efe2..a4b15018 100644
--- a/app/Views/lead_filter.php
+++ b/app/Views/lead_filter.php
@@ -1,370 +1,371 @@
 <style>
-.col-12 {
-    max-width: 98% !important;
-}
+    .col-12 {
+        max-width: 98% !important;
+    }
 </style>
 
-                
-<div class="row" id="lead_filter_div">
-    <div class="col-12" style="margin-top: -12px;">
-        <div id="accordion" class="mb-3">
-            <div class="card mb-1">
-                <h5 class="m-1">
-                    <div class="row">
-                        <div class="col-md-6" style="position: relative;left: 17px;">
-                            <h4 style="text-align: left; margin-left:10px;">Filter</h4>
+<div class="container-fluid-min">
+    <div class="row" id="lead_filter_div">
+        <div class="col-12" style="margin-top: -12px;">
+            <div id="accordion" class="mb-3">
+                <div class="card mb-1">
+                    <h5 class="m-1">
+                        <div class="row">
+                            <div class="col-md-6" style="position: relative;left: 17px;">
+                                <h4 style="text-align: left;">Filter</h4>
+                            </div>
+                            <div class="col-md-6">
+                                <a style="text-align: right;" id="toggleIcon" class="text-dark float-right"
+                                    data-toggle="collapse" href="#collapseOne" aria-expanded="true">
+                                    <i id="icon" class="mdi mdi-chevron-down mr-1 text-primary"
+                                        style="font-size: 28px;"></i>
+                                </a>
+                            </div>
                         </div>
-                        <div class="col-md-6">
-                            <a style="text-align: right;" id="toggleIcon" class="text-dark float-right"
-                                data-toggle="collapse" href="#collapseOne" aria-expanded="true">
-                                <i id="icon" class="mdi mdi-chevron-down mr-1 text-primary"
-                                    style="font-size: 28px;"></i>
-                            </a>
-                        </div>
-                    </div>
-                </h5>
-                <div id="collapseOne" class="collapse hide" aria-labelledby="headingOne" data-parent="#accordion">
-                    <div class="card-body">
-                        <div class="form-group">
-                            <div class="form-row">
+                    </h5>
+                    <div id="collapseOne" class="collapse hide" aria-labelledby="headingOne" data-parent="#accordion">
+                        <div class="card-body">
+                            <div class="form-group">
+                                <div class="form-row">
 
-                                <div class="form-group col-md-3">
-                                    <label for="filter_issuer_type"> Issuer Type <span
-                                            class="text-danger"></span></label>
-                                    <select class="form-control" id="filter_issuer_type" name="filter_issuer_type">
-                                        <option value="0">Select</option>
-                                        <?php
+                                    <div class="form-group col-md-3">
+                                        <label for="filter_issuer_type"> Issuer Type <span
+                                                class="text-danger"></span></label>
+                                        <select class="form-control" id="filter_issuer_type" name="filter_issuer_type">
+                                            <option value="0">Select</option>
+                                            <?php
                                             if (isset($issuer) && count($issuer)) {
                                                 foreach ($issuer as $key => $value) {
                                                     echo "<option value='" . $key . "'>" . $value . "</option>";
                                                 }
                                             }
-                                        ?>
-                                    </select>
-                                </div>
+                                            ?>
+                                        </select>
+                                    </div>
 
-                                <div class="form-group col-md-3">
-                                    <label for="filter_lead_type"> Lead Type <span class="text-danger"></span></label>
-                                    <select class="form-control" id="filter_lead_type" name="filter_lead_type">
-                                        <option value="0">Select</option>
-                                        <?php
+                                    <div class="form-group col-md-3">
+                                        <label for="filter_lead_type"> Lead Type <span class="text-danger"></span></label>
+                                        <select class="form-control" id="filter_lead_type" name="filter_lead_type">
+                                            <option value="0">Select</option>
+                                            <?php
                                             if (isset($lead_type) && count($lead_type)) {
                                                 foreach ($lead_type as $key => $value) {
                                                     echo "<option value='" . $key . "'>" . $value . "</option>";
                                                 }
                                             }
-                                        ?>
-                                    </select>
-                                </div>
+                                            ?>
+                                        </select>
+                                    </div>
 
-                                <div class="form-group col-md-3">
-                                    <label for="filter_client_type"> Client Type <span
-                                            class="text-danger"></span></label>
-                                    <select class="form-control" id="filter_client_type" name="filter_client_type">
-                                        <option value="0">Select</option>
-                                        <?php
+                                    <div class="form-group col-md-3">
+                                        <label for="filter_client_type"> Client Type <span
+                                                class="text-danger"></span></label>
+                                        <select class="form-control" id="filter_client_type" name="filter_client_type">
+                                            <option value="0">Select</option>
+                                            <?php
                                             if (isset($client_type) && count($client_type)) {
                                                 foreach ($client_type as $key => $value) {
                                                     echo "<option value='" . $key . "'>" . $value . "</option>";
                                                 }
                                             }
-                                        ?>
-                                    </select>
-                                </div>
+                                            ?>
+                                        </select>
+                                    </div>
 
-                                <div class="form-group col-md-3">
-                                    <label for="filter_policy_type"> Policy Type <span
-                                            class="text-danger"></span></label>
-                                    <select class="form-control" id="filter_policy_type" name="filter_policy_type">
-                                        <option value="0">Select</option>
-                                        <?php
+                                    <div class="form-group col-md-3">
+                                        <label for="filter_policy_type"> Policy Type <span
+                                                class="text-danger"></span></label>
+                                        <select class="form-control" id="filter_policy_type" name="filter_policy_type">
+                                            <option value="0">Select</option>
+                                            <?php
                                             if (isset($policy_type) && count($policy_type)) {
                                                 foreach ($policy_type as $key => $value) {
                                                     echo "<option value='" . $value['id'] . "'>" . $value['policy_type'] . "</option>";
                                                 }
                                             }
-                                        ?>
-                                    </select>
-                                </div>
-                                <div class="form-group col-md-3">
-                                    <label for="filter_client_id">Client<span class="text-danger"></span></label>
-                                    <select class="form-control" id="filter_client_id" name="filter_client_id">
-                                        <option value="0">Select</option>
-                                    </select>
-                                </div>
+                                            ?>
+                                        </select>
+                                    </div>
+                                    <div class="form-group col-md-3">
+                                        <label for="filter_client_id">Client<span class="text-danger"></span></label>
+                                        <select class="form-control" id="filter_client_id" name="filter_client_id">
+                                            <option value="0">Select</option>
+                                        </select>
+                                    </div>
 
-                                <div class="form-group col-md-3">
-                                    <label for="filter_client_branch_id">Client Branch<span
-                                            class="text-danger"></span></label>
-                                    <select class="form-control" id="filter_client_branch_id"
-                                        name="filter_client_branch_id">
-                                        <option value="0">Select</option>
-                                    </select>
-                                </div>
+                                    <div class="form-group col-md-3">
+                                        <label for="filter_client_branch_id">Client Branch<span
+                                                class="text-danger"></span></label>
+                                        <select class="form-control" id="filter_client_branch_id"
+                                            name="filter_client_branch_id">
+                                            <option value="0">Select</option>
+                                        </select>
+                                    </div>
 
-                                <div class="form-group col-md-3">
-                                    <label for="filter_lead_status">Status<span class="text-danger"></span></label>
-                                    <select class="form-control" id="filter_lead_status" name="filter_lead_status">
-                                        <option value="0">Select</option>
-                                        <?php 
+                                    <div class="form-group col-md-3">
+                                        <label for="filter_lead_status">Status<span class="text-danger"></span></label>
+                                        <select class="form-control" id="filter_lead_status" name="filter_lead_status">
+                                            <option value="0">Select</option>
+                                            <?php
                                             if (isset($lead_status) && count($lead_status)) {
                                                 foreach ($lead_status as $key => $value) {
                                                     echo "<option value=" . $key . ">" . $value . "</option>";
                                                 }
                                             }
-                                       ?>
-                                    </select>
-                                </div>
+                                            ?>
+                                        </select>
+                                    </div>
+
+                                    <div class="form-group col-md-12 text-right m-b-0" style="margin-bottom: -15px;">
+                                        <a href="<?= base_url("/leads/list"); ?>" class="btn btn-secondary"
+                                            id="clear-filters">Clear</a>
+                                        <a class="btn btn-primary" id="get-emp-list"
+                                            onclick="fetchTicketListData();">Submit</a>
+                                    </div>
 
-                                <div class="form-group col-md-12 text-right m-b-0" style="margin-bottom: -15px;">
-                                    <a href="<?= base_url("/leads/list"); ?>" class="btn btn-secondary"
-                                        id="clear-filters">Clear</a>
-                                    <a class="btn btn-primary" id="get-emp-list"
-                                        onclick="fetchTicketListData();">Submit</a>
                                 </div>
 
                             </div>
-
                         </div>
                     </div>
                 </div>
-            </div>
 
+            </div>
         </div>
     </div>
+
+    <!-- end page title -->
+    <div id="lead_list_div">
+        <?php include('leads_list.php'); ?>
+    </div>
 </div>
 
-<!-- end page title -->
-<div id="lead_list_div">
-    <?php include('leads_list.php'); ?>
-</div>
 
 
 <script>
-var filter_client_list = [];
-var filter_branch_list = [];
+    var filter_client_list = [];
+    var filter_branch_list = [];
 
-$(document).ready(function() {
-    $('#filter_client_id').select2();
-    $('#filter_client_branch_id').select2();
-    $('#filter_policy_type').select2();
+    $(document).ready(function() {
+        $('#filter_client_id').select2();
+        $('#filter_client_branch_id').select2();
+        $('#filter_policy_type').select2();
 
-    getfilterClientAndBranch()
-});
-
-$(document).ready(function() {
-    $('#filter_client_id').change(function() {
-
-        let client_id = $(this).val();
-        if (filter_branch_list != '') {
-            // console.log(branch_list[client_id]);
-            let data = filter_branch_list[client_id];
-            appendfilterBranch(data);
-        }
-
-    })
-});
-
-//----- AJAX FUNCTIONS --------------------------------------------------------------------------------
-
-function fetchTicketListData() {
-
-    var issuer_type = $('#filter_issuer_type').val();
-    var lead_type = $('#filter_lead_type').val();
-    var policy_type = $('#filter_policy_type').val();
-    var client_type = $('#filter_client_type').val();
-    var status = $('#filter_lead_status').val();
-    var client_id = $('#filter_client_id').val();
-    var client_branch_id = $('#filter_client_branch_id').val();
-
-    var requestData = {
-        issuer: issuer_type,
-        lead_type: lead_type,
-        policy_type_id: policy_type,
-        client_type: client_type,
-        status: status,
-        client_id: client_id,
-        client_branch_id: client_branch_id,
-    };
-
-    console.log("requestData", requestData);
-
-    var url = '<?= base_url('/leads/list') ?>';
-
-    $('.loader').fadeIn();
-    $('.loader-mask').fadeIn();
-
-    sendAjaxRequestForGlobal(url, 'POST', requestData, function(response) {
-
-        console.log('Filter Responce', response);
-
-        if (response.status == true) {
-
-            $('#lead_list_div').empty();
-            $('#lead_list_div').html(response.html);
-            $('.loader').fadeOut();
-            $('.loader-mask').delay(350).fadeOut('slow');
-
-            setTimeout(function(){
-                additionalDropdown();
-            }, 1000);
-
-        } else {
-
-            $('.loader').fadeOut();
-            $('.loader-mask').delay(350).fadeOut('slow');
-            let message = response.message;
-            toastr.error(message, 'ERROR');
-        }
-
-    }, function(xhr, status, error) {
-        console.error('Error fetching data:', error);
-        console.error(xhr.responseText);
-        toastr.error('An error occurred while fetching the data.', 'ERROR');
-
-        $('.loader').fadeOut();
-        $('.loader-mask').delay(350).fadeOut('slow');
+        getfilterClientAndBranch()
     });
-}
 
-//function for fetch client, branch
-function getfilterClientAndBranch() {
-    $.ajax({
-        url: '<?= base_url("/util/getClientAndBranchAndPolicy") ?>',
-        type: "GET",
-        dataType: 'json',
-        success: function(res) {
+    $(document).ready(function() {
+        $('#filter_client_id').change(function() {
 
-            console.log('getClientAndBranchAndPolicy', res);
-            if (res.status == true) {
-                filter_client_list = res.client_data;
-                filter_branch_list = res.branch_data;
-                appendfilterClients(res.client_data);
-            } else {
-                console.log('No data found');
+            let client_id = $(this).val();
+            if (filter_branch_list != '') {
+                // console.log(branch_list[client_id]);
+                let data = filter_branch_list[client_id];
+                appendfilterBranch(data);
             }
 
-        },
-        error: function(xhr, status, error) {
+        })
+    });
+
+    //----- AJAX FUNCTIONS --------------------------------------------------------------------------------
+
+    function fetchTicketListData() {
+
+        var issuer_type = $('#filter_issuer_type').val();
+        var lead_type = $('#filter_lead_type').val();
+        var policy_type = $('#filter_policy_type').val();
+        var client_type = $('#filter_client_type').val();
+        var status = $('#filter_lead_status').val();
+        var client_id = $('#filter_client_id').val();
+        var client_branch_id = $('#filter_client_branch_id').val();
+
+        var requestData = {
+            issuer: issuer_type,
+            lead_type: lead_type,
+            policy_type_id: policy_type,
+            client_type: client_type,
+            status: status,
+            client_id: client_id,
+            client_branch_id: client_branch_id,
+        };
+
+        console.log("requestData", requestData);
+
+        var url = '<?= base_url('/leads/list') ?>';
+
+        $('.loader').fadeIn();
+        $('.loader-mask').fadeIn();
+
+        sendAjaxRequestForGlobal(url, 'POST', requestData, function(response) {
+
+            console.log('Filter Responce', response);
+
+            if (response.status == true) {
+
+                $('#lead_list_div').empty();
+                $('#lead_list_div').html(response.html);
+                $('.loader').fadeOut();
+                $('.loader-mask').delay(350).fadeOut('slow');
+
+                setTimeout(function() {
+                    additionalDropdown();
+                }, 1000);
+
+            } else {
+
+                $('.loader').fadeOut();
+                $('.loader-mask').delay(350).fadeOut('slow');
+                let message = response.message;
+                toastr.error(message, 'ERROR');
+            }
+
+        }, function(xhr, status, error) {
+            console.error('Error fetching data:', error);
             console.error(xhr.responseText);
-            console.error(status, error);
-        }
-    });
-}
+            toastr.error('An error occurred while fetching the data.', 'ERROR');
 
-//----- END AJAX FUNCTIONS --------------------------------------------------------------------------------
-
-
-function appendfilterClients(data) {
-
-    $('#filter_client_id').empty();
-
-    $('#filter_client_id').append($('<option>', {
-        value: 0,
-        text: 'Select'
-    }));
-
-    $.each(data, function(index, item) {
-        var option = $('<option>', {
-            value: item.id,
-            text: item.client_name,
+            $('.loader').fadeOut();
+            $('.loader-mask').delay(350).fadeOut('slow');
         });
-
-        $('#filter_client_id').append(option);
-    });
-
-}
-
-function appendfilterBranch(data) {
-
-    $('#filter_client_branch_id').empty();
-
-    $('#filter_client_branch_id').append($('<option>', {
-        value: '',
-        text: 'Select'
-    }));
-
-    $.each(data, function(index, item) {
-
-        var option = $('<option>', {
-            value: item.id,
-            text: item.branch_name
-        });
-        $('#filter_client_branch_id').append(option);
-    });
-}
-
-// -----------------------------------------------------------------------------------------------------------
-
-function additionalDropdown() {
-    const table = document.getElementById("tickets-table");
-    if (!table) return; // Prevent errors if the table is not found
-    let activeDropdown = null;
-
-    function handleDropdownClick(row, event) {
-        // Hide any active dropdown
-        if (activeDropdown) {
-            activeDropdown.style.display = 'none';
-        }
-
-        let customDropdown = row.customDropdown;
-        if (!customDropdown) {
-            const originalDropdown = row.querySelector('.dropdown-menu');
-            if (!originalDropdown) return;
-
-            customDropdown = document.createElement('div');
-            customDropdown.className = 'custom-dropdown-menu';
-            customDropdown.innerHTML = originalDropdown.innerHTML;
-
-            document.body.appendChild(customDropdown);
-            row.customDropdown = customDropdown;
-
-            // Preserve click handlers and add auto-close
-            customDropdown.querySelectorAll('.dropdown-item').forEach(item => {
-                item.addEventListener('click', function (e) {
-                    const onclickAttr = this.getAttribute('onclick');
-                    if (onclickAttr) eval(onclickAttr);
-
-                    const href = this.getAttribute('href');
-                    if (href && href !== '#') window.location.href = href;
-
-                    customDropdown.style.display = 'none';
-                    activeDropdown = null;
-
-                    e.stopPropagation();
-                });
-            });
-        }
-
-        // Get click position
-        const rect = event.target.getBoundingClientRect();
-
-        // Position the dropdown
-        customDropdown.style.display = 'block';
-        customDropdown.style.position = 'fixed';
-        customDropdown.style.left = `${rect.left}px`;
-        customDropdown.style.top = `${rect.bottom + 5}px`; // Add 5px gap
-
-        activeDropdown = customDropdown;
-        event.stopPropagation();
     }
 
-    // Add click event listener to rows
-    table.querySelectorAll("tbody tr").forEach(row => {
-        row.addEventListener("click", function (event) {
-            if (!event.target.closest('td:last-child')) {
-                handleDropdownClick(row, event);
+    //function for fetch client, branch
+    function getfilterClientAndBranch() {
+        $.ajax({
+            url: '<?= base_url("/util/getClientAndBranchAndPolicy") ?>',
+            type: "GET",
+            dataType: 'json',
+            success: function(res) {
+
+                console.log('getClientAndBranchAndPolicy', res);
+                if (res.status == true) {
+                    filter_client_list = res.client_data;
+                    filter_branch_list = res.branch_data;
+                    appendfilterClients(res.client_data);
+                } else {
+                    console.log('No data found');
+                }
+
+            },
+            error: function(xhr, status, error) {
+                console.error(xhr.responseText);
+                console.error(status, error);
             }
         });
-    });
+    }
 
-    // Close dropdown when clicking outside
-    document.addEventListener("click", function () {
-        if (activeDropdown) {
-            activeDropdown.style.display = 'none';
-            activeDropdown = null;
+    //----- END AJAX FUNCTIONS --------------------------------------------------------------------------------
+
+
+    function appendfilterClients(data) {
+
+        $('#filter_client_id').empty();
+
+        $('#filter_client_id').append($('<option>', {
+            value: 0,
+            text: 'Select'
+        }));
+
+        $.each(data, function(index, item) {
+            var option = $('<option>', {
+                value: item.id,
+                text: item.client_name,
+            });
+
+            $('#filter_client_id').append(option);
+        });
+
+    }
+
+    function appendfilterBranch(data) {
+
+        $('#filter_client_branch_id').empty();
+
+        $('#filter_client_branch_id').append($('<option>', {
+            value: '',
+            text: 'Select'
+        }));
+
+        $.each(data, function(index, item) {
+
+            var option = $('<option>', {
+                value: item.id,
+                text: item.branch_name
+            });
+            $('#filter_client_branch_id').append(option);
+        });
+    }
+
+    // -----------------------------------------------------------------------------------------------------------
+
+    function additionalDropdown() {
+        const table = document.getElementById("tickets-table");
+        if (!table) return; // Prevent errors if the table is not found
+        let activeDropdown = null;
+
+        function handleDropdownClick(row, event) {
+            // Hide any active dropdown
+            if (activeDropdown) {
+                activeDropdown.style.display = 'none';
+            }
+
+            let customDropdown = row.customDropdown;
+            if (!customDropdown) {
+                const originalDropdown = row.querySelector('.dropdown-menu');
+                if (!originalDropdown) return;
+
+                customDropdown = document.createElement('div');
+                customDropdown.className = 'custom-dropdown-menu';
+                customDropdown.innerHTML = originalDropdown.innerHTML;
+
+                document.body.appendChild(customDropdown);
+                row.customDropdown = customDropdown;
+
+                // Preserve click handlers and add auto-close
+                customDropdown.querySelectorAll('.dropdown-item').forEach(item => {
+                    item.addEventListener('click', function(e) {
+                        const onclickAttr = this.getAttribute('onclick');
+                        if (onclickAttr) eval(onclickAttr);
+
+                        const href = this.getAttribute('href');
+                        if (href && href !== '#') window.location.href = href;
+
+                        customDropdown.style.display = 'none';
+                        activeDropdown = null;
+
+                        e.stopPropagation();
+                    });
+                });
+            }
+
+            // Get click position
+            const rect = event.target.getBoundingClientRect();
+
+            // Position the dropdown
+            customDropdown.style.display = 'block';
+            customDropdown.style.position = 'fixed';
+            customDropdown.style.left = `${rect.left}px`;
+            customDropdown.style.top = `${rect.bottom + 5}px`; // Add 5px gap
+
+            activeDropdown = customDropdown;
+            event.stopPropagation();
         }
-    });
-}
 
+        // Add click event listener to rows
+        table.querySelectorAll("tbody tr").forEach(row => {
+            row.addEventListener("click", function(event) {
+                if (!event.target.closest('td:last-child')) {
+                    handleDropdownClick(row, event);
+                }
+            });
+        });
+
+        // Close dropdown when clicking outside
+        document.addEventListener("click", function() {
+            if (activeDropdown) {
+                activeDropdown.style.display = 'none';
+                activeDropdown = null;
+            }
+        });
+    }
 </script>
\ No newline at end of file
diff --git a/app/Views/leads_form.php b/app/Views/leads_form.php
index 61532ddc..12ef9a30 100644
--- a/app/Views/leads_form.php
+++ b/app/Views/leads_form.php
@@ -62,7 +62,8 @@
         border-radius: 6px;
         position: absolute;
         z-index: 999;
-        bottom: 125%; /* Show above icon */
+        bottom: 125%;
+        /* Show above icon */
         left: 50%;
         transform: translateX(-50%);
         font-size: 12px;
@@ -73,7 +74,8 @@
     .info-tooltip::after {
         content: "";
         position: absolute;
-        top: 100%; /* Arrow below tooltip */
+        top: 100%;
+        /* Arrow below tooltip */
         left: 50%;
         margin-left: -5px;
         border-width: 5px;
@@ -86,25 +88,29 @@
         opacity: 1;
     }
 
-    /* dont forgot it keep it safe card and card body space remover */ /* bcoz in design */ 
-    .card-body{ margin-top: 0px !important; } 
+    /* dont forgot it keep it safe card and card body space remover */
+    /* bcoz in design */
+    .card-body {
+        margin-top: 0px !important;
+    }
 
-    /* this css as per design so not declare in golbal */ /* bcoz in design */ 
-    #collapseOne{
+    /* this css as per design so not declare in golbal */
+    /* bcoz in design */
+    #collapseOne {
         border: 1px solid #BFF3F5 !important;
         border-radius: 10px !important;
         border-width: 1px !important;
     }
-
 </style>
 
-<div class="row" id="leads_form">
-    <div class="col-12">
-        <div class="card">
-            <div class="card-body">
-                <div class="row" style="margin-bottom:1rem;">
+<div class="container-fluid-min">
+    <div class="row" id="leads_form">
+        <div class="col-12">
+            <div class="card">
+                <div class="card-body">
+                    <div class="row" style="margin-bottom:1rem;">
 
-                    <!-- <div class="col-6" style="align-self: center;">
+                        <!-- <div class="col-6" style="align-self: center;">
                         <h4 id="page_title" style="position: relative;">Add Lead</h4>
                     </div>
                     <div class="col-3" style="text-align: right; position: relative; left: 211px;">
@@ -114,93 +120,93 @@
                         <a href="<?= base_url('leads/list') ?>" type="button" id="btnAdd"
                             class="btn btn-primary waves-effect waves-light">Back</a>
                     </div> -->
-                    <h4 class="d-flex align-items-center" style="gap: 8px;">
-                        <a href="<?= base_url('leads/list') ?>" style="cursor: pointer;">
-                            <i class="mdi mdi-chevron-left" style="font-size: 43px;"></i>
-                        </a>
-                        <span class="title-text" id="page_title" style="position: relative;">Add Lead</span>
-                    </h4>
-                </div>
-                <form role="form" class="parsley-examples" method="post" id="leads_form_id"
-                    enctype="multipart/form-data">
-
-                    <input type="hidden" name="id" id="leads_primarykey">
-
-                    <div class="card" id="collapseOne">
-                     <div class="card-body">
-                        <div class="form-row">
-
-                            <div class="form-group col-md-4">
-                                <label for="lead_type">Lead Type<span class="text-danger">*</span></label>
-                                <select class="form-control" id="lead_type" name="lead_type" required>
-                                    <option value="">Select Lead Type</option>
-                                    <?php
-                                    if (isset($lead_type) && count($lead_type)) {
-                                        foreach ($lead_type as $key => $value) {
-                                            if ($key == 1) {
-                                                echo "<option value=" . $key . " selected>" . $value . "</option>";
-                                            } else {
-                                                echo "<option value=" . $key . ">" . $value . "</option>";
-                                            }
-                                        }
-                                    }
-                                    ?>
-                                </select>
-                            </div>
-
-                            <div class="form-group col-md-4">
-                                <label for="issuer">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>
-                     </div>
+                        <h4 class="d-flex align-items-center" style="gap: 8px;">
+                            <a href="<?= base_url('leads/list') ?>" style="cursor: pointer;">
+                                <i class="mdi mdi-chevron-left" style="font-size: 43px;"></i>
+                            </a>
+                            <span class="title-text" id="page_title" style="position: relative;">Add Lead</span>
+                        </h4>
                     </div>
+                    <form role="form" class="parsley-examples" method="post" id="leads_form_id"
+                        enctype="multipart/form-data">
 
-                    <!-- <hr> -->  <!-- bcoz removed in design --> 
+                        <input type="hidden" name="id" id="leads_primarykey">
 
-                    <!-- client row -->
-                    <div class="card" id="collapseOne">
-                        <div class="card-body">
-                            <div class="form-row">
+                        <div class="card" id="collapseOne">
+                            <div class="card-body">
+                                <div class="form-row">
 
-                                <div class="form-group offset-md-10 col-md-2 freshFields" style="float:right;">
-                                    <label class="switch">
-                                        <input id="exixting_client" type="checkbox" name="exixting_client">
-                                        <span class="slider round" style="height: 27px;"></span>
-                                    </label>
+                                    <div class="form-group col-md-4">
+                                        <label for="lead_type">Lead Type<span class="text-danger">*</span></label>
+                                        <select class="form-control" id="lead_type" name="lead_type" required>
+                                            <option value="">Select Lead Type</option>
+                                            <?php
+                                            if (isset($lead_type) && count($lead_type)) {
+                                                foreach ($lead_type as $key => $value) {
+                                                    if ($key == 1) {
+                                                        echo "<option value=" . $key . " selected>" . $value . "</option>";
+                                                    } else {
+                                                        echo "<option value=" . $key . ">" . $value . "</option>";
+                                                    }
+                                                }
+                                            }
+                                            ?>
+                                        </select>
+                                    </div>
+
+                                    <div class="form-group col-md-4">
+                                        <label for="issuer">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>
 
-                                    <label for="exixting_client" style="position: relative;top: 2px;">Existing Client</label>
                                 </div>
-
                             </div>
-                            <div class="form-row">
+                        </div>
+
+                        <!-- <hr> --> <!-- bcoz removed in design -->
+
+                        <!-- client row -->
+                        <div class="card" id="collapseOne">
+                            <div class="card-body">
+                                <div class="form-row">
+
+                                    <div class="form-group offset-md-10 col-md-2 freshFields" style="float:right;">
+                                        <label class="switch">
+                                            <input id="exixting_client" type="checkbox" name="exixting_client">
+                                            <span class="slider round" style="height: 27px;"></span>
+                                        </label>
+
+                                        <label for="exixting_client" style="position: relative;top: 2px;">Existing Client</label>
+                                    </div>
 
-                                <div class="form-group col-md-4 renewalFields" style="display: none;">
-                                    <label for="client_id">Client<span class="text-danger">*</span></label>
-                                    <select class="form-control" id="client_id" name="client_id">
-                                        <option value="">Select Client</option>
-                                    </select>
                                 </div>
+                                <div class="form-row">
 
-                                <div class="form-group col-md-4 renewalFields" style="display: none;">
-                                    <label for="client_branch_id">Branch<span class="text-danger">*</span></label>
-                                    <select class="form-control" id="client_branch_id" name="client_branch_id"
-                                        onchange="getBranchData(this,1)">
-                                        <option value="">Select Branch</option>
-                                    </select>
-                                </div>
+                                    <div class="form-group col-md-4 renewalFields" style="display: none;">
+                                        <label for="client_id">Client<span class="text-danger">*</span></label>
+                                        <select class="form-control" id="client_id" name="client_id">
+                                            <option value="">Select Client</option>
+                                        </select>
+                                    </div>
 
-                                <!-- <div class="form-group col-md-3 freshFields">
+                                    <div class="form-group col-md-4 renewalFields" style="display: none;">
+                                        <label for="client_branch_id">Branch<span class="text-danger">*</span></label>
+                                        <select class="form-control" id="client_branch_id" name="client_branch_id"
+                                            onchange="getBranchData(this,1)">
+                                            <option value="">Select Branch</option>
+                                        </select>
+                                    </div>
+
+                                    <!-- <div class="form-group col-md-3 freshFields">
                                     <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>
@@ -214,33 +220,33 @@
                                     </select>
                                 </div> -->
 
-                                <div class="form-group col-md-4 freshFields">
-                                    <label for="entity_type_id">Entity Type<span class="text-danger">*</span></label>
-                                    <select class="form-control" id="entity_type_id" name="entity_type_id" required>
-                                        <option value="" selected>Select Entity</option>
-                                        <?php
-                                        if (isset($entity) && count($entity)) {
-                                            foreach ($entity as $key => $value) {
-                                                echo "<option value=" . $value['id'] . ">" . $value['name'] . "</option>";
+                                    <div class="form-group col-md-4 freshFields">
+                                        <label for="entity_type_id">Entity Type<span class="text-danger">*</span></label>
+                                        <select class="form-control" id="entity_type_id" name="entity_type_id" required>
+                                            <option value="" selected>Select Entity</option>
+                                            <?php
+                                            if (isset($entity) && count($entity)) {
+                                                foreach ($entity as $key => $value) {
+                                                    echo "<option value=" . $value['id'] . ">" . $value['name'] . "</option>";
+                                                }
                                             }
-                                        }
-                                        ?>
-                                    </select>
-                                </div>
+                                            ?>
+                                        </select>
+                                    </div>
 
-                                <div class="form-group col-md-4 freshFields">
-                                    <label for="client_name">Client Name<span class="text-danger">*</span></label>
-                                    <input type="text" class="form-control" id="client_name" name="client_name"
-                                        placeholder="Enter Client Name" required>
-                                </div>
+                                    <div class="form-group col-md-4 freshFields">
+                                        <label for="client_name">Client Name<span class="text-danger">*</span></label>
+                                        <input type="text" class="form-control" id="client_name" name="client_name"
+                                            placeholder="Enter Client Name" required>
+                                    </div>
 
-                                <div class="form-group col-md-4 freshFields">
-                                    <label for="client_short_name">Client Short Name<span class="text-danger">*</span></label>
-                                    <input type="text" class="form-control" id="client_short_name" name="client_short_name"
-                                        placeholder="Enter Client Short Name" onkeyup="validateInput(this, 'clients', 'short_name')" required>
-                                </div>
+                                    <div class="form-group col-md-4 freshFields">
+                                        <label for="client_short_name">Client Short Name<span class="text-danger">*</span></label>
+                                        <input type="text" class="form-control" id="client_short_name" name="client_short_name"
+                                            placeholder="Enter Client Short Name" onkeyup="validateInput(this, 'clients', 'short_name')" required>
+                                    </div>
 
-                                <!-- <div class="form-group col-md-3 renewalFields" style="display: none;">
+                                    <!-- <div class="form-group col-md-3 renewalFields" style="display: none;">
                                     <label for="source_policy_id"> Source Policy <span id="base_danger"
                                             class="text-danger">*</span></label>
                                     <select class="form-control" id="source_policy_id" name="source_policy_id">
@@ -258,162 +264,165 @@
                                     <input type="text" class="form-control" id="source_policy_end_date" name="source_policy_end_date" readonly>
                                 </div> -->
 
-                                <!-- <div class="form-group col-md-3">
+                                    <!-- <div class="form-group col-md-3">
                                     <label for="pan">PAN<span class="text-danger"></span></label>
                                     <input type="text" class="form-control" id="pan" placeholder="Enter PAN Number"
                                         data-parsley-error-message="Invalid PAN Number. Example: ABCDE1234F" name="pan"
                                         data-parsley-trigger="change" data-parsley-pattern="^[A-Z]{5}[0-9]{4}[A-Z]$">
                                 </div> -->
 
+                                </div>
                             </div>
                         </div>
-                    </div>
-                    <!-- end client row -->
+                        <!-- end client row -->
 
-                    <!-- <hr> -->  <!-- bcoz removed in design --> 
+                        <!-- <hr> --> <!-- bcoz removed in design -->
 
-                    <!-- branch row-->
-                    <div class="card" id="collapseOne">
-                        <div class="card-body">
-                            <div class="form-row">
+                        <!-- branch row-->
+                        <div class="card" id="collapseOne">
+                            <div class="card-body">
+                                <div class="form-row">
+
+                                    <div class="form-group col-md-4">
+                                        <label for="gst">GST<span class="text-danger">*</span></label>
+                                        <input type="text" class="form-control" id="gst" placeholder="Enter GST Number"
+                                            data-parsley-error-message="Invalid GST Number. Example: 12ABCDE1234F5Z6" name="gst"
+                                            data-parsley-trigger="change"
+                                            data-parsley-pattern="^\d{2}[A-Z]{5}\d{4}[A-Z]{1}[A-Z\d]{1}[Z]{1}[A-Z\d]{1}$" required>
+                                    </div>
+
+                                    <div class="form-group col-md-4">
+                                        <label for="client_branch">Branch Name<span class="text-danger">*</span></label>
+                                        <input type="text" class="form-control" id="branch_name" name="branch_name"
+                                            placeholder="Enter Branch Name" required>
+                                    </div>
+
+                                    <div class="form-group col-md-4">
+                                        <label for="client_branch">Branch Code<span class="text-danger">*</span></label>
+                                        <input type="text" class="form-control" id="branch_code" name="branch_code"
+                                            placeholder="Enter Branch Code" required>
+                                    </div>
+
+                                    <div class="form-group col-md-4 renewalFields">
+                                        <label for="contact_person_summary">Contact Person</label>
+                                        <select class="form-control" name="contact_person_summary" id="contact_person_summary">
+                                            <option value="">Select a Contact</option>
+                                        </select>
+                                    </div>
+
+                                    <div class="form-group col-md-4 freshFields">
+                                        <label for="client_branch">Contact Person Name<span class="text-danger">*</span></label>
+                                        <input type="text" class="form-control" id="contact_person_name" name="contact_person_name"
+                                            placeholder="Enter Contact Name" required>
+                                    </div>
+
+                                    <div class="form-group col-md-4">
+                                        <label for="contact_person_mobile">Contact Person Mobile<span
+                                                class="text-danger">*</span></label>
+                                        <input type="text" class="form-control" id="contact_person_mobile"
+                                            name="contact_person_mobile" placeholder="Enter Contact Mobile" required>
+                                    </div>
+
+                                    <div class="form-group col-md-4">
+                                        <label for="contact_person_email">Contact Person Email<span
+                                                class="text-danger">*</span></label>
+                                        <input type="text" class="form-control" id="contact_person_email"
+                                            name="contact_person_email" placeholder="Enter Contact Email" required>
+                                    </div>
 
-                                <div class="form-group col-md-4">
-                                    <label for="gst">GST<span class="text-danger">*</span></label>
-                                    <input type="text" class="form-control" id="gst" placeholder="Enter GST Number"
-                                        data-parsley-error-message="Invalid GST Number. Example: 12ABCDE1234F5Z6" name="gst"
-                                        data-parsley-trigger="change"
-                                        data-parsley-pattern="^\d{2}[A-Z]{5}\d{4}[A-Z]{1}[A-Z\d]{1}[Z]{1}[A-Z\d]{1}$" required>
                                 </div>
-
-                                <div class="form-group col-md-4">
-                                    <label for="client_branch">Branch Name<span class="text-danger">*</span></label>
-                                    <input type="text" class="form-control" id="branch_name" name="branch_name"
-                                        placeholder="Enter Branch Name" required>
-                                </div>
-
-                                <div class="form-group col-md-4">
-                                    <label for="client_branch">Branch Code<span class="text-danger">*</span></label>
-                                    <input type="text" class="form-control" id="branch_code" name="branch_code"
-                                        placeholder="Enter Branch Code" required>
-                                </div>
-
-                                <div class="form-group col-md-4 renewalFields">
-                                    <label for="contact_person_summary">Contact Person</label>
-                                    <select class="form-control" name="contact_person_summary" id="contact_person_summary">
-                                        <option value="">Select a Contact</option>
-                                    </select>
-                                </div>
-
-                                <div class="form-group col-md-4 freshFields">
-                                    <label for="client_branch">Contact Person Name<span class="text-danger">*</span></label>
-                                    <input type="text" class="form-control" id="contact_person_name" name="contact_person_name"
-                                        placeholder="Enter Contact Name" required>
-                                </div>
-
-                                <div class="form-group col-md-4">
-                                    <label for="contact_person_mobile">Contact Person Mobile<span
-                                            class="text-danger">*</span></label>
-                                    <input type="text" class="form-control" id="contact_person_mobile"
-                                        name="contact_person_mobile" placeholder="Enter Contact Mobile" required>
-                                </div>
-
-                                <div class="form-group col-md-4">
-                                    <label for="contact_person_email">Contact Person Email<span
-                                            class="text-danger">*</span></label>
-                                    <input type="text" class="form-control" id="contact_person_email"
-                                        name="contact_person_email" placeholder="Enter Contact Email" required>
-                                </div>
-
                             </div>
                         </div>
-                    </div>
-
-                    <!-- policy row -->
-                    <div class="card" id="collapseOne">
-                        <div class="card-body">
-                            <div id="dynamic-form-container"></div>
-                        </div>
-                    </div>
-                    <!-- <hr> -->  <!-- bcoz removed in design --> 
-
-                    <!-- other row -->
-                    <div class="card" id="collapseOne">
-                        <div class="card-body">
-                            <div class="form-row">
-
-                                <div class="form-group offset-md-9 col-md-3" style="float:right;">
-                                    <label class="switch">
-                                        <input id="is_insurer_auto_mail" type="checkbox" name="is_insurer_auto_mail">
-                                        <span class="slider round" style="height: 27px;"></span>
-                                    </label>
-                                    <label for="is_insurer_auto_mail" style="position: relative;top: 2px;">Insurer Auto Mail</label>
-                                </div>
 
+                        <!-- policy row -->
+                        <div class="card" id="collapseOne">
+                            <div class="card-body">
+                                <div id="dynamic-form-container"></div>
                             </div>
-                            <div class="form-row">
+                        </div>
+                        <!-- <hr> --> <!-- bcoz removed in design -->
 
-                                <div class="form-group col-md-4">
-                                    <label for="salse_person_id">Sales Person<span class="text-danger">*</span></label>
-                                    <select class="form-control" id="salse_person_id" name="salse_person_id" multiple required>
-                                        <option value="">Select Sales Person</option>
-                                        <?php if (isset($salse_team)) { ?>
-                                            <?php foreach ($salse_team as $value) { ?>
-                                                <option value="<?= $value['id']; ?>">
-                                                    <?= $value['first_name']; ?>
-                                                </option>
+                        <!-- other row -->
+                        <div class="card" id="collapseOne">
+                            <div class="card-body">
+                                <div class="form-row">
+
+                                    <div class="form-group offset-md-9 col-md-3" style="float:right;">
+                                        <label class="switch">
+                                            <input id="is_insurer_auto_mail" type="checkbox" name="is_insurer_auto_mail">
+                                            <span class="slider round" style="height: 27px;"></span>
+                                        </label>
+                                        <label for="is_insurer_auto_mail" style="position: relative;top: 2px;">Insurer Auto Mail</label>
+                                    </div>
+
+                                </div>
+                                <div class="form-row">
+
+                                    <div class="form-group col-md-4">
+                                        <label for="salse_person_id">Sales Person<span class="text-danger">*</span></label>
+                                        <select class="form-control" id="salse_person_id" name="salse_person_id" multiple required>
+                                            <option value="">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 } ?>
-                                        <?php } ?>
-                                    </select>
-                                </div>
+                                        </select>
+                                    </div>
 
-                                <div class="form-group col-md-4">
-                                    <label for="status"> Status <span id="base_danger" class="text-danger">*</span></label>
-                                    <select class="form-control" id="lead_status" name="status" required>
-                                        <option value="" selected>Select Status</option>
-                                        <?php
-                                        if (isset($lead_status) && count($lead_status)) {
-                                            foreach ($lead_status as $key => $value) {
-                                                if ($key == 'queued') {
-                                                    echo "<option value=" . $key . " selected>" . $value . "</option>";
-                                                } else {
-                                                    echo "<option value=" . $key . ">" . $value . "</option>";
+                                    <div class="form-group col-md-4">
+                                        <label for="status"> Status <span id="base_danger" class="text-danger">*</span></label>
+                                        <select class="form-control" id="lead_status" name="status" required>
+                                            <option value="" selected>Select Status</option>
+                                            <?php
+                                            if (isset($lead_status) && count($lead_status)) {
+                                                foreach ($lead_status as $key => $value) {
+                                                    if ($key == 'queued') {
+                                                        echo "<option value=" . $key . " selected>" . $value . "</option>";
+                                                    } else {
+                                                        echo "<option value=" . $key . ">" . $value . "</option>";
+                                                    }
                                                 }
                                             }
-                                        }
-                                        ?>
-                                    </select>
-                                </div>
-
-                                <div class="form-group col-md-4">
-                                    <label for="">Next Reminder Date<span class="text-danger"></span></label>
-                                    <div class="input-icon">
-                                        <input type="text" class="form-control" id="next_reminder_date" name="next_reminder_date" placeholder="DD/MM/YYYY">
-                                        <i class="mdi mdi-calendar-blank-outline additional-icon"></i>
+                                            ?>
+                                        </select>
                                     </div>
-                                </div>
 
-                            </div>
-                            <div class="form-row">
-                                <div class="form-group col-md-12">
-                                    <label for="notes">Remarks</label>
-                                    <textarea class="form-control" id="notes" name="notes" rows="4"></textarea>
+                                    <div class="form-group col-md-4">
+                                        <label for="">Next Reminder Date<span class="text-danger"></span></label>
+                                        <div class="input-icon">
+                                            <input type="text" class="form-control" id="next_reminder_date" name="next_reminder_date" placeholder="DD/MM/YYYY">
+                                            <i class="mdi mdi-calendar-blank-outline additional-icon"></i>
+                                        </div>
+                                    </div>
+
+                                </div>
+                                <div class="form-row">
+                                    <div class="form-group col-md-12">
+                                        <label for="notes">Remarks</label>
+                                        <textarea class="form-control" id="notes" name="notes" rows="4"></textarea>
+                                    </div>
                                 </div>
                             </div>
                         </div>
-                    </div>
 
-                    <div class="form-group text-right m-b-0" id="submitButton">
-                        <button type="submit" class="btn btn-primary waves-effect waves-light mr-1"
-                            id="lead_form_submit_btn" >Submit</button>
-                    </div>
+                        <div class="form-group text-right m-b-0" id="submitButton">
+                            <button type="submit" class="btn btn-primary waves-effect waves-light mr-1"
+                                id="lead_form_submit_btn">Submit</button>
+                        </div>
 
-                </form>
+                    </form>
+                </div>
             </div>
         </div>
-    </div>
-</div><!-- end form row -->
+    </div><!-- end form row -->
+
+    <?php include("newClientModal.php") ?>
+</div>
+
 
-<?php include("newClientModal.php") ?>
 
 
 <script>
@@ -499,8 +508,8 @@
                         // }
                     }
                 });
-            }else if (lead_type == 3) {
-                
+            } else if (lead_type == 3) {
+
                 if ($('#client_id option[value="add_client"]').length === 0) {
                     $('#client_id').prepend($('<option>', {
                         value: 'add_client',
@@ -508,43 +517,43 @@
                     }));
                 }
                 $("#source_policy_id").removeAttr("required");
-                $("#source_policy_id").closest("div") .find("label .text-danger").remove();
+                $("#source_policy_id").closest("div").find("label .text-danger").remove();
                 $("#source_policy_id").hide();
                 $('#source_policy_id').closest('.form-group').hide();
 
                 $("#source_policy_start_date").removeAttr("required");
-                $("#source_policy_start_date").closest("div") .find("label .text-danger").remove();
+                $("#source_policy_start_date").closest("div").find("label .text-danger").remove();
                 $("#source_policy_start_date").hide();
                 $('#source_policy_start_date').closest('.form-group').hide();
 
                 $("#source_policy_end_date").removeAttr("required");
-                $("#source_policy_end_date").closest("div") .find("label .text-danger").remove();
+                $("#source_policy_end_date").closest("div").find("label .text-danger").remove();
                 $("#source_policy_end_date").hide();
                 $('#source_policy_end_date').closest('.form-group').hide();
 
 
-                
+
             } else if (lead_type != 3) {
-                $("#source_policy_id").prop("required",true);
+                $("#source_policy_id").prop("required", true);
                 $("#source_policy_start_date").prop("required", true);
                 $("#source_policy_end_date").prop("required", true);
 
-                 $("#source_policy_id").show();
-                 $("#source_policy_start_date").show();
-                 $("#source_policy_start_date").show();
+                $("#source_policy_id").show();
+                $("#source_policy_start_date").show();
+                $("#source_policy_start_date").show();
 
-                  $('#source_policy_id').closest('.form-group').find('label').show();
-                  $('#source_policy_start_date').closest('.form-group').find('label').show();
-                  $('#source_policy_end_date').closest('.form-group').find('label').show();
+                $('#source_policy_id').closest('.form-group').find('label').show();
+                $('#source_policy_start_date').closest('.form-group').find('label').show();
+                $('#source_policy_end_date').closest('.form-group').find('label').show();
 
                 // Check if the asterisk doesn't already exist, then add it
-                let $label = $("#source_policy_id").closest("div") .find("label");
+                let $label = $("#source_policy_id").closest("div").find("label");
 
                 if ($label.find(".text-danger").length === 0) {
                     $label.append(' <span class="text-danger">*</span>');
                 }
 
-                let $label2 = $("#source_policy_start_date").closest("div") .find("label");
+                let $label2 = $("#source_policy_start_date").closest("div").find("label");
 
                 if ($label2.find(".text-danger").length === 0) {
                     $label2.append(' <span class="text-danger">*</span>');
@@ -563,7 +572,7 @@
 
             }
 
-            if(lead_type != 1){
+            if (lead_type != 1) {
                 dataIncrement = 1;
                 // updateRenewalFields(dataIncrement);
 
@@ -623,8 +632,8 @@
             maxDate: "today"
         });
 
-       
-    })       
+
+    })
     //------------------------------ GET DATA ( EDIT, BRANCH, POLICY ) ---------------------------------------------------------------------------
 
     //view and edit Lead data function ( NOT IN USE DON'T DELETE )
@@ -700,7 +709,7 @@
 
                                     let lead_type = $('#lead_type').val();
                                     var policyStartDate = $("#source_policy_start_date");
-                                    if(lead_type == 3){
+                                    if (lead_type == 3) {
                                         policyStartDate = $("#policy_start_date");
                                     }
                                     console.log('Selected Dates:', selectedDates);
@@ -801,7 +810,7 @@
     //client branch data
     function getBranchData(input, inputType) {
 
-        if (inputType == 1 ) {
+        if (inputType == 1) {
             var client_branch_id = $(input).val();
         } else {
             client_branch_id = input;
@@ -826,11 +835,11 @@
                         $('#pan').val(res.data.pan);
                         $('#branch_name').val(res.data.branch_name);
                         $('#branch_code').val(res.data.branch_code);
-                        allContacts = res.contact;  
+                        allContacts = res.contact;
                         $('#contact_person_summary').empty();
                         $('#contact_person_summary').append($('<option>', {
-                                value: "", 
-                                text: "Select a Contact"
+                            value: "",
+                            text: "Select a Contact"
                         }));
 
                         res.contact.forEach((value, key) => {
@@ -845,8 +854,8 @@
                                     text: display_value
                                 }));
                             }
-                            
-                        });                    
+
+                        });
                         // $('#contact_person_name').val(res?.contact?.name || '');
                         // $('#contact_person_mobile').val(res?.contact?.mobile || '');
                         // $('#contact_person_email').val(res?.contact?.email || '');
@@ -911,7 +920,7 @@
 
                         console.log("res.data.source_policy_start_date", res.data.source_policy_start_date)
                         console.log("res.data.source_policy_end_date", res.data.source_policy_end_date)
-                        
+
                         $('#source_policy_start_date').val(res.data.source_policy_start_date);
                         $('#source_policy_end_date').val(res.data.source_policy_end_date);
 
@@ -1024,7 +1033,7 @@
                 console.log(response.message, 'SUCCESS');
                 $('#appendArea_' + dataIncrement).append(response.data);
 
-                console.log("Policy Type ID : ",policy_type_id);
+                console.log("Policy Type ID : ", policy_type_id);
                 if (policy_type_id == 1 || policy_type_id == 6 || policy_type_id == 7) {
 
                     let newId = 'appendAreaForClaim_' + dataIncrement;
@@ -1052,10 +1061,10 @@
                         $('.lifeClaimFields').show();
                     } else {
 
-                        if(lead_type == 1){
+                        if (lead_type == 1) {
                             updateRenewalFields(dataIncrement);
                         }
-                        
+
                         // let incurred_claim_date_id = 'incurred_claim_date_' + dataIncrement;
                         let incurred_claim_date_id = 'incurred_claim_date';
                         var incurred_claim_datepicker = flatpickr("#" + incurred_claim_date_id, {
@@ -1070,10 +1079,10 @@
                                 console.log('Extracted increment:', increment);
 
                                 var policyStartDate = $("#source_policy_start_date");
-                                if(lead_type == 3){
+                                if (lead_type == 3) {
                                     policyStartDate = $("#policy_start_date");
                                 }
-                                
+
                                 console.log('Selected Dates:', selectedDates);
                                 console.log('policy start date instance', policyStartDate)
                                 console.log('Policy Start Date:', policyStartDate.val());
@@ -1121,8 +1130,8 @@
         newRow.className = 'form-row dynamic-form-row';
 
         if (increment > 1) {
-        const hrElement = document.createElement('hr');
-        container.appendChild(hrElement);
+            const hrElement = document.createElement('hr');
+            container.appendChild(hrElement);
         }
 
         // Main div
@@ -1458,8 +1467,8 @@
         console.log('Lead Type:', lead_type);
 
         let increment = input.id.split('_').pop(); // Extract increment
-        if(lead_type == 1){
-             return;
+        if (lead_type == 1) {
+            return;
         }
 
         let input_id = input.id;
@@ -1476,9 +1485,9 @@
             policyStartDateInput = $('#source_policy_start_date');
             console.log('Using Source Policy Start Date:', sourcePolicyDateVal);
         } else if (policyStartDateVal) {
-            if(input_id == "policy_start_date_1"){
+            if (input_id == "policy_start_date_1") {
                 policyStartDateInput = $('#policy_start_date_1');
-            }else{
+            } else {
                 policyStartDateInput = $('#policy_start_date');
             }
             console.log('Using Policy Start Date:', policyStartDateVal);
@@ -1522,7 +1531,7 @@
 
         let annualised_claims = policy_run_days > 0 ? (incurred_claims / policy_run_days) * 365 : 0;
         // let annualised_claims_roundoff = annualised_claims.toFixed(2);
-        let annualised_claims_roundoff =  Math.trunc(annualised_claims);
+        let annualised_claims_roundoff = Math.trunc(annualised_claims);
 
         console.log('Annualised Claims:', annualised_claims);
         console.log('Annualised Claims (Rounded):', annualised_claims_roundoff);
@@ -1531,9 +1540,9 @@
         let premium_as_on_date = Number($('#premium_date').val()) || 0;
         console.log('Premium as on Date:', premium_as_on_date);
 
-        let incurred_claim_ratio = (incurred_claims > 0 && premium_as_on_date > 0)
-            ? (incurred_claims / premium_as_on_date) * 100
-            : 0;
+        let incurred_claim_ratio = (incurred_claims > 0 && premium_as_on_date > 0) ?
+            (incurred_claims / premium_as_on_date) * 100 :
+            0;
         let incurred_claim_ratio_roundoff = isFinite(incurred_claim_ratio) ? incurred_claim_ratio.toFixed(2) : 0;
         console.log('Incurred Claim Ratio:', incurred_claim_ratio);
         console.log('Incurred Claim Ratio (Rounded):', incurred_claim_ratio_roundoff);
@@ -1541,8 +1550,8 @@
 
         let earned_premium = premium_as_on_date > 0 ? (premium_as_on_date / 365) * policy_run_days : 0;
         // let earned_premium_roundoff = earned_premium.toFixed(2);
-        let earned_premium_roundoff =  Math.trunc(earned_premium);
-       
+        let earned_premium_roundoff = Math.trunc(earned_premium);
+
         console.log('Earned Premium:', earned_premium);
         console.log('Earned Premium (Rounded):', earned_premium_roundoff);
         $('#earned_premium').val(earned_premium_roundoff);
@@ -1709,8 +1718,8 @@
 
         $('#contact_person_summary').empty();
         $('#contact_person_summary').append($('<option>', {
-                value: "", 
-                text: "Select a Contact"
+            value: "",
+            text: "Select a Contact"
         }));
 
         $("#gst").val("");
@@ -1737,8 +1746,8 @@
         $("#client_branch_id").prop("selectedIndex", 0);
         $("#source_policy_id").empty();
         $('#source_policy_id').append($('<option>', {
-                value: "", 
-                text: "Select a Policy"
+            value: "",
+            text: "Select a Policy"
         }));
         $("#pan").val("");
 
@@ -1768,7 +1777,7 @@
             flatpickr("#" + incurred_claim_date_id, {
                 dateFormat: "d/m/Y",
                 allowInput: false,
-                onChange: function (selectedDates) {
+                onChange: function(selectedDates) {
                     try {
                         let increment = this.input.id.split('_').pop();
                         let policyStartDate = $("#source_policy_start_date");
@@ -2053,7 +2062,7 @@
                 $('#source_policy_start_date').closest('.form-group').show();
                 $('#source_policy_end_date').closest('.form-group').show();
 
-            }else{
+            } else {
 
                 $('#source_policy_id').hide();
                 $('#source_policy_start_date').hide();
@@ -2124,12 +2133,12 @@
         });
     }
 
-    $('#exixting_client').change(function () {
+    $('#exixting_client').change(function() {
 
         $('#contact_person_summary').empty();
         $('#contact_person_summary').append($('<option>', {
-                value: "", 
-                text: "Select a Contact"
+            value: "",
+            text: "Select a Contact"
         }));
 
         $("#gst").val("");
@@ -2202,6 +2211,4 @@
 
 
     //-----------------------------------------------------------------------------------------------------------
-
-
 </script>
\ No newline at end of file
diff --git a/app/Views/outstanding_report_list.php b/app/Views/outstanding_report_list.php
index c7dc8010..353a6669 100644
--- a/app/Views/outstanding_report_list.php
+++ b/app/Views/outstanding_report_list.php
@@ -1,43 +1,37 @@
 <style>
-.table th,
-.table td {
-    padding: 8px;
-}
+    .table th,
+    .table td {
+        padding: 8px;
+    }
 
-table.dataTable tbody td {
-    padding: 4px 4px !important;
-}
+    table.dataTable tbody td {
+        padding: 4px 4px !important;
+    }
 
-.col-12 {
+    
 
-    max-width: 98% !important;
-}
+    .dataTables_filter {
+        position: absolute;
+    }
 
-.dataTables_filter {
-    position: absolute;
-}
+    .right-align-input {
+        text-align: right;
+    }
 
-.right-align-input {
-    text-align: right;
-}
-
-.center-align-input {
-    text-align: center;
-}
+    .center-align-input {
+        text-align: center;
+    }
 </style>
 
-<div class="col-12">
-    <h4  class="ml-1 mb-3"> <span class="font-color-black">Outstanding</span> </h4>
-</div>
-
-<div class="col-12" id="outstanding_filter">
+<div class="container-fluid-min">
+    <div class="col-12" id="outstanding_filter">
         <div id="accordion" class="mb-3">
             <label id="filterAccordion" class="m-1 d-flex justify-content-between align-items-center">
-                    <span class="font-color-black">Filters</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>
+                <h4>Filters</h4>
+                <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">
@@ -45,16 +39,16 @@ table.dataTable tbody td {
                         <div class="form-group">
                             <div class="form-row">
 
-                               <!--  <div class="form-group col-md-3">
+                                <!--  <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">
                                         <option value="0">Select Client</option>
                                         <?php
-                                            if (isset($clients) && count($clients)) {
-                                                foreach ($clients as $key => $value) {
-                                                    echo "<option value='" . $value['id'] . "'>" . $value['client_name'] . "</option>";
-                                                }
+                                        if (isset($clients) && count($clients)) {
+                                            foreach ($clients as $key => $value) {
+                                                echo "<option value='" . $value['id'] . "'>" . $value['client_name'] . "</option>";
                                             }
+                                        }
                                         ?>
                                     </select>
                                 </div> -->
@@ -64,10 +58,10 @@ table.dataTable tbody td {
                                             class="text-danger"></span></label>
                                     <select class="form-control" id="insurer_id" name="insurer_id">
                                         <option value="0" selected>Select Insurer</option>
-                                        <?php if(isset($insurer) && count($insurer)){ ?>
-                                        <?php foreach ($insurer as $value) { ?>
-                                        <option value="<?= $value['id']?>"><?= $value['name']?></option>
-                                        <?php } ?>
+                                        <?php if (isset($insurer) && count($insurer)) { ?>
+                                            <?php foreach ($insurer as $value) { ?>
+                                                <option value="<?= $value['id'] ?>"><?= $value['name'] ?></option>
+                                            <?php } ?>
                                         <?php } ?>
                                     </select>
                                 </div>
@@ -77,10 +71,10 @@ table.dataTable tbody td {
                                             class="text-danger"></span></label>
                                     <select class="form-control" id="insurer_id" name="insurer_id">
                                         <option value="0" selected>Select Insurer Branch</option>
-                                        <?php if(isset($insurer) && count($insurer)){ ?>
-                                        <?php foreach ($insurer as $value) { ?>
-                                        <option value="<?= $value['id']?>"><?= $value['name']?></option>
-                                        <?php } ?>
+                                        <?php if (isset($insurer) && count($insurer)) { ?>
+                                            <?php foreach ($insurer as $value) { ?>
+                                                <option value="<?= $value['id'] ?>"><?= $value['name'] ?></option>
+                                            <?php } ?>
                                         <?php } ?>
                                     </select>
                                 </div>
@@ -90,30 +84,30 @@ table.dataTable tbody td {
                                     <select class="form-control" id="policy_type_id" name="policy_type_id">
                                         <option value="0">Select Policy Type</option>
                                         <?php
-                                            if (isset($policy_types) && count($policy_types)) {
-                                                foreach ($policy_types as $key => $value) {
-                                                    echo "<option value='" . $value['id'] . "'>" . $value['policy_type'] . "</option>";
-                                                }
+                                        if (isset($policy_types) && count($policy_types)) {
+                                            foreach ($policy_types as $key => $value) {
+                                                echo "<option value='" . $value['id'] . "'>" . $value['policy_type'] . "</option>";
                                             }
+                                        }
                                         ?>
                                     </select>
                                 </div> -->
 
-                               <!--  <div class="form-group col-md-3">
+                                <!--  <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="0">Select Issure</option>
                                         <?php
-                                            if (isset($issuer) && count($issuer)) {
-                                                foreach ($issuer as $key => $value) {
-                                                    echo "<option value=" . $key . ">" . $value . "</option>";
-                                                }
+                                        if (isset($issuer) && count($issuer)) {
+                                            foreach ($issuer as $key => $value) {
+                                                echo "<option value=" . $key . ">" . $value . "</option>";
                                             }
+                                        }
                                         ?>
                                     </select>
                                 </div> -->
 
-                            <!-- </div>
+                                <!-- </div>
 
                             <div class="form-row"> -->
 
@@ -123,11 +117,11 @@ table.dataTable tbody td {
                                         onchange="hideDateField()">
                                         <option value="0">Select Date Type</option>
                                         <?php
-                                            if (isset($date_type) && count($date_type)) {
-                                                foreach ($date_type as $key => $value) {
-                                                    echo "<option value='" . $key . "'>" . $value . "</option>";
-                                                }
+                                        if (isset($date_type) && count($date_type)) {
+                                            foreach ($date_type as $key => $value) {
+                                                echo "<option value='" . $key . "'>" . $value . "</option>";
                                             }
+                                        }
                                         ?>
                                     </select>
                                 </div> -->
@@ -135,7 +129,7 @@ table.dataTable tbody td {
                                 <div class="form-group col-md-4" style="display: true;" id="date_div">
                                     <label>Statement Month<span class="text-danger"></span></label>
                                     <div class="input-icon">
-                                        <input type="text" id="reportrange" class="form-control" readonly  style="caret-color: transparent;">
+                                        <input type="text" id="reportrange" class="form-control" readonly style="caret-color: transparent;">
                                         <i class="mdi mdi-calendar-blank-outline additional-icon"></i>
                                     </div>
                                     <!-- 
@@ -164,319 +158,319 @@ table.dataTable tbody td {
                 </div>
             </div>
         </div>
-</div>
+    </div>
+
+    <div class="col-12" id="outstanding_list">
+        <div class="card">
+            <div class="card-body">
+                <div class="row" style="padding-bottom: 10px;">
+                    <div class="col-6" style="align-self: center;">
+                        <h4 style="position: relative;">Outstanding Report</h4>
+                    </div>
 
-<div class="col-12" id="outstanding_list">
-    <div class="card">
-        <div class="card-body">
-            <div class="row" style="padding-bottom: 10px;">
-                <div class="col-6" style="align-self: center;">
-                    <h4 style="position: relative;">Outstanding Report</h4>
                 </div>
-
-            </div>
-            <div class="table-responsive">
-                <table data-custom-table-css="table" id="scroll-horizontal-datatable" class="table w-100 nowrap">
-                    <thead class="bg-light">
-                        <tr>
-                            <th>S.No</th>
-                            <!-- <th>Client Name</th> -->
-                            <th>Insurer</th>
-                            <th>Insurer<br> Branch</th>
-                            <th>Statement<br> Month</th>
-                            <th>Statement<br> No</th>
-                            <th>Invoice No</th>
-                            <th>Invoice Status</th>
-                            <th>Invoice Date</th>
-                            <th>Invoice Amount</th>
-                            <th>Realization <br>Amount</th>
-                            <th>Outstanding <br>Amount</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <?php 
-
-                        // dd($outstanting_list);
-                        if (isset($outstanting_list)) { ?>
-                            <?php foreach($outstanting_list as $index => $row){ ?>
+                <div class="table-responsive">
+                    <table data-custom-table-css="table" id="scroll-horizontal-datatable" class="table w-100 nowrap">
+                        <thead class="bg-light">
                             <tr>
-                                <td><?= $index + 1 ?></td>
-                                <td><?php echo $row['short_name']; ?></td>
-                                <td><?php echo $row['branch_name']; ?></td>
-                                <td><?php echo change_date_format($row['month'],'Y-m-d','Y-m') ?></td>
-                                <td><?php echo $row['stmt_sno']; ?></td>
-                                <td><?php echo $row['invoice_no']; ?></td>
-                                <td class="center-align-input"><?php echo isset($row['invoice_status']) ? $row['invoice_status'] : ' - '; ?></td>
-                                <td><?php echo change_date_format($row['invoice_date'],'Y-m-d','d-M-Y'); ?></td>
-                                <td class="right-align-input"><?php echo isset($row['invoice_amount']) ? $row['invoice_amount'] : '0.00'; ?></td>
-                                <td class="right-align-input"><?php echo isset($row['total_paid']) ? $row['total_paid'] : '0.00'; ?></td>
-                                <td class="right-align-input"><?php echo isset($row['outstanding_amount']) ? $row['outstanding_amount'] : '0.00'; ?></td>
+                                <th>S.No</th>
+                                <!-- <th>Client Name</th> -->
+                                <th>Insurer</th>
+                                <th>Insurer<br> Branch</th>
+                                <th>Statement<br> Month</th>
+                                <th>Statement<br> No</th>
+                                <th>Invoice No</th>
+                                <th>Invoice Status</th>
+                                <th>Invoice Date</th>
+                                <th>Invoice Amount</th>
+                                <th>Realization <br>Amount</th>
+                                <th>Outstanding <br>Amount</th>
                             </tr>
-                            <?php } ?>
-                        <?php } ?>
-                    </tbody>
-                </table>
+                        </thead>
+                        <tbody>
+                            <?php
 
-                <div>
+                            // dd($outstanting_list);
+                            if (isset($outstanting_list)) { ?>
+                                <?php foreach ($outstanting_list as $index => $row) { ?>
+                                    <tr>
+                                        <td><?= $index + 1 ?></td>
+                                        <td><?php echo $row['short_name']; ?></td>
+                                        <td><?php echo $row['branch_name']; ?></td>
+                                        <td><?php echo change_date_format($row['month'], 'Y-m-d', 'Y-m') ?></td>
+                                        <td><?php echo $row['stmt_sno']; ?></td>
+                                        <td><?php echo $row['invoice_no']; ?></td>
+                                        <td class="center-align-input"><?php echo isset($row['invoice_status']) ? $row['invoice_status'] : ' - '; ?></td>
+                                        <td><?php echo change_date_format($row['invoice_date'], 'Y-m-d', 'd-M-Y'); ?></td>
+                                        <td class="right-align-input"><?php echo isset($row['invoice_amount']) ? $row['invoice_amount'] : '0.00'; ?></td>
+                                        <td class="right-align-input"><?php echo isset($row['total_paid']) ? $row['total_paid'] : '0.00'; ?></td>
+                                        <td class="right-align-input"><?php echo isset($row['outstanding_amount']) ? $row['outstanding_amount'] : '0.00'; ?></td>
+                                    </tr>
+                                <?php } ?>
+                            <?php } ?>
+                        </tbody>
+                    </table>
+
+                    <div>
+                    </div>
                 </div>
-            </div>
-        </div><!-- end col -->
+            </div><!-- end col -->
+        </div>
     </div>
 </div>
 
+
 <script>
-$(document).ready(function () {
-    $('#collapseOne').on('show.bs.collapse', function () {
-        // When open
-        $('#icon').removeClass('mdi-chevron-down').addClass('mdi-chevron-up');
-        $('#filterAccordion').removeAttr("style"); // remove custom bg/border when open
-    });
-
-    $('#collapseOne').on('hide.bs.collapse', function () {
-        // When closed
-        $('#icon').removeClass('mdi-chevron-up').addClass('mdi-chevron-down');
-        // $('#filterAccordion').css({
-        //     "background-color": "#F5FFFF",
-        //     "border": "2px solid #F5FFFF",
-        //     "border-radius": "10px",
-        //     "box-shadow": "0px 4px 4px 0px #00000040"
-        // });
-    });
-});
-
-// Datatable document ready
-$(document).ready(function() {
-
-    var ticketsTable = $('#scroll-horizontal-datatable');
-
-    if (ticketsTable.length) {
-        ticketsTable.DataTable({
-            scrollX: true,
-            dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
-                "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
-            buttons: [
-            {
-            extend: 'collection',
-            text: '<span class=" btn-custom"> Export </span><i class="mdi mdi-menu-down"></i>',
-            className: 'btn app-btn-secondary ',
-            buttons: [{
-                    extend: 'csv',
-                    text: '<i class="mdi mdi-file-delimited " ></i><span class="  btn-custom">  CSV </span>',
-                    title: 'Policy-Tranction-BDS-List',
-                },
-                {
-                    extend: 'excel',
-                    text: '<i class="mdi mdi-file-excel " ></i><span class="  btn-custom">  EXCEL </span>',
-                    title: 'Policy-Tranction-BDS-List',
-                    customize: function(xlsx) {
-                        var sheet = xlsx.xl.worksheets['sheet1.xml'];
-                        var total = 0;
-
-                        // Find cells in column AB (28th column in Excel)
-                        $('row c[r^="AB"]', sheet).each(function() {
-                            var value = parseFloat($('v', this)
-                        .text()); // Get the value inside the cell
-                            if (!isNaN(value)) {
-                                total += value;
-                            }
-                        });
-
-                        // Get the last row index and append the total row
-                        var lastRow = $('row:last', sheet);
-                        var rowIndex = parseInt(lastRow.attr('r')) +
-                        2; // Find the next row index
-                        var totalRow = '<row r="' + rowIndex + '">' +
-                            '<c t="inlineStr" r="AA' + rowIndex +
-                            '"><is><t>Total</t></is></c>' + // Insert "Total" in AA
-                            '<c t="n" r="AB' + rowIndex + '"><v>' + total.toFixed(2) +
-                            '</v></c>' + // Insert sum in AB
-                            '</row>';
-
-                        // Append the new total row to the sheet
-                        $(sheet).find('sheetData').append(totalRow);
-                    }
-                }
-            ]
-            }
-            ],
-            language: {
-                search: "_INPUT_",
-                searchPlaceholder: "Search..."
-            },
-            paging: true, // Enable pagination
-            pageLength: 25 // Set default number of rows per page (optional)
+    $(document).ready(function() {
+        $('#collapseOne').on('show.bs.collapse', function() {
+            // When open
+            $('#icon').removeClass('mdi-chevron-down').addClass('mdi-chevron-up');
+            $('#filterAccordion').removeAttr("style"); // remove custom bg/border when open
         });
-    } else {
-        console.error("Table not found.");
-    }
-});
 
-$(document).ready(function() {
-    getURLParams()
-    $('#client_id').select2();
-    $('#insurer_id').select2();
-    $('#policy_type_id').select2();
-})
-
-function fetchEmpolyeeList(event) {
-    event.preventDefault(); // Prevent default action
-
-    var start_date = $('#startDate').val();
-    var end_date = $('#endDate').val();
-    var client_id = $('#client_id').val();
-    var insurer_id = $('#insurer_id').val();
-    var policy_type_id = $('#policy_type_id').val();
-    var date_type = $('#date_type').val();
-    var issuer = $('#issuer').val();
-
-    console.log(start_date + '-' + end_date);
-
-    var queryParams = {
-        start_date: start_date,
-        end_date: end_date,
-        client_id: client_id,
-        insurer_id: insurer_id,
-        policy_type_id: policy_type_id,
-        date_type: date_type,
-        issuer: issuer,
-    };
-
-    const queryString = objectToQueryString(queryParams);
-    const apiURL = $('#get-emp-list').attr('href') + "?" + queryString;
-    console.log(apiURL);
-    window.location.href = apiURL;
-}
-
-function objectToQueryString(obj) {
-    return Object.keys(obj).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`).join('&');
-}
-
-function getURLParams() {
-    const url = new URL(window.location.href);
-    const params = new URLSearchParams(url.search);
-
-    const startDate = params.get('start_date') || 0; // Default to 0 if not found
-    const endDate = params.get('end_date') || 0; // Default to 0 if not found
-    const client_id = params.get('client_id') || 0; // Default to 0 if not found
-    const insurer_id = params.get('insurer_id') || 0; // Default to 0 if not found
-    const policy_type_id = params.get('policy_type_id') || 0; // Default to 0 if not found
-    const date_type = params.get('date_type') || 0; // Default to 0 if not found
-    const issuer = params.get('issuer') || 0; // Default to 0 if not found
-
-    hideDateField(date_type)
-
-    console.log('startDate', startDate)
-    console.log('endDate', endDate)
-    console.log('client_id', client_id)
-    console.log('insurer_id', insurer_id)
-    console.log('policy_type_id', policy_type_id)
-    console.log('date_type', date_type)
-    console.log('issuer', issuer)
-
-    // Log the values or use them as needed
-    console.log('Start Date:', startDate);
-    console.log('End Date:', endDate);
-
-    if (startDate != 0 && endDate != 0) {
-        setTimeout(function() {
-            $('#start_date').val(startDate)
-            $('#end_date').val(endDate)
-            $('#client_id').val(client_id).change()
-            $('#insurer_id').val(insurer_id).change()
-            $('#policy_type_id').val(policy_type_id).change()
-            $('#date_type').val(date_type)
-            $('#issuer').val(issuer)
-        }, 1000)
-
-    }
-
-}
-
-$(function() {
-
-    const url = new URL(window.location.href);
-    const params = new URLSearchParams(url.search);
-
-    // Get start and end dates from URL parameters, or use default values
-    const startDateParam = params.get('start_date') || moment().subtract(29, 'days').format('DD-MM-YYYY');
-    const endDateParam = params.get('end_date') || moment().format('DD-MM-YYYY');
-
-    // Parse the dates to moment objects
-    var start = moment(startDateParam, 'DD-MM-YYYY');
-    var end = moment(endDateParam, 'DD-MM-YYYY');
-
-    // var start = moment().subtract(29, 'days');
-    // var end = moment();
-
-    function cb(start, end) {
-        // codeword : ***2***
-        // if you cross check means also uncomment "star1star" (***1***) 
-        // $('#reportrange span').html(start.format('D-MM-YYYY') + ' - ' + end.format('D-MM-YYYY'));
-        $('#reportrange').html(start.format('D-MM-YYYY') + ' - ' + end.format('D-MM-YYYY'));
-        $('#startDate').val(start.format('DD-MM-YYYY'));
-        $('#endDate').val(end.format('DD-MM-YYYY'));
-    }
-
-    $('#reportrange').daterangepicker({
-        startDate: start,
-        endDate: end,
-        // autoUpdateInput: false,
-        locale: {
-            format: 'DD-MM-YYYY'   // 👈 force input format
-        },
-        ranges: {
-            'This Month': [moment().startOf('month'), moment().endOf('month')],
-            'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
-        }
-    }, cb);
-
-    cb(start, end);
-
-    $('#clear-filters').on('click', function() {
-        // Reset all select dropdowns to the first option
-        $('#client_id').val('0').change();
-        $('#insurer_id').val('0').change();
-        $('#policy_type_id').val('0').change();
-        $('#date_type').val('0');
-        $('#issuer').val('0');
-        $('#date_div').hide()
-
-        // Reset the date range picker to default
-        $('#reportrange').data('daterangepicker').setStartDate(moment().subtract(29, 'days'));
-        $('#reportrange').data('daterangepicker').setEndDate(moment());
-        cb(start, end); // Update the displayed date range
+        $('#collapseOne').on('hide.bs.collapse', function() {
+            // When closed
+            $('#icon').removeClass('mdi-chevron-up').addClass('mdi-chevron-down');
+            // $('#filterAccordion').css({
+            //     "background-color": "#F5FFFF",
+            //     "border": "2px solid #F5FFFF",
+            //     "border-radius": "10px",
+            //     "box-shadow": "0px 4px 4px 0px #00000040"
+            // });
+        });
     });
 
-});
+    // Datatable document ready
+    $(document).ready(function() {
 
-function hideDateField(input = null) {
-    let val = $('#date_type').val();
+        var ticketsTable = $('#scroll-horizontal-datatable');
 
-    if (input) {
-        val = input;
+        if (ticketsTable.length) {
+            ticketsTable.DataTable({
+                scrollX: true,
+                dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
+                    "<'row'<'col-sm-12'tr>>" +
+                    "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
+                buttons: [{
+                    extend: 'collection',
+                    text: '<span class=" btn-custom"> Export </span><i class="mdi mdi-menu-down"></i>',
+                    className: 'btn app-btn-secondary ',
+                    buttons: [{
+                            extend: 'csv',
+                            text: '<i class="mdi mdi-file-delimited " ></i><span class="  btn-custom">  CSV </span>',
+                            title: 'Policy-Tranction-BDS-List',
+                        },
+                        {
+                            extend: 'excel',
+                            text: '<i class="mdi mdi-file-excel " ></i><span class="  btn-custom">  EXCEL </span>',
+                            title: 'Policy-Tranction-BDS-List',
+                            customize: function(xlsx) {
+                                var sheet = xlsx.xl.worksheets['sheet1.xml'];
+                                var total = 0;
+
+                                // Find cells in column AB (28th column in Excel)
+                                $('row c[r^="AB"]', sheet).each(function() {
+                                    var value = parseFloat($('v', this)
+                                        .text()); // Get the value inside the cell
+                                    if (!isNaN(value)) {
+                                        total += value;
+                                    }
+                                });
+
+                                // Get the last row index and append the total row
+                                var lastRow = $('row:last', sheet);
+                                var rowIndex = parseInt(lastRow.attr('r')) +
+                                    2; // Find the next row index
+                                var totalRow = '<row r="' + rowIndex + '">' +
+                                    '<c t="inlineStr" r="AA' + rowIndex +
+                                    '"><is><t>Total</t></is></c>' + // Insert "Total" in AA
+                                    '<c t="n" r="AB' + rowIndex + '"><v>' + total.toFixed(2) +
+                                    '</v></c>' + // Insert sum in AB
+                                    '</row>';
+
+                                // Append the new total row to the sheet
+                                $(sheet).find('sheetData').append(totalRow);
+                            }
+                        }
+                    ]
+                }],
+                language: {
+                    search: "_INPUT_",
+                    searchPlaceholder: "Search..."
+                },
+                paging: true, // Enable pagination
+                pageLength: 25 // Set default number of rows per page (optional)
+            });
+        } else {
+            console.error("Table not found.");
+        }
+    });
+
+    $(document).ready(function() {
+        getURLParams()
+        $('#client_id').select2();
+        $('#insurer_id').select2();
+        $('#policy_type_id').select2();
+    })
+
+    function fetchEmpolyeeList(event) {
+        event.preventDefault(); // Prevent default action
+
+        var start_date = $('#startDate').val();
+        var end_date = $('#endDate').val();
+        var client_id = $('#client_id').val();
+        var insurer_id = $('#insurer_id').val();
+        var policy_type_id = $('#policy_type_id').val();
+        var date_type = $('#date_type').val();
+        var issuer = $('#issuer').val();
+
+        console.log(start_date + '-' + end_date);
+
+        var queryParams = {
+            start_date: start_date,
+            end_date: end_date,
+            client_id: client_id,
+            insurer_id: insurer_id,
+            policy_type_id: policy_type_id,
+            date_type: date_type,
+            issuer: issuer,
+        };
+
+        const queryString = objectToQueryString(queryParams);
+        const apiURL = $('#get-emp-list').attr('href') + "?" + queryString;
+        console.log(apiURL);
+        window.location.href = apiURL;
     }
 
-    if (val != 0) {
-        $('#date_div').show()
-    } else {
-        $('#date_div').hide()
+    function objectToQueryString(obj) {
+        return Object.keys(obj).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`).join('&');
+    }
+
+    function getURLParams() {
+        const url = new URL(window.location.href);
+        const params = new URLSearchParams(url.search);
+
+        const startDate = params.get('start_date') || 0; // Default to 0 if not found
+        const endDate = params.get('end_date') || 0; // Default to 0 if not found
+        const client_id = params.get('client_id') || 0; // Default to 0 if not found
+        const insurer_id = params.get('insurer_id') || 0; // Default to 0 if not found
+        const policy_type_id = params.get('policy_type_id') || 0; // Default to 0 if not found
+        const date_type = params.get('date_type') || 0; // Default to 0 if not found
+        const issuer = params.get('issuer') || 0; // Default to 0 if not found
+
+        hideDateField(date_type)
+
+        console.log('startDate', startDate)
+        console.log('endDate', endDate)
+        console.log('client_id', client_id)
+        console.log('insurer_id', insurer_id)
+        console.log('policy_type_id', policy_type_id)
+        console.log('date_type', date_type)
+        console.log('issuer', issuer)
+
+        // Log the values or use them as needed
+        console.log('Start Date:', startDate);
+        console.log('End Date:', endDate);
+
+        if (startDate != 0 && endDate != 0) {
+            setTimeout(function() {
+                $('#start_date').val(startDate)
+                $('#end_date').val(endDate)
+                $('#client_id').val(client_id).change()
+                $('#insurer_id').val(insurer_id).change()
+                $('#policy_type_id').val(policy_type_id).change()
+                $('#date_type').val(date_type)
+                $('#issuer').val(issuer)
+            }, 1000)
+
+        }
+
+    }
+
+    $(function() {
+
+        const url = new URL(window.location.href);
+        const params = new URLSearchParams(url.search);
+
+        // Get start and end dates from URL parameters, or use default values
+        const startDateParam = params.get('start_date') || moment().subtract(29, 'days').format('DD-MM-YYYY');
+        const endDateParam = params.get('end_date') || moment().format('DD-MM-YYYY');
+
+        // Parse the dates to moment objects
+        var start = moment(startDateParam, 'DD-MM-YYYY');
+        var end = moment(endDateParam, 'DD-MM-YYYY');
+
+        // var start = moment().subtract(29, 'days');
+        // var end = moment();
+
+        function cb(start, end) {
+            // codeword : ***2***
+            // if you cross check means also uncomment "star1star" (***1***) 
+            // $('#reportrange span').html(start.format('D-MM-YYYY') + ' - ' + end.format('D-MM-YYYY'));
+            $('#reportrange').html(start.format('D-MM-YYYY') + ' - ' + end.format('D-MM-YYYY'));
+            $('#startDate').val(start.format('DD-MM-YYYY'));
+            $('#endDate').val(end.format('DD-MM-YYYY'));
+        }
+
+        $('#reportrange').daterangepicker({
+            startDate: start,
+            endDate: end,
+            // autoUpdateInput: false,
+            locale: {
+                format: 'DD-MM-YYYY' // 👈 force input format
+            },
+            ranges: {
+                'This Month': [moment().startOf('month'), moment().endOf('month')],
+                'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+            }
+        }, cb);
+
+        cb(start, end);
+
+        $('#clear-filters').on('click', function() {
+            // Reset all select dropdowns to the first option
+            $('#client_id').val('0').change();
+            $('#insurer_id').val('0').change();
+            $('#policy_type_id').val('0').change();
+            $('#date_type').val('0');
+            $('#issuer').val('0');
+            $('#date_div').hide()
+
+            // Reset the date range picker to default
+            $('#reportrange').data('daterangepicker').setStartDate(moment().subtract(29, 'days'));
+            $('#reportrange').data('daterangepicker').setEndDate(moment());
+            cb(start, end); // Update the displayed date range
+        });
+
+    });
+
+    function hideDateField(input = null) {
+        let val = $('#date_type').val();
+
+        if (input) {
+            val = input;
+        }
+
+        if (val != 0) {
+            $('#date_div').show()
+        } else {
+            $('#date_div').hide()
+        }
     }
-}
 
 
-function sendPolicyTransactionID(event, pt_id) {
-    event.preventDefault(); // Prevent default action
+    function sendPolicyTransactionID(event, pt_id) {
+        event.preventDefault(); // Prevent default action
 
-    console.log(pt_id);
+        console.log(pt_id);
 
-    var queryParams = {
-        pt_id: pt_id,
-    };
+        var queryParams = {
+            pt_id: pt_id,
+        };
 
-    const queryString = objectToQueryString(queryParams);
-    const apiURL = $('#get-policy-list').attr('href') + "?" + queryString;
-    console.log(apiURL);
-    window.location.href = apiURL;
-}
+        const queryString = objectToQueryString(queryParams);
+        const apiURL = $('#get-policy-list').attr('href') + "?" + queryString;
+        console.log(apiURL);
+        window.location.href = apiURL;
+    }
 </script>
\ No newline at end of file
diff --git a/app/Views/policy_transaction_endorsement_list.php b/app/Views/policy_transaction_endorsement_list.php
index d1107426..9bc47c1d 100644
--- a/app/Views/policy_transaction_endorsement_list.php
+++ b/app/Views/policy_transaction_endorsement_list.php
@@ -1,183 +1,182 @@
 <style>
-.table th,
-.table td {
-    padding: 8px;
-}
+    .table th,
+    .table td {
+        padding: 8px;
+    }
 
-table.dataTable tbody td {
-    padding: 4px 4px !important;
-}
-/* 
+    table.dataTable tbody td {
+        padding: 4px 4px !important;
+    }
+
+    /* 
 table.dataTable thead th {
     padding: 4px 4px !important;
 } */
 
-.col-12 {
+    
 
-    max-width: 98% !important;
-}
+    .dataTables_filter {
+        position: absolute;
+    }
 
-.dataTables_filter{
-    position: absolute;
-}
+    .column-header {
+        margin-right: 10px;
+        /* Adjust this value as needed */
+    }
 
-.column-header {
-    margin-right: 10px; /* Adjust this value as needed */
-}
+    .form-section {
+        border: 1px solid #ccc;
+        padding: 15px;
+        margin-bottom: 20px;
+    }
 
-.form-section {
-    border: 1px solid #ccc;
-    padding: 15px;
-    margin-bottom: 20px;
-}
+    .row-box {
+        border: 1px solid #ccc;
+        padding: 10px;
+        margin-bottom: 10px;
+    }
 
-.row-box {
-    border: 1px solid #ccc;
-    padding: 10px;
-    margin-bottom: 10px;
-}
-custom-dropdown-menu {
-    display: none;
-    position: fixed;
-    background-color: #ffffff !important;
-    border: 1px solid rgba(0,0,0,.15);
-    border-radius: 0.25rem;
-    padding: 0.5rem 0;
-    min-width: 10rem;
-    z-index: 9999;
-    box-shadow: 0 0 10px rgba(0,0,0,0.1);
-}
+    custom-dropdown-menu {
+        display: none;
+        position: fixed;
+        background-color: #ffffff !important;
+        border: 1px solid rgba(0, 0, 0, .15);
+        border-radius: 0.25rem;
+        padding: 0.5rem 0;
+        min-width: 10rem;
+        z-index: 9999;
+        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    }
 
-.custom-dropdown-menu .dropdown-item {
-    display: block !important;
-    width: 100% !important;
-    padding: 0.5rem 1rem !important;
-    clear: both !important;
-    font-weight: 400 !important;
-    color: #212529 !important;
-    text-align: inherit !important;
-    white-space: nowrap !important;
-    background-color: transparent !important;
-    border: 0 !important;
-    text-decoration: none !important;
-    position: relative !important;
-}
+    .custom-dropdown-menu .dropdown-item {
+        display: block !important;
+        width: 100% !important;
+        padding: 0.5rem 1rem !important;
+        clear: both !important;
+        font-weight: 400 !important;
+        color: #212529 !important;
+        text-align: inherit !important;
+        white-space: nowrap !important;
+        background-color: transparent !important;
+        border: 0 !important;
+        text-decoration: none !important;
+        position: relative !important;
+    }
 
-.custom-dropdown-menu .dropdown-item:hover {
-    background-color: #f8f9fa !important;
-    color: #16181b !important;
-    cursor: pointer !important;
-}
+    .custom-dropdown-menu .dropdown-item:hover {
+        background-color: #f8f9fa !important;
+        color: #16181b !important;
+        cursor: pointer !important;
+    }
 
-.custom-dropdown-menu .dropdown-item i {
-    margin-right: 8px !important;
-    vertical-align: middle !important;
-}
+    .custom-dropdown-menu .dropdown-item i {
+        margin-right: 8px !important;
+        vertical-align: middle !important;
+    }
 
-.table tbody tr {
-    cursor: pointer;
-}
+    .table tbody tr {
+        cursor: pointer;
+    }
 
-/* Ensure the dropdown menu has a solid background */
-.custom-dropdown-menu::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: #ffffff;
-    z-index: -1;
-}
-
-/* Add a subtle backdrop effect */
-.custom-dropdown-menu::after {
-    content: '';
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(0,0,0,0.05);
-    z-index: -2;
-    pointer-events: none;
-}
+    /* Ensure the dropdown menu has a solid background */
+    .custom-dropdown-menu::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: #ffffff;
+        z-index: -1;
+    }
 
+    /* Add a subtle backdrop effect */
+    .custom-dropdown-menu::after {
+        content: '';
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: rgba(0, 0, 0, 0.05);
+        z-index: -2;
+        pointer-events: none;
+    }
 </style>
 
 <style>
     .switch {
-    position: relative;
-    display: inline-block;
-    width: 54px;
-    height: 34px;
+        position: relative;
+        display: inline-block;
+        width: 54px;
+        height: 34px;
     }
 
-    .switch input { 
-    opacity: 0;
-    width: 0;
-    height: 0;
+    .switch input {
+        opacity: 0;
+        width: 0;
+        height: 0;
     }
 
     .slider {
-    position: absolute;
-    cursor: pointer;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-color: #ccc;
-    -webkit-transition: .4s;
-    transition: .4s;
+        position: absolute;
+        cursor: pointer;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background-color: #ccc;
+        -webkit-transition: .4s;
+        transition: .4s;
     }
 
     .slider:before {
-    position: absolute;
-    content: "";
-    height: 19px;
-    width: 19px;
-    left: 4px;
-    bottom: 4px;
-    background-color: white;
-    -webkit-transition: .4s;
-    transition: .4s;
+        position: absolute;
+        content: "";
+        height: 19px;
+        width: 19px;
+        left: 4px;
+        bottom: 4px;
+        background-color: white;
+        -webkit-transition: .4s;
+        transition: .4s;
     }
 
-    input:checked + .slider {
-    background-color: #2196F3;
+    input:checked+.slider {
+        background-color: #2196F3;
     }
 
-    input:focus + .slider {
-    box-shadow: 0 0 1px #2196F3;
+    input:focus+.slider {
+        box-shadow: 0 0 1px #2196F3;
     }
 
-    input:checked + .slider:before {
-    -webkit-transform: translateX(26px);
-    -ms-transform: translateX(26px);
-    transform: translateX(26px);
+    input:checked+.slider:before {
+        -webkit-transform: translateX(26px);
+        -ms-transform: translateX(26px);
+        transform: translateX(26px);
     }
 
     /* Rounded sliders */
     .slider.round {
-    border-radius: 34px;
+        border-radius: 34px;
     }
 
     .slider.round:before {
-    border-radius: 50%;
+        border-radius: 50%;
     }
 </style>
 
-
+<div class="container-fluid-min">
     <div class="col-12" id="endorsement_filter">
         <div id="accordion" class="mb-3">
-            
-                <label id="filterAccordion" class="m-1 d-flex justify-content-between align-items-center">
-                    <span class="font-color-black ml-2">Filters</span>
-                    <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
-                        aria-expanded="true">
-                        <i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
-                    </a>
-                </label>
+
+            <label id="filterAccordion" class="m-1 d-flex justify-content-between align-items-center">
+                <span class="font-color-black ml-2">Filters</span>
+                <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
+                    aria-expanded="true">
+                    <i id="icon" class="mdi mdi-chevron-down 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">
                     <div class="card-body">
@@ -186,38 +185,38 @@ custom-dropdown-menu {
 
                                 <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_for_search" name="client_id" >
+                                    <select class="form-control" id="client_id_for_search" name="client_id">
                                         <option value="0">Select Client</option>
                                         <?php
-                                            if (isset($client) && count($client)) {
-                                                foreach ($client as $key => $value) {
-                                                    echo "<option value='" . $value['id'] . "'>" . $value['client_name'] . "</option>";
-                                                }
+                                        if (isset($client) && count($client)) {
+                                            foreach ($client as $key => $value) {
+                                                echo "<option value='" . $value['id'] . "'>" . $value['client_name'] . "</option>";
                                             }
+                                        }
                                         ?>
                                     </select>
                                 </div>
 
                                 <div class="form-group col-md-3">
                                     <label for="addon_policy"> Insurer <span id="base_danger" class="text-danger"></span></label>
-                                    <select class="form-control" id="insurer_id_for_search" name="insurer_id"  >
+                                    <select class="form-control" id="insurer_id_for_search" name="insurer_id">
                                         <option value="0" selected>Select Insurer</option>
                                         <?php foreach ($insurer as $value) { ?>
-                                            <option value="<?= $value['id']?>"><?= $value['name']?></option>
+                                            <option value="<?= $value['id'] ?>"><?= $value['name'] ?></option>
                                         <?php } ?>
                                     </select>
                                 </div>
 
                                 <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_for_search" name="policy_type_id" >
+                                    <select class="form-control" id="policy_type_for_search" name="policy_type_id">
                                         <option value="0">Select Policy Type</option>
                                         <?php
-                                            if (isset($policy_types) && count($policy_types)) {
-                                                foreach ($policy_types as $key => $value) {
-                                                    echo "<option value='" . $value['id'] . "'>" . $value['policy_type'] . "</option>";
-                                                }
+                                        if (isset($policy_types) && count($policy_types)) {
+                                            foreach ($policy_types as $key => $value) {
+                                                echo "<option value='" . $value['id'] . "'>" . $value['policy_type'] . "</option>";
                                             }
+                                        }
                                         ?>
                                     </select>
                                 </div>
@@ -227,11 +226,11 @@ custom-dropdown-menu {
                                     <select class="form-control" id="issuer_for_search" name="issuer" required>
                                         <option value="0">Select Issure</option>
                                         <?php
-                                            if (isset($issuer) && count($issuer)) {
-                                                foreach ($issuer as $key => $value) {
-                                                    echo "<option value=" . $key . ">" . $value . "</option>";
-                                                }
+                                        if (isset($issuer) && count($issuer)) {
+                                            foreach ($issuer as $key => $value) {
+                                                echo "<option value=" . $key . ">" . $value . "</option>";
                                             }
+                                        }
                                         ?>
                                     </select>
                                 </div>
@@ -241,14 +240,14 @@ custom-dropdown-menu {
 
                                 <div class="form-group col-md-3">
                                     <label for="email"> Status <span class="text-danger"></span></label>
-                                    <select class="form-control" id="policy_status_for_search" name="policy_type_id" >
+                                    <select class="form-control" id="policy_status_for_search" name="policy_type_id">
                                         <option value="0">Select Status</option>
                                         <?php
-                                            if (isset($policy_status) && count($policy_status)) {
-                                                foreach ($policy_status as $key => $value) {
-                                                    echo "<option value='" . $key . "'>" . $value . "</option>";
-                                                }
+                                        if (isset($policy_status) && count($policy_status)) {
+                                            foreach ($policy_status as $key => $value) {
+                                                echo "<option value='" . $key . "'>" . $value . "</option>";
                                             }
+                                        }
                                         ?>
                                     </select>
                                 </div>
@@ -258,11 +257,11 @@ custom-dropdown-menu {
                                     <select class="form-control" id="date_type" name="date_type" onchange="hideDateField()">
                                         <option value="0">Select Date Type</option>
                                         <?php
-                                            if (isset($date_type) && count($date_type)) {
-                                                foreach ($date_type as $key => $value) {
-                                                    echo "<option value='" . $key . "'>" . $value . "</option>";
-                                                }
+                                        if (isset($date_type) && count($date_type)) {
+                                            foreach ($date_type as $key => $value) {
+                                                echo "<option value='" . $key . "'>" . $value . "</option>";
                                             }
+                                        }
                                         ?>
                                     </select>
                                 </div>
@@ -280,8 +279,8 @@ custom-dropdown-menu {
                             </div>
 
                             <div class="form-group text-right m-b-0">
-                                    <a href="<?= base_url("/policy_tranction/endorsement/list"); ?>" class="btn btn-secondary" id="clear-filters">Clear</a>
-                                    <a href="<?= base_url("/policy_tranction/endorsement/list"); ?>" class="btn btn-primary" id="get-emp-list" onclick="fetchEmpolyeeList(event);">Submit</a>                            
+                                <a href="<?= base_url("/policy_tranction/endorsement/list"); ?>" class="btn btn-secondary" id="clear-filters">Clear</a>
+                                <a href="<?= base_url("/policy_tranction/endorsement/list"); ?>" class="btn btn-primary" id="get-emp-list" onclick="fetchEmpolyeeList(event);">Submit</a>
                             </div>
 
                         </div>
@@ -323,136 +322,136 @@ custom-dropdown-menu {
                         </tr>
                     </thead>
                     <tbody>
-                        <?php foreach($endorsement_data_list as $index => $row){ ?>
-                        <tr>
-                            <td><?php echo $index+1; ?></td>
-                            <td><?php echo $issuer[$row['issuer']] ?? ''; ?></td><!-- Issuer -->
-                            <td><?php echo $row['client_short_name']; ?></td><!-- Client -->
-                            <td><?php echo $row['client_branch_name']; ?></td><!-- Branch -->
-                            <td><?php echo $row['insurer_short_name']; ?></td><!-- Insurer -->
-                            <td><?php echo $row['policy_type']; ?></td><!-- Policy -->
-                            <td><?php echo $action_type[$row['action_type']]; ?></td>
-                            <td><?php echo $row['endorsement_no']; ?></td>
-                            <td><?php echo empty($row['data_received_date']) ? '' : date('d/m/Y', strtotime($row['data_received_date'])); ?></td>
-                            <td class="right-align-input"><?php echo $row['emp_count']; ?></td>
-                            <td class="right-align-input"><?php echo $row['dependent_count']; ?></td>
-                            <td><?php echo empty($row['policy_issue_date']) ? '' : date('d/m/Y', strtotime($row['policy_issue_date'])); ?></td>
-                            <td><?php echo $policy_status[$row['status']]; ?></td>
-                            <td>
+                        <?php foreach ($endorsement_data_list as $index => $row) { ?>
+                            <tr>
+                                <td><?php echo $index + 1; ?></td>
+                                <td><?php echo $issuer[$row['issuer']] ?? ''; ?></td><!-- Issuer -->
+                                <td><?php echo $row['client_short_name']; ?></td><!-- Client -->
+                                <td><?php echo $row['client_branch_name']; ?></td><!-- Branch -->
+                                <td><?php echo $row['insurer_short_name']; ?></td><!-- Insurer -->
+                                <td><?php echo $row['policy_type']; ?></td><!-- Policy -->
+                                <td><?php echo $action_type[$row['action_type']]; ?></td>
+                                <td><?php echo $row['endorsement_no']; ?></td>
+                                <td><?php echo empty($row['data_received_date']) ? '' : date('d/m/Y', strtotime($row['data_received_date'])); ?></td>
+                                <td class="right-align-input"><?php echo $row['emp_count']; ?></td>
+                                <td class="right-align-input"><?php echo $row['dependent_count']; ?></td>
+                                <td><?php echo empty($row['policy_issue_date']) ? '' : date('d/m/Y', strtotime($row['policy_issue_date'])); ?></td>
+                                <td><?php echo $policy_status[$row['status']]; ?></td>
+                                <td>
                                     <div class="btn-group dropdown">
                                         <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
                                         <div class="dropdown-menu dropdown-menu-right">
-                                            <a class="dropdown-item btnEdit" data-id="<?= $row['id'];?>" onclick="getPolicyTransactionDataForEndorsementEdit('<?= htmlspecialchars($row['id'], ENT_QUOTES) ?>')">
+                                            <a class="dropdown-item btnEdit" data-id="<?= $row['id']; ?>" onclick="getPolicyTransactionDataForEndorsementEdit('<?= htmlspecialchars($row['id'], ENT_QUOTES) ?>')">
                                                 <i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit
                                             </a>
                                         </div>
                                     </div>
-                            </td>
-                        </tr>
+                                </td>
+                            </tr>
                         <?php } ?>
                     </tbody>
                 </table><!-- table -->
             </div><!-- card-body -->
         </div><!-- card -->
     </div><!-- end col -->
+</div>
+
 
 <!-- end table row -->
 
 <?php include('policy_transaction_endorsement_form.php'); ?>
 <script>
-document.addEventListener("DOMContentLoaded", function () {
-    const table = document.getElementById("tickets-table");
-    
-    // Create custom dropdown
-    function createCustomDropdown(row) {
-        const originalDropdown = row.querySelector('.dropdown-menu');
-        if (!originalDropdown) return null;
-        
-        const customDropdown = document.createElement('div');
-        customDropdown.className = 'custom-dropdown-menu';
-        customDropdown.innerHTML = originalDropdown.innerHTML;
+    document.addEventListener("DOMContentLoaded", function() {
+        const table = document.getElementById("tickets-table");
 
-        // Remove inline onclick handlers and store them in data attributes
-        const originalItems = originalDropdown.querySelectorAll('.dropdown-item');
-        customDropdown.querySelectorAll('.dropdown-item').forEach((item, index) => {
-            const originalOnclick = originalItems[index].getAttribute('onclick');
-            item.removeAttribute('onclick'); // Remove the inline handler
-            item.setAttribute('data-onclick', originalOnclick); // Store in data attribute
-        });
+        // Create custom dropdown
+        function createCustomDropdown(row) {
+            const originalDropdown = row.querySelector('.dropdown-menu');
+            if (!originalDropdown) return null;
 
-        return customDropdown;
-    }
+            const customDropdown = document.createElement('div');
+            customDropdown.className = 'custom-dropdown-menu';
+            customDropdown.innerHTML = originalDropdown.innerHTML;
 
-    let activeDropdown = null;
+            // Remove inline onclick handlers and store them in data attributes
+            const originalItems = originalDropdown.querySelectorAll('.dropdown-item');
+            customDropdown.querySelectorAll('.dropdown-item').forEach((item, index) => {
+                const originalOnclick = originalItems[index].getAttribute('onclick');
+                item.removeAttribute('onclick'); // Remove the inline handler
+                item.setAttribute('data-onclick', originalOnclick); // Store in data attribute
+            });
 
-    // Add click event listener to rows
-    table.querySelectorAll("tbody tr").forEach(row => {
-        const customDropdown = createCustomDropdown(row);
-        if (!customDropdown) return;
-        
-        document.body.appendChild(customDropdown);
+            return customDropdown;
+        }
 
-        row.addEventListener("click", function(event) {
-            // Ignore clicks on the first column
-            if (event.target.closest('td:first-child')) return;
+        let activeDropdown = null;
 
-            if (activeDropdown) activeDropdown.style.display = 'none';
+        // Add click event listener to rows
+        table.querySelectorAll("tbody tr").forEach(row => {
+            const customDropdown = createCustomDropdown(row);
+            if (!customDropdown) return;
 
-            const rect = event.target.getBoundingClientRect();
-            customDropdown.style.display = 'block';
-            customDropdown.style.position = 'fixed';
-            customDropdown.style.left = `${rect.left}px`;
-            customDropdown.style.top = `${rect.bottom + 5}px`;
-            activeDropdown = customDropdown;
-            
-            event.stopPropagation();
-        });
+            document.body.appendChild(customDropdown);
 
-        // Handle custom dropdown clicks
-        customDropdown.querySelectorAll('.dropdown-item').forEach(item => {
-            item.addEventListener('click', function(e) {
-                e.preventDefault();
-                
-                // Execute the original onclick from data attribute
-                const onclickAttr = this.getAttribute('data-onclick');
-                if (onclickAttr) eval(onclickAttr);
+            row.addEventListener("click", function(event) {
+                // Ignore clicks on the first column
+                if (event.target.closest('td:first-child')) return;
 
-                // Handle href navigation
-                const href = this.getAttribute('href');
-                if (href && href !== '#') window.location.href = href;
+                if (activeDropdown) activeDropdown.style.display = 'none';
 
-                if (activeDropdown) {
-                    activeDropdown.style.display = 'none';
-                    activeDropdown = null;
-                }
-                
-                e.stopPropagation();
+                const rect = event.target.getBoundingClientRect();
+                customDropdown.style.display = 'block';
+                customDropdown.style.position = 'fixed';
+                customDropdown.style.left = `${rect.left}px`;
+                customDropdown.style.top = `${rect.bottom + 5}px`;
+                activeDropdown = customDropdown;
+
+                event.stopPropagation();
+            });
+
+            // Handle custom dropdown clicks
+            customDropdown.querySelectorAll('.dropdown-item').forEach(item => {
+                item.addEventListener('click', function(e) {
+                    e.preventDefault();
+
+                    // Execute the original onclick from data attribute
+                    const onclickAttr = this.getAttribute('data-onclick');
+                    if (onclickAttr) eval(onclickAttr);
+
+                    // Handle href navigation
+                    const href = this.getAttribute('href');
+                    if (href && href !== '#') window.location.href = href;
+
+                    if (activeDropdown) {
+                        activeDropdown.style.display = 'none';
+                        activeDropdown = null;
+                    }
+
+                    e.stopPropagation();
+                });
             });
         });
-    });
 
-    // Close dropdown on outside click
-    document.addEventListener("click", function() {
-        if (activeDropdown) {
-            activeDropdown.style.display = 'none';
-            activeDropdown = null;
-        }
+        // Close dropdown on outside click
+        document.addEventListener("click", function() {
+            if (activeDropdown) {
+                activeDropdown.style.display = 'none';
+                activeDropdown = null;
+            }
+        });
     });
-});
-
 </script>
 <script>
-
-    var client_list = ''; 
-    var branch_list = ''; 
-    var policy_list = <?= json_encode($endorsementPolicies) ?>; 
+    var client_list = '';
+    var branch_list = '';
+    var policy_list = <?= json_encode($endorsementPolicies) ?>;
     // console.log("POLICY List",policy_list);
-    var policyListByClient = <?= json_encode($endorsementPolicyListByClient) ?>; 
+    var policyListByClient = <?= json_encode($endorsementPolicyListByClient) ?>;
     var branch_policy = '';
     var unit_list = '';
 
     // select2 document ready
-    $(document).ready(function(){
+    $(document).ready(function() {
 
         getClientAndBranchAndPolicy()
 
@@ -476,40 +475,39 @@ document.addEventListener("DOMContentLoaded", function () {
         $('#client_id').select2();
         $('#client_branch_id').select2();
         $('#client_policy_id').select2();
-        
+
     })
 
     //DataTable document ready
     $(document).ready(function() {
         var ticketsTable = $('#tickets-table');
 
-        if (ticketsTable.length) { 
+        if (ticketsTable.length) {
             ticketsTable.DataTable({
                 scrollX: true,
                 dom: "<'row'<'col-sm-6'f><'col-sm-5 text-right'B>>" + // Filter left, buttons right
                     "<'row'<'col-sm-12'tr>>" +
                     "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
-            buttons: [
-            {
-            extend: 'collection',
-            text: '<span class=" btn-custom"> Export </span><i class="mdi mdi-menu-down"></i>',
-            className: 'btn app-btn-secondary ', 
                 buttons: [{
-                    extend: 'csv',
-                    text: '<i class="mdi mdi-file-delimited " ></i><span class="  btn-custom">  CSV </span>',
-                    title: 'Policy-Tranction-Endorsement-List',
-                    exportOptions: {
-                        columns: ':not(:last-child)' 
-                    },
-                }]
-            }],
+                    extend: 'collection',
+                    text: '<span class=" btn-custom"> Export </span><i class="mdi mdi-menu-down"></i>',
+                    className: 'btn app-btn-secondary ',
+                    buttons: [{
+                        extend: 'csv',
+                        text: '<i class="mdi mdi-file-delimited " ></i><span class="  btn-custom">  CSV </span>',
+                        title: 'Policy-Tranction-Endorsement-List',
+                        exportOptions: {
+                            columns: ':not(:last-child)'
+                        },
+                    }]
+                }],
                 language: {
                     search: "_INPUT_",
                     searchPlaceholder: "Search..."
                 },
                 paging: true, // Enable pagination
                 pageLength: 25, // Set default number of rows per page (optional)
-                ordering: false, 
+                ordering: false,
             });
         } else {
             console.error("Table not found.");
@@ -517,7 +515,7 @@ document.addEventListener("DOMContentLoaded", function () {
     });
 
     // Date document ready
-    $(document).ready(function(){
+    $(document).ready(function() {
 
         var today = new Date();
 
@@ -571,14 +569,13 @@ document.addEventListener("DOMContentLoaded", function () {
         });
 
         var month = flatpickr("#month", {
-            dateFormat: "M/Y", 
-            allowInput: false, 
+            dateFormat: "M/Y",
+            allowInput: false,
         });
 
     });
 
-    function hide_list_show_add() 
-    {   
+    function hide_list_show_add() {
         removeAllColumnsExceptFirst('insurerTable');
         $('.hideter').hide()
         $('.hidetp').hide()
@@ -592,16 +589,14 @@ document.addEventListener("DOMContentLoaded", function () {
         $('#invoice_no').attr('required', false)
     }
 
-    function show_list_hide_add() 
-    {
+    function show_list_hide_add() {
         $('#endorsement_form').hide()
         $('#endorsement_list').show()
         $('#endorsement_filter').show()
 
     }
 
-    function getClientAndBranchAndPolicy()
-    {   
+    function getClientAndBranchAndPolicy() {
         $.ajax({
             url: '<?= base_url("/util/getClientAndBranchAndPolicy") ?>',
             type: "GET",
@@ -609,15 +604,15 @@ document.addEventListener("DOMContentLoaded", function () {
             success: function(res) {
 
                 console.log('getClientAndBranchAndPolicy', res);
-                
-                if(res.status == true){
+
+                if (res.status == true) {
                     branch_list = res.branch_data;
                     // policy_list = res.policy_data;
                     // policyListByClient = res.policyListByClient;
                     client_list = res.client_data;
                     unit_list = res.unit_data;
                     appendClients(res.client_data);
-                }else{
+                } else {
                     console.log('No data found');
                 }
 
@@ -629,8 +624,7 @@ document.addEventListener("DOMContentLoaded", function () {
         });
     }
 
-    function appendClients(data) 
-    {
+    function appendClients(data) {
         $('#client_id').empty();
 
         $('#client_id').append($('<option>', {
@@ -645,7 +639,7 @@ document.addEventListener("DOMContentLoaded", function () {
 
         $.each(data, function(index, item) {
 
-            if(item.client_policy_count > 0){
+            if (item.client_policy_count > 0) {
 
                 var option = $('<option>', {
                     value: item.id,
@@ -657,8 +651,7 @@ document.addEventListener("DOMContentLoaded", function () {
         });
     }
 
-    function appendBranch(data) 
-    {
+    function appendBranch(data) {
 
         $('#client_branch_id').empty();
 
@@ -671,21 +664,20 @@ document.addEventListener("DOMContentLoaded", function () {
 
             var option = $('<option>', {
                 value: item.id,
-                text: item.branch_name 
+                text: item.branch_name
             });
             $('#client_branch_id').append(option);
         });
     }
 
-    function appendPolicies(data) 
-    {
+    function appendPolicies(data) {
         if (!data) {
 
             toastr.warning("There are no policies in Inception for the selected client and branch.");
         }
         console.log('appendPolicies', data);
         console.log('appendPolicies', $('#client_policy_id'));
-        
+
         $('#client_policy_id').empty();
         $('#client_policy_id').append($('<option>', {
             value: '',
@@ -696,25 +688,24 @@ document.addEventListener("DOMContentLoaded", function () {
             var option = $('<option>', {
                 value: item.id,
                 text: item.policy_type + '-' + item.policy_no,
-                'data-sd' : item.policy_start_date,
-                'data-ed' : item.policy_end_date,
-                'data-insurer' : item.insurer_branch_id + '-' + item.insurer_id,
-                'data-policy' : item.policy_no,
-                'data-cd' : item.cd_ac_no,
-                'data-ebp' : item.ebp,
-                'data-etp' : item.etp,
-                'data-iep' : item.iep,
-                'data-itp' : item.itp,
-                'data-bap' : item.bap,
-                'data-tpa' : item.tpa_branch_id + '-' + item.tpa_id,
-                'data-ptid' : item.policy_type_id,
+                'data-sd': item.policy_start_date,
+                'data-ed': item.policy_end_date,
+                'data-insurer': item.insurer_branch_id + '-' + item.insurer_id,
+                'data-policy': item.policy_no,
+                'data-cd': item.cd_ac_no,
+                'data-ebp': item.ebp,
+                'data-etp': item.etp,
+                'data-iep': item.iep,
+                'data-itp': item.itp,
+                'data-bap': item.bap,
+                'data-tpa': item.tpa_branch_id + '-' + item.tpa_id,
+                'data-ptid': item.policy_type_id,
             });
             $('#client_policy_id').append(option);
         });
     }
 
-    function logSelectedIds() 
-    {
+    function logSelectedIds() {
         var selectedIds = [];
         $('.row-select:checked').each(function() {
             selectedIds.push($(this).data('id'));
@@ -730,12 +721,12 @@ document.addEventListener("DOMContentLoaded", function () {
 
     $("#invoiceForm").submit(function(event) {
 
-        event.preventDefault(); 
+        event.preventDefault();
 
-        var isValid = $('#invoiceForm').parsley().validate();    
-        if (!isValid) { 
+        var isValid = $('#invoiceForm').parsley().validate();
+        if (!isValid) {
             console.log('Form is Empty', 'Warning');
-            return ; 
+            return;
         }
 
         form_action = '<?= base_url("util/updateInvoiceStatus"); ?>';
@@ -750,7 +741,7 @@ document.addEventListener("DOMContentLoaded", function () {
         formData.append('ids', JSON.stringify(ids));
 
         $.ajax({
-            data:formData,
+            data: formData,
             url: form_action,
             type: "POST",
             dataType: 'json',
@@ -761,16 +752,16 @@ document.addEventListener("DOMContentLoaded", function () {
                 $('.loader').fadeOut();
                 $('.loader-mask').delay(350).fadeOut('slow');
 
-                if(res.status == true){
+                if (res.status == true) {
                     toastr.success(res.message, 'Success');
-                }else{
+                } else {
                     toastr.error(res.message, 'Error');
                 }
 
                 window.location.reload();
                 $('.close').click();
             },
-            error: function (xhr, status, error) {
+            error: function(xhr, status, error) {
                 console.error(xhr.responseText);
                 console.error(status, error);
                 $('.loader').fadeOut();
@@ -779,198 +770,193 @@ document.addEventListener("DOMContentLoaded", function () {
         });
     });
 
-    $('#invoice_status').change(function(){
+    $('#invoice_status').change(function() {
 
         let value = $(this).val()
 
-        if(value == 'generated'){
+        if (value == 'generated') {
             $('#invoice_no_div').show()
             $('#invoice_no').attr('required', true)
-        }else{
+        } else {
             $('#invoice_no_div').hide()
             $('#invoice_no').attr('required', false)
         }
     })
 
-    $('#invoice_status_modal').change(function(){
+    $('#invoice_status_modal').change(function() {
 
         let value = $(this).val()
 
-        if(value == 'generated'){
+        if (value == 'generated') {
             $('#invoice_no_div_modal').show()
             $('#invoice_no_modal').attr('required', true)
-        }else{
+        } else {
             $('#invoice_no_div_modal').hide()
             $('#invoice_no_modal').attr('required', false)
 
         }
     })
-
 </script>
 
 
 <script>
+    $(document).ready(function() {
+        getURLParams()
+        $('#client_id_for_search').select2();
+        $('#insurer_id_for_search').select2();
+        $('#policy_type_for_search').select2();
+    })
 
-$(document).ready(function() {
-    getURLParams()
-    $('#client_id_for_search').select2();
-    $('#insurer_id_for_search').select2();
-    $('#policy_type_for_search').select2();
-})
+    function fetchEmpolyeeList(event) {
+        event.preventDefault(); // Prevent default action
 
-function fetchEmpolyeeList(event) 
-{
-    event.preventDefault(); // Prevent default action
+        var start_date = $('#startDate').val();
+        var end_date = $('#endDate').val();
+        var client_id = $('#client_id_for_search').val();
+        var insurer_id = $('#insurer_id_for_search').val();
+        var policy_type_id = $('#policy_type_for_search').val();
+        var date_type = $('#date_type').val();
+        var issuer = $('#issuer_for_search').val();
+        var status = $('#policy_status_for_search').val();
 
-    var start_date = $('#startDate').val();
-    var end_date = $('#endDate').val();
-    var client_id = $('#client_id_for_search').val();
-    var insurer_id = $('#insurer_id_for_search').val();
-    var policy_type_id = $('#policy_type_for_search').val();
-    var date_type = $('#date_type').val();
-    var issuer = $('#issuer_for_search').val();
-    var status = $('#policy_status_for_search').val();
+        console.log(start_date + '-' + end_date);
 
-    console.log(start_date + '-' + end_date);
+        var queryParams = {
+            start_date: start_date,
+            end_date: end_date,
+            client_id: client_id,
+            insurer_id: insurer_id,
+            policy_type_id: policy_type_id,
+            date_type: date_type,
+            issuer: issuer,
+            status: status,
+        };
 
-    var queryParams = {
-        start_date: start_date,
-        end_date: end_date,
-        client_id: client_id,
-        insurer_id: insurer_id,
-        policy_type_id: policy_type_id,
-        date_type: date_type,
-        issuer: issuer,
-        status: status,
-    };
-
-    console.log(queryParams)
-
-    const queryString = objectToQueryString(queryParams);
-    const apiURL = $('#get-emp-list').attr('href') + "?" + queryString;
-    console.log(apiURL);
-    window.location.href = apiURL;
-}
-
-function objectToQueryString(obj) 
-{
-    return Object.keys(obj).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`).join('&');
-}
-
-function getURLParams() 
-{
-    const url = new URL(window.location.href);
-    const params = new URLSearchParams(url.search);
-
-    const startDate = params.get('start_date') || 0; // Default to 0 if not found
-    const endDate = params.get('end_date') || 0; // Default to 0 if not found
-    const client_id = params.get('client_id') || 0; // Default to 0 if not found
-    const insurer_id = params.get('insurer_id') || 0; // Default to 0 if not found
-    const policy_type_id = params.get('policy_type_id') || 0; // Default to 0 if not found
-    const date_type = params.get('date_type') || 0; // Default to 0 if not found
-    const issuer = params.get('issuer') || 0; // Default to 0 if not found
-    const status = params.get('status') || 0; // Default to 0 if not found
-
-    hideDateField(date_type)
-
-    // console.log('startDate', startDate)
-    // console.log('endDate', endDate)
-    // console.log('client_id', client_id)
-    // console.log('insurer_id', insurer_id)
-    // console.log('policy_type_id', policy_type_id)   
-    // console.log('date_type', date_type)
-    // console.log('issuer', issuer)
-    // console.log('status', status)
-
-    // Log the values or use them as needed
-    // console.log('Start Date:', startDate);
-    // console.log('End Date:', endDate);
-
-    if (startDate != 0 && endDate != 0) {
-        setTimeout(function(){
-            $('#start_date').val(startDate)
-            $('#end_date').val(endDate)
-            $('#client_id_for_search').val(client_id).change()
-            $('#insurer_id_for_search').val(insurer_id).change()
-            $('#policy_type_for_search').val(policy_type_id).change()
-            $('#date_type').val(date_type)
-            $('#issuer_for_search').val(issuer)
-            $('#policy_status_for_search').val(status)
-        },1000)
+        console.log(queryParams)
 
+        const queryString = objectToQueryString(queryParams);
+        const apiURL = $('#get-emp-list').attr('href') + "?" + queryString;
+        console.log(apiURL);
+        window.location.href = apiURL;
     }
 
-}
-
-$(function() {
-
-    const url = new URL(window.location.href);
-    const params = new URLSearchParams(url.search);
-
-    // Get start and end dates from URL parameters, or use default values
-    const startDateParam = params.get('start_date') || moment().subtract(29, 'days').format('DD/MM/YYYY');
-    const endDateParam = params.get('end_date') || moment().format('DD/MM/YYYY');
-
-    // Parse the dates to moment objects
-    var start = moment(startDateParam, 'DD/MM/YYYY');
-    var end = moment(endDateParam, 'DD/MM/YYYY');
-
-    // var start = moment().subtract(29, 'days');
-    // var end = moment();
-
-    function cb(start, end) {
-        $('#reportrange span').html(start.format('D/MM/YYYY') + ' - ' + end.format('D/MM/YYYY'));
-        $('#startDate').val(start.format('DD/MM/YYYY'));
-        $('#endDate').val(end.format('DD/MM/YYYY'));
+    function objectToQueryString(obj) {
+        return Object.keys(obj).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`).join('&');
     }
 
-    $('#reportrange').daterangepicker({
-        startDate: start,
-        endDate: end,
-        locale: { format: 'DD-MM-YYYY' },
-        ranges: {
-        'Today': [moment(), moment()],
-        'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
-        'Last 7 Days': [moment().subtract(6, 'days'), moment()],
-        'Last 30 Days': [moment().subtract(29, 'days'), moment()],
-        'This Month': [moment().startOf('month'), moment().endOf('month')],
-        'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+    function getURLParams() {
+        const url = new URL(window.location.href);
+        const params = new URLSearchParams(url.search);
+
+        const startDate = params.get('start_date') || 0; // Default to 0 if not found
+        const endDate = params.get('end_date') || 0; // Default to 0 if not found
+        const client_id = params.get('client_id') || 0; // Default to 0 if not found
+        const insurer_id = params.get('insurer_id') || 0; // Default to 0 if not found
+        const policy_type_id = params.get('policy_type_id') || 0; // Default to 0 if not found
+        const date_type = params.get('date_type') || 0; // Default to 0 if not found
+        const issuer = params.get('issuer') || 0; // Default to 0 if not found
+        const status = params.get('status') || 0; // Default to 0 if not found
+
+        hideDateField(date_type)
+
+        // console.log('startDate', startDate)
+        // console.log('endDate', endDate)
+        // console.log('client_id', client_id)
+        // console.log('insurer_id', insurer_id)
+        // console.log('policy_type_id', policy_type_id)   
+        // console.log('date_type', date_type)
+        // console.log('issuer', issuer)
+        // console.log('status', status)
+
+        // Log the values or use them as needed
+        // console.log('Start Date:', startDate);
+        // console.log('End Date:', endDate);
+
+        if (startDate != 0 && endDate != 0) {
+            setTimeout(function() {
+                $('#start_date').val(startDate)
+                $('#end_date').val(endDate)
+                $('#client_id_for_search').val(client_id).change()
+                $('#insurer_id_for_search').val(insurer_id).change()
+                $('#policy_type_for_search').val(policy_type_id).change()
+                $('#date_type').val(date_type)
+                $('#issuer_for_search').val(issuer)
+                $('#policy_status_for_search').val(status)
+            }, 1000)
+
         }
-    }, cb);
 
-    cb(start, end);
+    }
 
-    $('#clear-filters').on('click', function() {
-        // Reset all select dropdowns to the first option
-        $('#client_id_for_search').val('0').change();
-        $('#insurer_id_for_search').val('0').change();
-        $('#policy_type_for_search').val('0').change();
-        $('#date_type').val('0');
-        $('#issuer_for_search').val('0');
-        $('#policy_status_for_search').val('0');
-        $('#date_div').hide()
+    $(function() {
+
+        const url = new URL(window.location.href);
+        const params = new URLSearchParams(url.search);
+
+        // Get start and end dates from URL parameters, or use default values
+        const startDateParam = params.get('start_date') || moment().subtract(29, 'days').format('DD/MM/YYYY');
+        const endDateParam = params.get('end_date') || moment().format('DD/MM/YYYY');
+
+        // Parse the dates to moment objects
+        var start = moment(startDateParam, 'DD/MM/YYYY');
+        var end = moment(endDateParam, 'DD/MM/YYYY');
+
+        // var start = moment().subtract(29, 'days');
+        // var end = moment();
+
+        function cb(start, end) {
+            $('#reportrange span').html(start.format('D/MM/YYYY') + ' - ' + end.format('D/MM/YYYY'));
+            $('#startDate').val(start.format('DD/MM/YYYY'));
+            $('#endDate').val(end.format('DD/MM/YYYY'));
+        }
+
+        $('#reportrange').daterangepicker({
+            startDate: start,
+            endDate: end,
+            locale: {
+                format: 'DD-MM-YYYY'
+            },
+            ranges: {
+                'Today': [moment(), moment()],
+                'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+                'Last 7 Days': [moment().subtract(6, 'days'), moment()],
+                'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+                'This Month': [moment().startOf('month'), moment().endOf('month')],
+                'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+            }
+        }, cb);
+
+        cb(start, end);
+
+        $('#clear-filters').on('click', function() {
+            // Reset all select dropdowns to the first option
+            $('#client_id_for_search').val('0').change();
+            $('#insurer_id_for_search').val('0').change();
+            $('#policy_type_for_search').val('0').change();
+            $('#date_type').val('0');
+            $('#issuer_for_search').val('0');
+            $('#policy_status_for_search').val('0');
+            $('#date_div').hide()
+
+            // Reset the date range picker to default
+            $('#reportrange').data('daterangepicker').setStartDate(moment().subtract(29, 'days'));
+            $('#reportrange').data('daterangepicker').setEndDate(moment());
+            cb(start, end); // Update the displayed date range
+        });
 
-        // Reset the date range picker to default
-        $('#reportrange').data('daterangepicker').setStartDate(moment().subtract(29, 'days'));
-        $('#reportrange').data('daterangepicker').setEndDate(moment());
-        cb(start, end); // Update the displayed date range
     });
 
-});
+    function hideDateField(input = null) {
+        let val = $('#date_type').val();
 
-function hideDateField(input = null)
-{   
-    let val = $('#date_type').val();
+        if (input) {
+            val = input;
+        }
 
-    if(input){
-        val = input;
+        if (val != 0) {
+            $('#date_div').show()
+        } else {
+            $('#date_div').hide()
+        }
     }
-
-    if(val != 0){
-        $('#date_div').show()
-    }else{
-        $('#date_div').hide()
-    }
-}
-
 </script>
\ No newline at end of file
diff --git a/app/Views/policy_transaction_inception_list.php b/app/Views/policy_transaction_inception_list.php
index 5263b466..67b520ad 100644
--- a/app/Views/policy_transaction_inception_list.php
+++ b/app/Views/policy_transaction_inception_list.php
@@ -144,9 +144,6 @@ table.dataTable tbody td {
     }
 
 </style>
-<div class="col-12">
-    <h4  class="ml-1 mb-3"> <span class="font-color-black">Policy</span> </h4>
-</div>
 
     <div class="col-12" id="inception_filter">
         <div id="accordion" class="mb-3">
@@ -271,7 +268,7 @@ table.dataTable tbody td {
             <div class="card-body">
                 <div class="row" style="margin-bottom:1rem;">
                     <div class="col-6" style="align-self: center;">
-                        <h4 style="position: relative;">Policy </h4>
+                        <h4 style="position: relative;">Policy List </h4>
                     </div>
 
                     <div class="col-3" id="status_change" style="text-align: right; position: relative;top: 56px; left: 291px;">
diff --git a/app/Views/policy_type_list.php b/app/Views/policy_type_list.php
index 8250cc58..cc747aa6 100755
--- a/app/Views/policy_type_list.php
+++ b/app/Views/policy_type_list.php
@@ -1,17 +1,17 @@
 <style>
-.custom-dropdown-menu {
+  .custom-dropdown-menu {
     display: none;
     position: fixed;
     background-color: #ffffff !important;
-    border: 1px solid rgba(0,0,0,.15);
+    border: 1px solid rgba(0, 0, 0, .15);
     border-radius: 0.25rem;
     padding: 0.5rem 0;
     min-width: 10rem;
     z-index: 9999;
-    box-shadow: 0 0 10px rgba(0,0,0,0.1);
-}
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  }
 
-.custom-dropdown-menu .dropdown-item {
+  .custom-dropdown-menu .dropdown-item {
     display: block !important;
     width: 100% !important;
     padding: 0.5rem 1rem !important;
@@ -24,25 +24,25 @@
     border: 0 !important;
     text-decoration: none !important;
     position: relative !important;
-}
+  }
 
-.custom-dropdown-menu .dropdown-item:hover {
+  .custom-dropdown-menu .dropdown-item:hover {
     background-color: #f8f9fa !important;
     color: #16181b !important;
     cursor: pointer !important;
-}
+  }
 
-.custom-dropdown-menu .dropdown-item i {
+  .custom-dropdown-menu .dropdown-item i {
     margin-right: 8px !important;
     vertical-align: middle !important;
-}
+  }
 
-.table tbody tr {
+  .table tbody tr {
     cursor: pointer;
-}
+  }
 
-/* Ensure the dropdown menu has a solid background */
-.custom-dropdown-menu::before {
+  /* Ensure the dropdown menu has a solid background */
+  .custom-dropdown-menu::before {
     content: '';
     position: absolute;
     top: 0;
@@ -51,26 +51,28 @@
     bottom: 0;
     background: #ffffff;
     z-index: -1;
-}
+  }
 
-/* Add a subtle backdrop effect */
-.custom-dropdown-menu::after {
+  /* Add a subtle backdrop effect */
+  .custom-dropdown-menu::after {
     content: '';
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
-    background: rgba(0,0,0,0.05);
+    background: rgba(0, 0, 0, 0.05);
     z-index: -2;
     pointer-events: none;
-}
+  }
 </style>
-<div class="row" id="policy_list">
+
+<div class="container-fluid-min">
+  <div class="row" id="policy_list">
     <div class="col-12">
-        <div class="card">
-            <div class="card-body maincard">
-                    <!-- <div class="row" style="margin-bottom:1rem;">
+      <div class="card">
+        <div class="card-body maincard">
+          <!-- <div class="row" style="margin-bottom:1rem;">
                         <div class="col-6" style="align-self: center;">
                             <h4 style="position: relative;">Policy Type List</h4>
                         </div>
@@ -78,270 +80,270 @@
                             <a href="<?= base_url("master/policy/create"); ?>" type="button" id="btnAdd" class="btn btn-primary waves-effect waves-light" data-toggle="" data-placement="top" title="Add" data-trigger="hover">ADD</a>                
                         </div>
                     </div> -->
-                    <!-- <div class="row" style="margin-bottom:1rem;">
+          <!-- <div class="row" style="margin-bottom:1rem;">
                         <div class="col-6" style="align-self: center;">
                             <h4 style="position: relative;">Policy</h4>
                         </div>
                     </div> -->
-                <table data-custom-table-css="table" class="table table-sm table-hover m-0 table-centered dt-responsive nowrap w-100" cellspacing="0"
-                    id="tickets-table">
-                    <thead class="bg-light">
-                        <tr>
-                            <th class="font-weight-medium">Policy Type</th>
-                            <th class="font-weight-medium">Policy Long Name</th>
-                            <th class="font-weight-medium">BAP</th>
-                            <th class="font-weight-medium">Category</th>
-                            <th class="font-weight-medium">BAP Category</th>
-                            <th class="font-weight-medium">Action</th>
-                        </tr>
-                    </thead>
+          <table data-custom-table-css="table" class="table table-sm table-hover m-0 table-centered dt-responsive nowrap w-100" cellspacing="0"
+            id="tickets-table">
+            <thead class="bg-light">
+              <tr>
+                <th class="font-weight-medium">Policy Type</th>
+                <th class="font-weight-medium">Policy Long Name</th>
+                <th class="font-weight-medium">BAP</th>
+                <th class="font-weight-medium">Category</th>
+                <th class="font-weight-medium">BAP Category</th>
+                <th class="font-weight-medium">Action</th>
+              </tr>
+            </thead>
 
-                    <tbody>
-                    <?php if(is_array($policyList)) {foreach($policyList as $row){ ?>
-                      <tr>
-                        <td><?php echo $row['policy_type']; ?> </td>
-                        <td><?php echo $row['long_name']; ?> </td>
-                        <td><?php echo $row['bap']; ?></td>
-                        <td><?php echo $row['allocg']; ?></td>
-                        <td><?php echo $row['alloci']; ?></td>
-                        <td>
-                          <div class="btn-group dropdown">
-                            <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown"aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
-                            <div class="dropdown-menu dropdown-menu-right">
-                              <a class="dropdown-item" href="<?= base_url("master/policy/list/"); ?><?= $row['id'];?>"><i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit</a>
-                              <a class="dropdown-item" data-id="<?= $row['id'];?>" onclick="removePolciyType(this)"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Delete</a>
-                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                    <?php }}?>
+            <tbody>
+              <?php if (is_array($policyList)) {
+                foreach ($policyList as $row) { ?>
+                  <tr>
+                    <td><?php echo $row['policy_type']; ?> </td>
+                    <td><?php echo $row['long_name']; ?> </td>
+                    <td><?php echo $row['bap']; ?></td>
+                    <td><?php echo $row['allocg']; ?></td>
+                    <td><?php echo $row['alloci']; ?></td>
+                    <td>
+                      <div class="btn-group dropdown">
+                        <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                          <a class="dropdown-item" href="<?= base_url("master/policy/list/"); ?><?= $row['id']; ?>"><i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit</a>
+                          <a class="dropdown-item" data-id="<?= $row['id']; ?>" onclick="removePolciyType(this)"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Delete</a>
+                        </div>
+                      </div>
+                    </td>
+                  </tr>
+              <?php }
+              } ?>
 
-                    </tbody>
-                </table>
-            </div>
+            </tbody>
+          </table>
         </div>
+      </div>
     </div><!-- end col -->
+  </div>
 </div>
+
 <!-- end row -->
 
 <script>
-document.addEventListener("DOMContentLoaded", function () {
+  document.addEventListener("DOMContentLoaded", function() {
     const table = document.getElementById("tickets-table");
-    
+
     // Create custom dropdown
     function createCustomDropdown(row) {
-        // Get the original dropdown items
-        const originalDropdown = row.querySelector('.dropdown-menu');
-        if (!originalDropdown) return null;
-        
-        // Create new dropdown with proper background and spacing
-        const customDropdown = document.createElement('div');
-        customDropdown.className = 'custom-dropdown-menu';
-        
-        // Copy inner content while maintaining icon alignment
-        customDropdown.innerHTML = originalDropdown.innerHTML;
-        
-        return customDropdown;
+      // Get the original dropdown items
+      const originalDropdown = row.querySelector('.dropdown-menu');
+      if (!originalDropdown) return null;
+
+      // Create new dropdown with proper background and spacing
+      const customDropdown = document.createElement('div');
+      customDropdown.className = 'custom-dropdown-menu';
+
+      // Copy inner content while maintaining icon alignment
+      customDropdown.innerHTML = originalDropdown.innerHTML;
+
+      return customDropdown;
     }
 
     let activeDropdown = null;
 
     // Add click event listener to rows
     table.querySelectorAll("tbody tr").forEach(row => {
-        const customDropdown = createCustomDropdown(row);
-        if (!customDropdown) return;
-        
-        document.body.appendChild(customDropdown);
+      const customDropdown = createCustomDropdown(row);
+      if (!customDropdown) return;
 
-        row.addEventListener("click", function(event) {
-            // Ignore clicks on the action column
-            if (event.target.closest('td:last-child')) {
-                return;
-            }
+      document.body.appendChild(customDropdown);
 
-            // Hide any active dropdown
-            if (activeDropdown) {
-                activeDropdown.style.display = 'none';
-            }
+      row.addEventListener("click", function(event) {
+        // Ignore clicks on the action column
+        if (event.target.closest('td:last-child')) {
+          return;
+        }
 
-            // Get click position
-            const rect = event.target.getBoundingClientRect();
+        // Hide any active dropdown
+        if (activeDropdown) {
+          activeDropdown.style.display = 'none';
+        }
 
-            // Position the dropdown with some offset
-            customDropdown.style.display = 'block';
-            customDropdown.style.position = 'fixed';
-            customDropdown.style.left = `${rect.left}px`;
-            customDropdown.style.top = `${rect.bottom + 5}px`; // Add 5px gap
+        // Get click position
+        const rect = event.target.getBoundingClientRect();
 
-            // Set as active dropdown
-            activeDropdown = customDropdown;
+        // Position the dropdown with some offset
+        customDropdown.style.display = 'block';
+        customDropdown.style.position = 'fixed';
+        customDropdown.style.left = `${rect.left}px`;
+        customDropdown.style.top = `${rect.bottom + 5}px`; // Add 5px gap
 
-            event.stopPropagation();
-        });
-
-        // Preserve click handlers
-        customDropdown.querySelectorAll('.dropdown-item').forEach(item => {
-            item.addEventListener('click', function(e) {
-              e.preventDefault();
-                const onclickAttr = this.getAttribute('onclick');
-                if (onclickAttr) {
-                    eval(onclickAttr);
-                }
-                
-                const href = this.getAttribute('href');
-                if (href && href !== '#') {
-                    window.location.href = href;
-                }
-                
-                e.stopPropagation();
-            });
+        // Set as active dropdown
+        activeDropdown = customDropdown;
+
+        event.stopPropagation();
+      });
+
+      // Preserve click handlers
+      customDropdown.querySelectorAll('.dropdown-item').forEach(item => {
+        item.addEventListener('click', function(e) {
+          e.preventDefault();
+          const onclickAttr = this.getAttribute('onclick');
+          if (onclickAttr) {
+            eval(onclickAttr);
+          }
+
+          const href = this.getAttribute('href');
+          if (href && href !== '#') {
+            window.location.href = href;
+          }
+
+          e.stopPropagation();
         });
+      });
     });
 
     // Close dropdown when clicking outside
     document.addEventListener("click", function() {
-        if (activeDropdown) {
-            activeDropdown.style.display = 'none';
-            activeDropdown = null;
-        }
+      if (activeDropdown) {
+        activeDropdown.style.display = 'none';
+        activeDropdown = null;
+      }
     });
-});
+  });
 </script>
 
 
 <script>
+  $(document).ready(function() {
 
- $(document).ready(function(){
-
-  $('#tickets-table').DataTable({
-        dom:  "<'row'<'col-sm-0'f><'col-sm-9 text-right'B>>" + 
-              "<'row'<'col-sm-12'tr>>" + 
-              "<'row'<'col-sm-5'i><'col-sm-7'p>>" ,
-        buttons: [
-            {
-                extend: 'csv',
-                text: 'CSV', 
-                title: 'PolicyTypeList', 
-                exportOptions: {
-                    columns: ':not(:last-child)'
-                }
-            }
-        ],
+    $('#tickets-table').DataTable({
+      dom: "<'d-flex justify-content-between align-items-center'<'datatable-search'f><'datatable-buttons'B>>" +
+        "<'row'<'col-sm-12'tr>>" +
+        "<'row'<'col-sm-5'i><'col-sm-7'p>>",
+      buttons: [{
+        extend: 'csv',
+        text: 'CSV',
+        title: 'PolicyTypeList',
+        exportOptions: {
+          columns: ':not(:last-child)'
+        }
+      }],
 
 
-        language: {
-            search: "_INPUT_",
-            searchPlaceholder: "Search..."
-        },
-        paging: true ,
+      language: {
+        search: "_INPUT_",
+        searchPlaceholder: "Search..."
+      },
+      paging: true,
     });
 
- }) 
+  })
 
-const btnExport = document.querySelector("#btnExport");
-const tableElement = document.querySelector("#tickets-table");
+  const btnExport = document.querySelector("#btnExport");
+  const tableElement = document.querySelector("#tickets-table");
 
-btnExport.addEventListener("click", () => {
-  const obj = new csvExport(tableElement);
-  const csvData = obj.exportCsv();
-  const blob = new Blob([csvData], { type: "text/csv" });
-  const url = URL.createObjectURL(blob);
-  const a = document.createElement("a");
-  a.href = url;
-  a.download = "PolicyTypeList.csv";
-  a.click();
+  btnExport.addEventListener("click", () => {
+    const obj = new csvExport(tableElement);
+    const csvData = obj.exportCsv();
+    const blob = new Blob([csvData], {
+      type: "text/csv"
+    });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = "PolicyTypeList.csv";
+    a.click();
 
-  setTimeout(() => {
-    URL.revokeObjectURL(url);
-  }, 500);
-});
+    setTimeout(() => {
+      URL.revokeObjectURL(url);
+    }, 500);
+  });
 
 
-class csvExport {
-  constructor(table, header = true) {
-    this.table = table;
-    this.rows = Array.from(table.querySelectorAll("tr"));
-    if (!header && this.rows[0].querySelectorAll("th").length) {
-      this.rows.shift();
-    }
-  }
-
-  exportCsv() {
-    const lines = [];
-    const ncols = this._longestRow();
-    for (const row of this.rows) {
-      let line = "";
-      for (let i = 0; i < ncols - 1; i++) { // Exclude the last column
-        if (row.children[i] !== undefined) {
-          line += csvExport.safeData(row.children[i]);
-        }
-        line += i !== ncols - 2 ? "," : ""; // Adjusted for the last column exclusion
+  class csvExport {
+    constructor(table, header = true) {
+      this.table = table;
+      this.rows = Array.from(table.querySelectorAll("tr"));
+      if (!header && this.rows[0].querySelectorAll("th").length) {
+        this.rows.shift();
       }
-      lines.push(line);
     }
-    return lines.join("\n");
+
+    exportCsv() {
+      const lines = [];
+      const ncols = this._longestRow();
+      for (const row of this.rows) {
+        let line = "";
+        for (let i = 0; i < ncols - 1; i++) { // Exclude the last column
+          if (row.children[i] !== undefined) {
+            line += csvExport.safeData(row.children[i]);
+          }
+          line += i !== ncols - 2 ? "," : ""; // Adjusted for the last column exclusion
+        }
+        lines.push(line);
+      }
+      return lines.join("\n");
+    }
+
+    _longestRow() {
+      return this.rows.reduce((length, row) => (row.childElementCount > length ? row.childElementCount : length), 0);
+    }
+
+    static safeData(td) {
+      let data = td.textContent;
+      //Replace all double quote to two double quotes
+      data = data.replace(/"/g, `""`);
+      //Replace , and \n to double quotes
+      data = /[",\n"]/.test(data) ? `"${data}"` : data;
+      return data;
+    }
   }
 
-  _longestRow() {
-    return this.rows.reduce((length, row) => (row.childElementCount > length ? row.childElementCount : length), 0);
-  }
 
-  static safeData(td) {
-    let data = td.textContent;
-    //Replace all double quote to two double quotes
-    data = data.replace(/"/g, `""`);
-    //Replace , and \n to double quotes
-    data = /[",\n"]/.test(data) ? `"${data}"` : data;
-    return data;
-  }
-}
-
-
-function removePolciyType(element) {
+  function removePolciyType(element) {
 
     Swal.fire({
-        title: "Are you sure?",
-        text: "You need to remove this!",
-        icon: "info",
-        showCancelButton: true,
-        confirmButtonColor: "#3085d6",
-        confirmButtonText: "Yes",
+      title: "Are you sure?",
+      text: "You need to remove this!",
+      icon: "info",
+      showCancelButton: true,
+      confirmButtonColor: "#3085d6",
+      confirmButtonText: "Yes",
     }).then((result) => {
 
-        if (result.isConfirmed) {
-            var id = element.getAttribute('data-id');
-            var form_action = '<?= base_url("master/policy/remove/") ?>' + id; 
-            $.ajax({
-                url: form_action,
-                type: "GET",
-                dataType: 'json',
-                processData: false,
-                contentType: false,
-                success: function(res) {
-                  // console.log(res.status == true);
-                    if(res){
-                      if (res.status == true) {
-                        toastr.success('Policy type removed successfully', 'success');
-                        location.reload();
-                      } else {
-                        toastr.warning('Failed to remove policy type', 'warning');
-                      }
-                    }
-                },
-                error: function (xhr, status, error) {
-                    console.error(xhr.responseText);
-                    console.error(status, error);
-                    $('.loader').fadeOut();
-                    $('.loader-mask').delay(350).fadeOut('slow');
-                    toastr.warning('Failed to remove policy type', 'warning');
-                  }
-            });
-        }
+      if (result.isConfirmed) {
+        var id = element.getAttribute('data-id');
+        var form_action = '<?= base_url("master/policy/remove/") ?>' + id;
+        $.ajax({
+          url: form_action,
+          type: "GET",
+          dataType: 'json',
+          processData: false,
+          contentType: false,
+          success: function(res) {
+            // console.log(res.status == true);
+            if (res) {
+              if (res.status == true) {
+                toastr.success('Policy type removed successfully', 'success');
+                location.reload();
+              } else {
+                toastr.warning('Failed to remove policy type', 'warning');
+              }
+            }
+          },
+          error: function(xhr, status, error) {
+            console.error(xhr.responseText);
+            console.error(status, error);
+            $('.loader').fadeOut();
+            $('.loader-mask').delay(350).fadeOut('slow');
+            toastr.warning('Failed to remove policy type', 'warning');
+          }
+        });
+      }
 
     });
 
-}
-
-
-
+  }
 </script>
\ No newline at end of file
diff --git a/app/Views/renewal_search.php b/app/Views/renewal_search.php
index 8734b0ac..3fe59f01 100644
--- a/app/Views/renewal_search.php
+++ b/app/Views/renewal_search.php
@@ -1,17 +1,14 @@
-<div class="col-12">
-    <h4  class="ml-1 mb-3"> <span class="font-color-black">Renewal Policy</span> </h4>
-</div>
-
+<div class="container-fluid-min">
     <div class="col-xl-12">
         <div id="accordion" class="mb-3">
             <label id="filterAccordion" class="m-1 d-flex justify-content-between align-items-center">
-                    <span class="font-color-black">Filters</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>
+                <h4>Filters</h4>
+                <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 class="card mb-1">
                 <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
                     <div class="card-body">
                         <!-- <div class="text-center"> -->
@@ -24,8 +21,8 @@
                                     <span></span> <i class="mdi mdi-menu-down"></i>
                                 </div> -->
                                 <div class="input-icon">
-                                        <input type="text" id="reportrange" class="form-control" readonly  style="caret-color: transparent;">
-                                        <i class="mdi mdi-calendar-blank-outline additional-icon"></i>
+                                    <input type="text" id="reportrange" class="form-control" readonly style="caret-color: transparent;">
+                                    <i class="mdi mdi-calendar-blank-outline additional-icon"></i>
                                 </div>
                                 <input type="hidden" id="startDate" value=<?= $default_start ?>>
                                 <input type="hidden" id="endDate" value=<?= $default_end ?>>
@@ -36,11 +33,11 @@
                                 <select class="form-control" id="issuer" name="issuer">
                                     <option value="">Select Issuer</option>
                                     <?php
-                                        if (isset($issuer) && count($issuer)) {
-                                            foreach ($issuer as $key => $value) {
-                                                echo "<option value=" . $key . ">" . $value . "</option>";
-                                            }
+                                    if (isset($issuer) && count($issuer)) {
+                                        foreach ($issuer as $key => $value) {
+                                            echo "<option value=" . $key . ">" . $value . "</option>";
                                         }
+                                    }
                                     ?>
                                 </select>
                             </div>
@@ -78,168 +75,172 @@
     </div>
 
 
-<div id="report"></div>
+    <div id="report"></div>
+</div>
+
 
 <script>
-let client_list = [];
+    let client_list = [];
 
-$(document).ready(function() {
-    getClientAndBranchAndPolicy();
-    $('#client_id').select2();
-})
+    $(document).ready(function() {
+        getClientAndBranchAndPolicy();
+        $('#client_id').select2();
+    })
 
-$(function() {
+    $(function() {
 
-    var start = $('#startDate').val();
-    var end = $('#endDate').val();
+        var start = $('#startDate').val();
+        var end = $('#endDate').val();
 
-    var start = moment(start, 'DD/MM/YYYY');
-    var end = moment(end, 'DD/MM/YYYY');
+        var start = moment(start, 'DD/MM/YYYY');
+        var end = moment(end, 'DD/MM/YYYY');
 
-    function cb(start, end) {
-        $('#reportrange').html(start.format('D-MM-YYYY') + ' - ' + end.format('D-MM-YYYY'));
-        $('#startDate').val(start.format('DD-MM-YYYY'));
-        $('#endDate').val(end.format('DD-MM-YYYY'));
-    }
-
-    $('#reportrange').daterangepicker({
-        startDate: start,
-        endDate: end,
-        locale: { format: 'DD-MM-YYYY' },
-        ranges: {
-            'Today': [moment(), moment()],
-            'Next 7 Days': [moment(), moment().add(6, 'days')], // Next 7 Days
-            'Next 30 Days': [moment(), moment().add(29, 'days')], // Next 30 Days
-            'Next Month': [moment().add(1, 'month').startOf('month'), moment().add(1, 'month').endOf(
-                'month')], // Next Month
-            'Next Year': [moment().add(1, 'year').startOf('year'), moment().add(1, 'year').endOf(
-                'year')], // Next Year
-            'Current Year': [moment().startOf('year'), moment().endOf('year')] // Current Year
-
-        }
-    }, cb);
-
-    cb(start, end);
-});
-
-// ----------------------------------------------------------------------------------------------
-
-function fetchReportPage() {
-
-    var fromDate = $('#startDate').val();
-    var toDate = $('#endDate').val();
-    var client_id = $('#client_id').val();
-    var client_type = $('#client_type').val();
-    var issuer = $('#issuer').val();
-    var requestData = {
-        fromDate: fromDate,
-        toDate: toDate,
-        client_id: client_id,
-        client_type: client_type,
-        issuer: issuer,
-    };
-    console.log(typeof fromDate);
-    var url = '<?= base_url('/bdsReport/renewal_report') ?>';
-    $('.loader').fadeIn();
-    $('.loader-mask').fadeIn();
-    sendAjaxRequestForGlobal(url, 'POST', requestData, function(response) {
-        if (response.status == true) {
-            $('#report').html(response.html);
-            $('.loader').fadeOut();
-            $('.loader-mask').delay(350).fadeOut('slow');
-
-        } else {
-            $('.loader').fadeOut();
-            $('.loader-mask').delay(350).fadeOut('slow');
-            let message = response.message;
-            toastr.error(message, 'ERROR');
+        function cb(start, end) {
+            $('#reportrange').html(start.format('D-MM-YYYY') + ' - ' + end.format('D-MM-YYYY'));
+            $('#startDate').val(start.format('DD-MM-YYYY'));
+            $('#endDate').val(end.format('DD-MM-YYYY'));
         }
 
+        $('#reportrange').daterangepicker({
+            startDate: start,
+            endDate: end,
+            locale: {
+                format: 'DD-MM-YYYY'
+            },
+            ranges: {
+                'Today': [moment(), moment()],
+                'Next 7 Days': [moment(), moment().add(6, 'days')], // Next 7 Days
+                'Next 30 Days': [moment(), moment().add(29, 'days')], // Next 30 Days
+                'Next Month': [moment().add(1, 'month').startOf('month'), moment().add(1, 'month').endOf(
+                    'month')], // Next Month
+                'Next Year': [moment().add(1, 'year').startOf('year'), moment().add(1, 'year').endOf(
+                    'year')], // Next Year
+                'Current Year': [moment().startOf('year'), moment().endOf('year')] // Current Year
 
-    }, function(xhr, status, error) {
-        console.error('Error fetching data:', error);
-        console.error(xhr.responseText);
-        toastr.error('An error occurred while fetching the report page.', 'ERROR');
+            }
+        }, cb);
 
-        $('.loader').fadeOut();
-        $('.loader-mask').delay(350).fadeOut('slow');
+        cb(start, end);
     });
-}
 
-// ----------------------------------------------------------------------------------------------
+    // ----------------------------------------------------------------------------------------------
 
-//get client , branch, policy data
-function getClientAndBranchAndPolicy() {
-    $.ajax({
-        url: '<?= base_url("/util/getClientAndBranchAndPolicy") ?>',
-        type: "GET",
-        dataType: 'json',
-        success: function(res) {
+    function fetchReportPage() {
+
+        var fromDate = $('#startDate').val();
+        var toDate = $('#endDate').val();
+        var client_id = $('#client_id').val();
+        var client_type = $('#client_type').val();
+        var issuer = $('#issuer').val();
+        var requestData = {
+            fromDate: fromDate,
+            toDate: toDate,
+            client_id: client_id,
+            client_type: client_type,
+            issuer: issuer,
+        };
+        console.log(typeof fromDate);
+        var url = '<?= base_url('/bdsReport/renewal_report') ?>';
+        $('.loader').fadeIn();
+        $('.loader-mask').fadeIn();
+        sendAjaxRequestForGlobal(url, 'POST', requestData, function(response) {
+            if (response.status == true) {
+                $('#report').html(response.html);
+                $('.loader').fadeOut();
+                $('.loader-mask').delay(350).fadeOut('slow');
 
-            console.log('getClientAndBranchAndPolicy', res);
-            if (res.status == true) {
-                client_list = res.client_data;
-                appendClients(res.client_data);
             } else {
-                console.log('No data found');
+                $('.loader').fadeOut();
+                $('.loader-mask').delay(350).fadeOut('slow');
+                let message = response.message;
+                toastr.error(message, 'ERROR');
             }
-        },
-        error: function(xhr, status, error) {
+
+
+        }, function(xhr, status, error) {
+            console.error('Error fetching data:', error);
             console.error(xhr.responseText);
-            console.error(status, error);
-        }
-    });
-}
+            toastr.error('An error occurred while fetching the report page.', 'ERROR');
 
-//append the clients data 
-function appendClients(data) {
-    $('#client_id').empty();
-
-    $('#client_id').append($('<option>', {
-        value: '0',
-        text: 'Select Client'
-    }));
-
-    $.each(data, function(index, item) {
-        var option = $('<option>', {
-            value: item.id,
-            text: item.client_name,
-            'data-name': item.client_name,
+            $('.loader').fadeOut();
+            $('.loader-mask').delay(350).fadeOut('slow');
         });
+    }
 
-        $('#client_id').append(option).select2();
-    });
+    // ----------------------------------------------------------------------------------------------
 
-}
+    //get client , branch, policy data
+    function getClientAndBranchAndPolicy() {
+        $.ajax({
+            url: '<?= base_url("/util/getClientAndBranchAndPolicy") ?>',
+            type: "GET",
+            dataType: 'json',
+            success: function(res) {
 
-$('#client_type').on('change', function() {
-
-    var selectedClientType = $(this).val();
-
-    // console.log('selectedClientType', selectedClientType);
-
-    // Clear and add default options for client
-    $('#client_id').empty().append($('<option>', {
-        value: '',
-        text: 'Select Client'
-    }))
-
-    // Populate client options based on selected client type
-    if (selectedClientType) {
-
-        $.each(client_list, function(index, item) {
-            if (item.client_type == selectedClientType) {
-                var option = $('<option>', {
-                    value: item.id,
-                    text: item.client_name,
-                });
-                $('#client_id').append(option);
+                console.log('getClientAndBranchAndPolicy', res);
+                if (res.status == true) {
+                    client_list = res.client_data;
+                    appendClients(res.client_data);
+                } else {
+                    console.log('No data found');
+                }
+            },
+            error: function(xhr, status, error) {
+                console.error(xhr.responseText);
+                console.error(status, error);
             }
         });
+    }
+
+    //append the clients data 
+    function appendClients(data) {
+        $('#client_id').empty();
+
+        $('#client_id').append($('<option>', {
+            value: '0',
+            text: 'Select Client'
+        }));
+
+        $.each(data, function(index, item) {
+            var option = $('<option>', {
+                value: item.id,
+                text: item.client_name,
+                'data-name': item.client_name,
+            });
+
+            $('#client_id').append(option).select2();
+        });
 
     }
 
-    // Initialize or refresh Select2 for both dropdowns
-    $('#client_id').select2();
-});
+    $('#client_type').on('change', function() {
+
+        var selectedClientType = $(this).val();
+
+        // console.log('selectedClientType', selectedClientType);
+
+        // Clear and add default options for client
+        $('#client_id').empty().append($('<option>', {
+            value: '',
+            text: 'Select Client'
+        }))
+
+        // Populate client options based on selected client type
+        if (selectedClientType) {
+
+            $.each(client_list, function(index, item) {
+                if (item.client_type == selectedClientType) {
+                    var option = $('<option>', {
+                        value: item.id,
+                        text: item.client_name,
+                    });
+                    $('#client_id').append(option);
+                }
+            });
+
+        }
+
+        // Initialize or refresh Select2 for both dropdowns
+        $('#client_id').select2();
+    });
 </script>
\ No newline at end of file
diff --git a/app/Views/report_bds_filter.php b/app/Views/report_bds_filter.php
index 1d797c18..5515680b 100644
--- a/app/Views/report_bds_filter.php
+++ b/app/Views/report_bds_filter.php
@@ -1,20 +1,17 @@
 <style>
-.col-12 {
 
-    max-width: 98% !important;
-}
 </style>
 
 
-
-<div class="col-12" id="bds_filter">
+<div class="container-fluid-min">
+    <div class="col-12" id="bds_filter">
         <div id="accordion" class="mb-3">
             <label id="filterAccordion" class="m-1 d-flex justify-content-between align-items-center">
-                    <span class="font-color-black">Filter</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>
+                <span class="font-color-black">Filter</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">
@@ -38,7 +35,7 @@
 
                                 <div class="form-group col-md-3">
                                     <label for="insurer_id"> Insurer <span id="base_danger" class="text-danger"></span></label>
-                                    <select class="form-control" id="insurer_id" name="insurer_id" onchange="getClientPolicyDataBasedOnClientAndInsuer()" >
+                                    <select class="form-control" id="insurer_id" name="insurer_id" onchange="getClientPolicyDataBasedOnClientAndInsuer()">
                                         <option value="0" selected>Select Insurer</option>
                                     </select>
                                 </div>
@@ -55,18 +52,18 @@
                                     <select class="form-control" id="policy_type_id" name="policy_type_id" onchange="getClientPolicyDataBasedOnClientAndInsuer()">
                                         <option value="0">Select Policy Type</option>
                                         <?php
-                                            if (isset($policy_types) && count($policy_types)) {
-                                                foreach ($policy_types as $key => $value) {
-                                                    echo "<option value='" . $value['id'] . "'>" . $value['policy_type'] . "</option>";
-                                                }
+                                        if (isset($policy_types) && count($policy_types)) {
+                                            foreach ($policy_types as $key => $value) {
+                                                echo "<option value='" . $value['id'] . "'>" . $value['policy_type'] . "</option>";
                                             }
+                                        }
                                         ?>
                                     </select>
                                 </div>
 
                                 <div class="form-group col-md-3">
                                     <label for="client_policy_id"> Client Policy <span id="base_danger" class="text-danger"></span></label>
-                                    <select class="form-control" id="client_policy_id" name="client_policy_id" >
+                                    <select class="form-control" id="client_policy_id" name="client_policy_id">
                                         <option value="0" selected>Select client policy</option>
                                     </select>
                                 </div>
@@ -76,25 +73,25 @@
                                     <select class="form-control" id="issuer" name="issuer" required>
                                         <option value="0">Select Issure</option>
                                         <?php
-                                            if (isset($issuer) && count($issuer)) {
-                                                foreach ($issuer as $key => $value) {
-                                                    echo "<option value=" . $key . ">" . $value . "</option>";
-                                                }
+                                        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="user_id">Users<span class="text-danger"></span></label>
-                                    <select class="form-control" id="user_id" name="user_id" >
+                                    <select class="form-control" id="user_id" name="user_id">
                                         <option value="0">Select user</option>
                                         <?php
-                                            if (isset($users) && count($users)) {
-                                                foreach ($users as $key => $value) {
-                                                    echo "<option value='" . $value['id'] . "'>" . $value['first_name'] . "</option>";
-                                                }
+                                        if (isset($users) && count($users)) {
+                                            foreach ($users as $key => $value) {
+                                                echo "<option value='" . $value['id'] . "'>" . $value['first_name'] . "</option>";
                                             }
+                                        }
                                         ?>
                                     </select>
                                 </div>
@@ -104,11 +101,11 @@
                                     <select class="form-control" id="date_type" name="date_type" onchange="hideDateField(); changeTitle();">
                                         <option value="0">Select Date Type</option>
                                         <?php
-                                            if (isset($date_type) && count($date_type)) {
-                                                foreach ($date_type as $key => $value) {
-                                                    echo "<option value='" . $key . "'>" . $value . "</option>";
-                                                }
+                                        if (isset($date_type) && count($date_type)) {
+                                            foreach ($date_type as $key => $value) {
+                                                echo "<option value='" . $key . "'>" . $value . "</option>";
                                             }
+                                        }
                                         ?>
                                     </select>
                                 </div>
@@ -116,7 +113,7 @@
                                 <div class="form-group col-md-3" style="display: none;" id="date_div">
                                     <label>Date<span class="text-danger"></span></label>
                                     <div class="input-icon">
-                                        <input type="text" id="reportrange" class="form-control" readonly  style="caret-color: transparent;">
+                                        <input type="text" id="reportrange" class="form-control" readonly style="caret-color: transparent;">
                                         <i class="mdi mdi-calendar-blank-outline additional-icon"></i>
                                     </div>
                                     <input type="hidden" id="startDate">
@@ -125,7 +122,7 @@
 
                                 <div class="form-group col-md-12 text-right m-b-0" style="margin-top: 29px;">
                                     <a href="<?= base_url("/policy_tranction/report/list"); ?>" class="btn btn-secondary" id="clear-filters">Clear</a>
-                                    <a href="<?= base_url("/policy_tranction/report/list"); ?>" class="btn btn-primary" id="get-emp-list" onclick="fetchEmpolyeeList(event);">Submit</a>                            
+                                    <a href="<?= base_url("/policy_tranction/report/list"); ?>" class="btn btn-primary" id="get-emp-list" onclick="fetchEmpolyeeList(event);">Submit</a>
                                 </div>
 
                             </div>
@@ -142,429 +139,421 @@
             </div>
 
         </div>
-</div>
+    </div>
 
 
-<!-- end page title -->
-<div id="file_list">
-    <?php include('report_bds.php'); ?>
+    <!-- end page title -->
+    <div id="file_list">
+        <?php include('report_bds.php'); ?>
+    </div>
 </div>
 
 
+
 <script>
-
-let client_list = [];
-let branch_list = [];
-let policy_list = [];
-let insurer_list = [];
-let insurer_branch_list = [];
-
-
-$(document).ready(function() {
-
-    getClientAndBranchAndPolicy()
-    getURLParams()
-    $('#client_id').select2();
-    $('#client_branch_id').select2();
-    $('#insurer_id').select2();
-    $('#insurer_branch_id').select2();
-    $('#policy_type_id').select2();
-    $('#client_policy_id').select2();
-    $('#user_id').select2();
-
-})
-
-function fetchEmpolyeeList(event) 
-{
-    event.preventDefault(); // Prevent default action
-
-    var start_date = $('#startDate').val();
-    var end_date = $('#endDate').val();
-    var client_id = $('#client_id').val();
-    var insurer_id = $('#insurer_id').val();
-    var policy_type_id = $('#policy_type_id').val();
-    var date_type = $('#date_type').val();
-    var issuer = $('#issuer').val();
-    var client_branch_id = $('#client_branch_id').val();
-    var insurer_branch_id = $('#insurer_branch_id').val();
-    var client_policy_id = $('#client_policy_id').val();
-    var user_id = $('#user_id').val();
-
-
-    console.log(start_date + '-' + end_date);
-
-    var queryParams = {
-        start_date: start_date,
-        end_date: end_date,
-        client_id: client_id,
-        insurer_id: insurer_id,
-        policy_type_id: policy_type_id,
-        date_type: date_type,
-        issuer: issuer,
-        client_branch_id: client_branch_id,
-        insurer_branch_id: insurer_branch_id,
-        client_policy_id: client_policy_id,
-        user_id: user_id,
-    };
-
-    const queryString = objectToQueryString(queryParams);
-    const apiURL = $('#get-emp-list').attr('href') + "?" + queryString;
-    console.log(apiURL);
-    window.location.href = apiURL;
-}
-
-function objectToQueryString(obj) 
-{
-    return Object.keys(obj).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`).join('&');
-}
-
-function getURLParams() 
-{
-    const url = new URL(window.location.href);
-    const params = new URLSearchParams(url.search);
-
-    const startDate = params.get('start_date') || 0; // Default to 0 if not found
-    const endDate = params.get('end_date') || 0; // Default to 0 if not found
-    const client_id = params.get('client_id') || 0; // Default to 0 if not found
-    const insurer_id = params.get('insurer_id') || 0; // Default to 0 if not found
-    const policy_type_id = params.get('policy_type_id') || 0; // Default to 0 if not found
-    const date_type = params.get('date_type') || 0; // Default to 0 if not found
-    const issuer = params.get('issuer') || 0; // Default to 0 if not found
-    const client_branch_id = params.get('client_branch_id') || 0; // Default to 0 if not found
-    const insurer_branch_id = params.get('insurer_branch_id') || 0; // Default to 0 if not found
-    const client_policy_id = params.get('client_policy_id') || 0; // Default to 0 if not found
-    const user_id = params.get('user_id') || 0; // Default to 0 if not found
-
-    hideDateField(date_type)
-
-    console.log('startDate', startDate)
-    console.log('endDate', endDate)
-    console.log('client_id', client_id)
-    console.log('insurer_id', insurer_id)
-    console.log('policy_type_id', policy_type_id)   
-    console.log('date_type', date_type)
-    console.log('issuer', issuer)
-    console.log('client_branch_id', client_branch_id)
-    console.log('insurer_branch_id', insurer_branch_id)
-    console.log('client_policy_id', client_policy_id)
-    console.log('user_id', user_id)
-
-    // Log the values or use them as needed
-    console.log('Start Date:', startDate);
-    console.log('End Date:', endDate);
-
-    if (startDate != 0 && endDate != 0) {
-        setTimeout(function(){
-            $('#start_date').val(startDate)
-            $('#end_date').val(endDate)
-            $('#client_id').val(client_id).select2()
-            $('#insurer_id').val(insurer_id).select2()
-            $('#user_id').val(user_id).select2()
-            $('#policy_type_id').val(policy_type_id).select2()
-            $('#date_type').val(date_type).trigger('change');
-            $('#issuer').val(issuer)
-            setTimeout(function(){
-                $('#client_branch_id').val(client_branch_id).select2()
-                $('#insurer_branch_id').val(insurer_branch_id).select2()
-                setTimeout(function(){
-                    $('#client_policy_id').val(client_policy_id).select2();
-                }, 1000);
-            }, 2000)
-        },1000)
-
-    }
-
-}
-
-$(function() {
-
-    const url = new URL(window.location.href);
-    const params = new URLSearchParams(url.search);
-
-    // Get start and end dates from URL parameters, or use default values
-    const startDateParam = params.get('start_date') || moment().subtract(29, 'days').format('DD-MM-YYYY');
-    const endDateParam = params.get('end_date') || moment().format('DD-MM-YYYY');
-
-    // Parse the dates to moment objects
-    var start = moment(startDateParam, 'DD-MM-YYYY');
-    var end = moment(endDateParam, 'DD-MM-YYYY');
-
-    // var start = moment().subtract(29, 'days');
-    // var end = moment();
-
-    function cb(start, end) {
-        $('#reportrange').html(start.format('D-MM-YYYY') + ' - ' + end.format('D-MM-YYYY'));
-        $('#startDate').val(start.format('DD-MM-YYYY'));
-        $('#endDate').val(end.format('DD-MM-YYYY'));
-    }
-
-    $('#reportrange').daterangepicker({
-        startDate: start,
-        endDate: end,
-        locale: { format: 'DD-MM-YYYY' },
-        ranges: {
-        'Today': [moment(), moment()],
-        'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
-        'Last 7 Days': [moment().subtract(6, 'days'), moment()],
-        'Last 30 Days': [moment().subtract(29, 'days'), moment()],
-        'This Month': [moment().startOf('month'), moment().endOf('month')],
-        'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
-        }
-    }, cb);
-
-    cb(start, end);
-
-    $('#clear-filters').on('click', function() {
-        // Reset all select dropdowns to the first option
-        $('#client_id').val('0').change();
-        $('#insurer_id').val('0').change();
-        $('#policy_type_id').val('0').change();
-        $('#date_type').val('0');
-        $('#issuer').val('0');
-        $('#date_div').hide()
-
-        // Reset the date range picker to default
-        $('#reportrange').data('daterangepicker').setStartDate(moment().subtract(29, 'days'));
-        $('#reportrange').data('daterangepicker').setEndDate(moment());
-        cb(start, end); // Update the displayed date range
-    });
-
-});
-
-function hideDateField(input = null)
-{   
-    let val = $('#date_type').val();
-
-    if(input){
-        val = input;
-    }
-
-    if(val != 0){
-        $('#date_div').show()
-    }else{
-        $('#date_div').hide()
-    }
-}
-
-// -----------------------------------------------------------------------------------------------
-
-//featch client, client branch, insurer, insurer branch and client policy list data
-function getClientAndBranchAndPolicy()
-{   
-    $.ajax({
-        url: '<?= base_url("/util/getClientAndBranchAndPolicy") ?>',
-        type: "GET",
-        dataType: 'json',
-        success: function(res) {
-
-            console.log('getClientAndBranchAndPolicy', res);
-            if(res.status == true){
-                client_list = res.client_data;
-                branch_list = res.branch_data;
-                policy_list = res.policy_data;
-                insurer_list = res.insurer_data;
-                insurer_branch_list = res.insurer_branch_data;
-                appendClients(res.client_data);
-                appendInsurer(res.insurer_data);
-            }else{
-                console.log('No data found');
-            }
-
-        },
-        error: function(xhr, status, error) {
-            console.error(xhr.responseText);
-            console.error(status, error);
-        }
-    });
-}
-
-//append clients for filter 
-function appendClients(data) 
-{
-    $('#client_id').empty();
-
-    $('#client_id').append($('<option>', {
-        value: '',
-        text: 'Select Client'
-    }));
-
-    $.each(data, function(index, item) {
-        var option = $('<option>', {
-            value: item.id,
-            text: item.client_name,
-            'data-cn': item.client_name,
-            'data-ct': item.client_type,
-            class: (item.client_type == 1) ? 'group' : (item.client_type == 2) ? 'individual' : ''
-        });
-
-        $('#client_id').append(option);
-    });
-
-}
-
-//append clients branch for filter 
-function appendBranch(data) 
-{
-
-    $('#client_branch_id').empty();
-
-    $('#client_branch_id').append($('<option>', {
-        value: '',
-        text: 'Select Branch'
-    }));
-
-    $.each(data, function(index, item) {
-
-        var option = $('<option>', {
-            value: item.id,
-            text: item.branch_name 
-        });
-        $('#client_branch_id').append(option);
-    });
-}
-
-//append insurer for filter 
-function appendInsurer(data) 
-{
-    $('#insurer_id').empty();
-
-    $('#insurer_id').append($('<option>', {
-        value: '',
-        text: 'Select Insurer'
-    }));
-
-    $.each(data, function(index, item) {
-        var option = $('<option>', {
-            value: item.id,
-            text: item.name,
-        });
-
-        $('#insurer_id').append(option);
-    });
-
-}
-
-//append insurer branch for filter 
-function appendInsurerBranch(data) 
-{
-
-    $('#insurer_branch_id').empty();
-
-    $('#insurer_branch_id').append($('<option>', {
-        value: '',
-        text: 'Select Insurer Branch'
-    }));
-
-    $.each(data, function(index, item) {
-
-        var option = $('<option>', {
-            value: item.id,
-            text: item.branch_name 
-        });
-        $('#insurer_branch_id').append(option);
-    });
-}
-
-//append client policy for filter
-function appendPolicies(data)
-{
-    // console.log('appendPolicies', data);
-    // console.log('appendPolicies', $('#client_policy_id'));
-    
-    $('#client_policy_id').empty();
-    $('#client_policy_id').append($('<option>', {
-        value: '',
-        text: 'Select Policy',
-    }));
-
-    $.each(data, function(index, item) {
-        var option = $('<option>', {
-            value: item.id,
-            text: item.policy_type + '-' + item.policy_no,
-        });
-        $('#client_policy_id').append(option);
-    });
-}
-
-// -------------------------------------------------------------------------------------------------
-
-//client branch and insurer branch onchange document ready function
-$(document).ready(function(){
-
-    $('#client_id').change(function(){
-
-        let client_id = $(this).val();
-        console.log('client_id', client_id);
-
-        if(branch_list != '') {
-            // console.log(branch_list[client_id]);
-            let data = branch_list[client_id];
-            appendBranch(data);
-        }
-        
-    })
-
-    $('#insurer_id').change(function(){
-
-        let insurer_id = $(this).val();
-        console.log('insurer_id', insurer_id);
-
-        if(insurer_branch_list != '') {
-            // console.log(insurer_branch_list[insurer_id]);
-            let data = insurer_branch_list[insurer_id];
-            appendInsurerBranch(data);
-        }
+    let client_list = [];
+    let branch_list = [];
+    let policy_list = [];
+    let insurer_list = [];
+    let insurer_branch_list = [];
+
+
+    $(document).ready(function() {
+
+        getClientAndBranchAndPolicy()
+        getURLParams()
+        $('#client_id').select2();
+        $('#client_branch_id').select2();
+        $('#insurer_id').select2();
+        $('#insurer_branch_id').select2();
+        $('#policy_type_id').select2();
+        $('#client_policy_id').select2();
+        $('#user_id').select2();
 
     })
 
-});
+    function fetchEmpolyeeList(event) {
+        event.preventDefault(); // Prevent default action
 
-//get policy list based on the client, client_branch, insurer, insurer_branch and policy type
-function getClientPolicyDataBasedOnClientAndInsuer(){
+        var start_date = $('#startDate').val();
+        var end_date = $('#endDate').val();
+        var client_id = $('#client_id').val();
+        var insurer_id = $('#insurer_id').val();
+        var policy_type_id = $('#policy_type_id').val();
+        var date_type = $('#date_type').val();
+        var issuer = $('#issuer').val();
+        var client_branch_id = $('#client_branch_id').val();
+        var insurer_branch_id = $('#insurer_branch_id').val();
+        var client_policy_id = $('#client_policy_id').val();
+        var user_id = $('#user_id').val();
 
-    let client_id = $('#client_id').val() ?? 0;
-    let client_branch_id = $('#client_branch_id').val() ?? 0;
-    let insurer_id = $('#insurer_id').val() ?? 0;
-    let insurer_branch_id = $('#insurer_branch_id').val() ?? 0;
-    let policy_type_id = $('#policy_type_id').val() ?? 0;
 
-    let url = '<?= base_url('util/getClientPolicyDataBasedOnClientAndInsuer/') ?>';
+        console.log(start_date + '-' + end_date);
 
-    let requestData = { 
-            client_id: client_id, 
-            client_branch_id: client_branch_id, 
-            insurer_id: insurer_id, 
-            insurer_branch_id: insurer_branch_id, 
-            policy_type_id: policy_type_id, 
+        var queryParams = {
+            start_date: start_date,
+            end_date: end_date,
+            client_id: client_id,
+            insurer_id: insurer_id,
+            policy_type_id: policy_type_id,
+            date_type: date_type,
+            issuer: issuer,
+            client_branch_id: client_branch_id,
+            insurer_branch_id: insurer_branch_id,
+            client_policy_id: client_policy_id,
+            user_id: user_id,
         };
 
-    sendAjaxRequestForGlobal(url, 'GET', requestData, function(response) {
-        console.log('Data fetched successfully:', response);
-
-        if (response.status === true) {
-
-            appendPolicies(response.data)
-            
-        } else {
-            toastr.warning(response.message, 'WARNING');
-        }
-    }, function(xhr, status, error) {
-        console.error('Error fetching data:', error);
-        console.error(xhr.responseText);
-    });
-
-}
-
-//for the change title 
-function changeTitle(input){
-
-    let val = $(input).val();
-    if(val == 'statement_month'){
-        $('#bds_title').text(' - Statement Month Wise List')
-    }else{
-        $('#bds_title').text(' - Policy Wise List')
+        const queryString = objectToQueryString(queryParams);
+        const apiURL = $('#get-emp-list').attr('href') + "?" + queryString;
+        console.log(apiURL);
+        window.location.href = apiURL;
     }
 
-}
+    function objectToQueryString(obj) {
+        return Object.keys(obj).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`).join('&');
+    }
 
+    function getURLParams() {
+        const url = new URL(window.location.href);
+        const params = new URLSearchParams(url.search);
+
+        const startDate = params.get('start_date') || 0; // Default to 0 if not found
+        const endDate = params.get('end_date') || 0; // Default to 0 if not found
+        const client_id = params.get('client_id') || 0; // Default to 0 if not found
+        const insurer_id = params.get('insurer_id') || 0; // Default to 0 if not found
+        const policy_type_id = params.get('policy_type_id') || 0; // Default to 0 if not found
+        const date_type = params.get('date_type') || 0; // Default to 0 if not found
+        const issuer = params.get('issuer') || 0; // Default to 0 if not found
+        const client_branch_id = params.get('client_branch_id') || 0; // Default to 0 if not found
+        const insurer_branch_id = params.get('insurer_branch_id') || 0; // Default to 0 if not found
+        const client_policy_id = params.get('client_policy_id') || 0; // Default to 0 if not found
+        const user_id = params.get('user_id') || 0; // Default to 0 if not found
+
+        hideDateField(date_type)
+
+        console.log('startDate', startDate)
+        console.log('endDate', endDate)
+        console.log('client_id', client_id)
+        console.log('insurer_id', insurer_id)
+        console.log('policy_type_id', policy_type_id)
+        console.log('date_type', date_type)
+        console.log('issuer', issuer)
+        console.log('client_branch_id', client_branch_id)
+        console.log('insurer_branch_id', insurer_branch_id)
+        console.log('client_policy_id', client_policy_id)
+        console.log('user_id', user_id)
+
+        // Log the values or use them as needed
+        console.log('Start Date:', startDate);
+        console.log('End Date:', endDate);
+
+        if (startDate != 0 && endDate != 0) {
+            setTimeout(function() {
+                $('#start_date').val(startDate)
+                $('#end_date').val(endDate)
+                $('#client_id').val(client_id).select2()
+                $('#insurer_id').val(insurer_id).select2()
+                $('#user_id').val(user_id).select2()
+                $('#policy_type_id').val(policy_type_id).select2()
+                $('#date_type').val(date_type).trigger('change');
+                $('#issuer').val(issuer)
+                setTimeout(function() {
+                    $('#client_branch_id').val(client_branch_id).select2()
+                    $('#insurer_branch_id').val(insurer_branch_id).select2()
+                    setTimeout(function() {
+                        $('#client_policy_id').val(client_policy_id).select2();
+                    }, 1000);
+                }, 2000)
+            }, 1000)
+
+        }
+
+    }
+
+    $(function() {
+
+        const url = new URL(window.location.href);
+        const params = new URLSearchParams(url.search);
+
+        // Get start and end dates from URL parameters, or use default values
+        const startDateParam = params.get('start_date') || moment().subtract(29, 'days').format('DD-MM-YYYY');
+        const endDateParam = params.get('end_date') || moment().format('DD-MM-YYYY');
+
+        // Parse the dates to moment objects
+        var start = moment(startDateParam, 'DD-MM-YYYY');
+        var end = moment(endDateParam, 'DD-MM-YYYY');
+
+        // var start = moment().subtract(29, 'days');
+        // var end = moment();
+
+        function cb(start, end) {
+            $('#reportrange').html(start.format('D-MM-YYYY') + ' - ' + end.format('D-MM-YYYY'));
+            $('#startDate').val(start.format('DD-MM-YYYY'));
+            $('#endDate').val(end.format('DD-MM-YYYY'));
+        }
+
+        $('#reportrange').daterangepicker({
+            startDate: start,
+            endDate: end,
+            locale: {
+                format: 'DD-MM-YYYY'
+            },
+            ranges: {
+                'Today': [moment(), moment()],
+                'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+                'Last 7 Days': [moment().subtract(6, 'days'), moment()],
+                'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+                'This Month': [moment().startOf('month'), moment().endOf('month')],
+                'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+            }
+        }, cb);
+
+        cb(start, end);
+
+        $('#clear-filters').on('click', function() {
+            // Reset all select dropdowns to the first option
+            $('#client_id').val('0').change();
+            $('#insurer_id').val('0').change();
+            $('#policy_type_id').val('0').change();
+            $('#date_type').val('0');
+            $('#issuer').val('0');
+            $('#date_div').hide()
+
+            // Reset the date range picker to default
+            $('#reportrange').data('daterangepicker').setStartDate(moment().subtract(29, 'days'));
+            $('#reportrange').data('daterangepicker').setEndDate(moment());
+            cb(start, end); // Update the displayed date range
+        });
+
+    });
+
+    function hideDateField(input = null) {
+        let val = $('#date_type').val();
+
+        if (input) {
+            val = input;
+        }
+
+        if (val != 0) {
+            $('#date_div').show()
+        } else {
+            $('#date_div').hide()
+        }
+    }
+
+    // -----------------------------------------------------------------------------------------------
+
+    //featch client, client branch, insurer, insurer branch and client policy list data
+    function getClientAndBranchAndPolicy() {
+        $.ajax({
+            url: '<?= base_url("/util/getClientAndBranchAndPolicy") ?>',
+            type: "GET",
+            dataType: 'json',
+            success: function(res) {
+
+                console.log('getClientAndBranchAndPolicy', res);
+                if (res.status == true) {
+                    client_list = res.client_data;
+                    branch_list = res.branch_data;
+                    policy_list = res.policy_data;
+                    insurer_list = res.insurer_data;
+                    insurer_branch_list = res.insurer_branch_data;
+                    appendClients(res.client_data);
+                    appendInsurer(res.insurer_data);
+                } else {
+                    console.log('No data found');
+                }
+
+            },
+            error: function(xhr, status, error) {
+                console.error(xhr.responseText);
+                console.error(status, error);
+            }
+        });
+    }
+
+    //append clients for filter 
+    function appendClients(data) {
+        $('#client_id').empty();
+
+        $('#client_id').append($('<option>', {
+            value: '',
+            text: 'Select Client'
+        }));
+
+        $.each(data, function(index, item) {
+            var option = $('<option>', {
+                value: item.id,
+                text: item.client_name,
+                'data-cn': item.client_name,
+                'data-ct': item.client_type,
+                class: (item.client_type == 1) ? 'group' : (item.client_type == 2) ? 'individual' : ''
+            });
+
+            $('#client_id').append(option);
+        });
+
+    }
+
+    //append clients branch for filter 
+    function appendBranch(data) {
+
+        $('#client_branch_id').empty();
+
+        $('#client_branch_id').append($('<option>', {
+            value: '',
+            text: 'Select Branch'
+        }));
+
+        $.each(data, function(index, item) {
+
+            var option = $('<option>', {
+                value: item.id,
+                text: item.branch_name
+            });
+            $('#client_branch_id').append(option);
+        });
+    }
+
+    //append insurer for filter 
+    function appendInsurer(data) {
+        $('#insurer_id').empty();
+
+        $('#insurer_id').append($('<option>', {
+            value: '',
+            text: 'Select Insurer'
+        }));
+
+        $.each(data, function(index, item) {
+            var option = $('<option>', {
+                value: item.id,
+                text: item.name,
+            });
+
+            $('#insurer_id').append(option);
+        });
+
+    }
+
+    //append insurer branch for filter 
+    function appendInsurerBranch(data) {
+
+        $('#insurer_branch_id').empty();
+
+        $('#insurer_branch_id').append($('<option>', {
+            value: '',
+            text: 'Select Insurer Branch'
+        }));
+
+        $.each(data, function(index, item) {
+
+            var option = $('<option>', {
+                value: item.id,
+                text: item.branch_name
+            });
+            $('#insurer_branch_id').append(option);
+        });
+    }
+
+    //append client policy for filter
+    function appendPolicies(data) {
+        // console.log('appendPolicies', data);
+        // console.log('appendPolicies', $('#client_policy_id'));
+
+        $('#client_policy_id').empty();
+        $('#client_policy_id').append($('<option>', {
+            value: '',
+            text: 'Select Policy',
+        }));
+
+        $.each(data, function(index, item) {
+            var option = $('<option>', {
+                value: item.id,
+                text: item.policy_type + '-' + item.policy_no,
+            });
+            $('#client_policy_id').append(option);
+        });
+    }
+
+    // -------------------------------------------------------------------------------------------------
+
+    //client branch and insurer branch onchange document ready function
+    $(document).ready(function() {
+
+        $('#client_id').change(function() {
+
+            let client_id = $(this).val();
+            console.log('client_id', client_id);
+
+            if (branch_list != '') {
+                // console.log(branch_list[client_id]);
+                let data = branch_list[client_id];
+                appendBranch(data);
+            }
+
+        })
+
+        $('#insurer_id').change(function() {
+
+            let insurer_id = $(this).val();
+            console.log('insurer_id', insurer_id);
+
+            if (insurer_branch_list != '') {
+                // console.log(insurer_branch_list[insurer_id]);
+                let data = insurer_branch_list[insurer_id];
+                appendInsurerBranch(data);
+            }
+
+        })
+
+    });
+
+    //get policy list based on the client, client_branch, insurer, insurer_branch and policy type
+    function getClientPolicyDataBasedOnClientAndInsuer() {
+
+        let client_id = $('#client_id').val() ?? 0;
+        let client_branch_id = $('#client_branch_id').val() ?? 0;
+        let insurer_id = $('#insurer_id').val() ?? 0;
+        let insurer_branch_id = $('#insurer_branch_id').val() ?? 0;
+        let policy_type_id = $('#policy_type_id').val() ?? 0;
+
+        let url = '<?= base_url('util/getClientPolicyDataBasedOnClientAndInsuer/') ?>';
+
+        let requestData = {
+            client_id: client_id,
+            client_branch_id: client_branch_id,
+            insurer_id: insurer_id,
+            insurer_branch_id: insurer_branch_id,
+            policy_type_id: policy_type_id,
+        };
+
+        sendAjaxRequestForGlobal(url, 'GET', requestData, function(response) {
+            console.log('Data fetched successfully:', response);
+
+            if (response.status === true) {
+
+                appendPolicies(response.data)
+
+            } else {
+                toastr.warning(response.message, 'WARNING');
+            }
+        }, function(xhr, status, error) {
+            console.error('Error fetching data:', error);
+            console.error(xhr.responseText);
+        });
+
+    }
+
+    //for the change title 
+    function changeTitle(input) {
+
+        let val = $(input).val();
+        if (val == 'statement_month') {
+            $('#bds_title').text(' - Statement Month Wise List')
+        } else {
+            $('#bds_title').text(' - Policy Wise List')
+        }
+
+    }
 </script>
\ No newline at end of file
diff --git a/app/Views/retail_endorsement_list.php b/app/Views/retail_endorsement_list.php
index 41dc17d5..dc33fc0f 100755
--- a/app/Views/retail_endorsement_list.php
+++ b/app/Views/retail_endorsement_list.php
@@ -26,7 +26,7 @@
     }
 </style>
 
-<div class="container-fluid">
+<div class="container-fluid-min">
     <h2>Retail Endorsement</h2>
     <div class="row">
         <div class="col-xl-12">
@@ -332,7 +332,7 @@
     $(document).ready(function() {
 
         $('#tickets-table').DataTable({
-            dom: "<'row'<'col-sm-0'f><'col-sm-9 text-right'B>>" +
+            dom: "<'d-flex justify-content-between align-items-center'<'datatable-search'f><'datatable-buttons'B>>" +
                 "<'row'<'col-sm-12'tr>>" +
                 "<'row'<'col-sm-5'i><'col-sm-7'p>>",
             buttons: [{
diff --git a/app/Views/tat_report_band_wise_list.php b/app/Views/tat_report_band_wise_list.php
index 7bc6972c..a51808b9 100644
--- a/app/Views/tat_report_band_wise_list.php
+++ b/app/Views/tat_report_band_wise_list.php
@@ -8,10 +8,7 @@
         padding: 4px 4px !important;
     }
 
-    .col-12 {
-
-        max-width: 98% !important;
-    }
+    
 
     .dataTables_filter {
         position: absolute;
diff --git a/app/Views/ticket_feedback_list.php b/app/Views/ticket_feedback_list.php
index 18732c75..495d59ec 100644
--- a/app/Views/ticket_feedback_list.php
+++ b/app/Views/ticket_feedback_list.php
@@ -45,7 +45,7 @@ table.dataTable tbody td {
         <div class="card-body">
             <div class="row" style="padding-bottom: 10px;">
                 <div class="col-6" style="align-self: center;">
-                    <h2 style="position: relative;">Claim Feedback List </h2>
+                    <h4 style="position: relative;">Claim Feedback List </h4>
                 </div>
 
             </div>
diff --git a/app/Views/ticket_form_gmc.php b/app/Views/ticket_form_gmc.php
index 308d81c2..095e8de7 100644
--- a/app/Views/ticket_form_gmc.php
+++ b/app/Views/ticket_form_gmc.php
@@ -28,445 +28,449 @@
         font-size: 0.875rem;
     }
 </style>
-<div class="row">
-    <div class="col-12">
-        <div class="<?= !isset($ticket_data) ? "card" : "" ?>" style="margin-right: 23px;">
-            <div class="card-body">
-                <?php if (!isset($ticket_data)) { ?>
-                    <!-- Header Section -->
-                    <div class="row mb-3">
-                        <div class="col-6 d-flex align-items-center">
-                            <h4 class="mb-0">Claim GMC</h4>
-                        </div>
-                        <div class="col-6 text-right">
-                            <a href="<?= base_url('ticket/list'); ?>" aria-label="Back to ticket list">
-                                <i class="mdi mdi-arrow-left" style="font-size: 17px;"></i>
-                            </a>
-                        </div>
-                    </div>
-                <?php } ?>
-                <form role="form" class="parsley-examples" method="post" id="ticket_form_data" onsubmit="submitClaimForm(event, this)" enctype="multipart/form-data">
 
-                    <input type="hidden" id="ticket_type_id" name="ticket_type_id" value="1">
-                    <input type="hidden" id="ticket_master_id" name="ticket_master_id" value="<?= isset($ticket_data['id']) ? $ticket_data['id'] : '' ?>">
-                    <input type="hidden" id="is_head_approved" name="is_head_approved" value="<?= isset($ticket_data['is_head_approved']) ? $ticket_data['is_head_approved'] : '' ?>">
-                    <input type="hidden" id="extra_fields_array_for_validate" name="extra_fields_array_for_validate" value='<?= isset($extra_fields_array_for_validate) && !empty($extra_fields_array_for_validate) ? json_encode($extra_fields_array_for_validate) : "[]" ?>'>
-                    <input type="hidden" id="head_rejection_reason" name="head_rejection_reason">
-
-
-                    <div id="accordion1" class="mb-3">
-                        <div class="card mb-1">
-                            <h4 class="m-1">
-                                Employee details
-                                <a id="toggleIcon1" class="text-dark float-right" data-toggle="collapse" href="#collapseOne" aria-expanded="true">
-                                    <i id="icon1" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
+<div class="container-fluid-min">
+    <div class="row">
+        <div class="col-12">
+            <div class="<?= !isset($ticket_data) ? "card" : "" ?>" >
+                <div class="card-body">
+                    <?php if (!isset($ticket_data)) { ?>
+                        <!-- Header Section -->
+                        <div class="row mb-3">
+                            <div class="col-6 d-flex align-items-center">
+                                <h4 class="mb-0">Claim GMC</h4>
+                            </div>
+                            <div class="col-6 text-right">
+                                <a href="<?= base_url('ticket/list'); ?>" aria-label="Back to ticket list">
+                                    <i class="mdi mdi-arrow-left" style="font-size: 17px;"></i>
                                 </a>
-                            </h4>
-                            <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion1">
-                                <div class="card-body">
+                            </div>
+                        </div>
+                    <?php } ?>
+                    <form role="form" class="parsley-examples" method="post" id="ticket_form_data" onsubmit="submitClaimForm(event, this)" enctype="multipart/form-data">
 
-                                    <!-- first_data_points -->
-                                    <div class="form-row">
+                        <input type="hidden" id="ticket_type_id" name="ticket_type_id" value="1">
+                        <input type="hidden" id="ticket_master_id" name="ticket_master_id" value="<?= isset($ticket_data['id']) ? $ticket_data['id'] : '' ?>">
+                        <input type="hidden" id="is_head_approved" name="is_head_approved" value="<?= isset($ticket_data['is_head_approved']) ? $ticket_data['is_head_approved'] : '' ?>">
+                        <input type="hidden" id="extra_fields_array_for_validate" name="extra_fields_array_for_validate" value='<?= isset($extra_fields_array_for_validate) && !empty($extra_fields_array_for_validate) ? json_encode($extra_fields_array_for_validate) : "[]" ?>'>
+                        <input type="hidden" id="head_rejection_reason" name="head_rejection_reason">
 
-                                        <div class="form-group col-md-3">
-                                            <label for="emp_code" class="label-font-size">Employee ID <span class="text-danger">*</span> &nbsp; &nbsp; <i class="mdi mdi-magnify text-danger"
-                                                    aria-hidden="true" onclick="openFetchEmpDataodal(this)"></i> <span
-                                                    class="text-danger"></span></label>
-                                            <input type="text" class="form-control" id="emp_code" placeholder="Enter Employee ID"
-                                                value="<?= isset($ticket_data['emp_code']) ? $ticket_data['emp_code'] : '' ?>"
-                                                name="emp_code" required>
-                                        </div>
 
-                                        <div class="form-group col-md-3">
-                                            <label for="emp_name" class="label-font-size">Employee Name <span class="text-danger">*</span></label>
-                                            <input type=hidden id="emp_id" name="emp_id" value="<?= isset($ticket_data['emp_id']) ? $ticket_data['emp_id'] : '' ?>">
-                                            <input type="text" class="form-control" id="emp_name" placeholder="Enter Employee Name"
-                                                value="<?= isset($ticket_data['emp_name']) ? $ticket_data['emp_name'] : '' ?>"
-                                                name="emp_name" required>
-                                        </div>
+                        <div id="accordion1" class="mb-3">
+                            <div class="card mb-1">
+                                <h4 class="m-1">
+                                    Employee details
+                                    <a id="toggleIcon1" class="text-dark float-right" data-toggle="collapse" href="#collapseOne" aria-expanded="true">
+                                        <i id="icon1" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
+                                    </a>
+                                </h4>
+                                <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion1">
+                                    <div class="card-body">
 
-                                        <div class="form-group col-md-3">
-                                            <label for="insured_name" class="label-font-size"> Insured Name <span class="text-danger">*</span></label>
-                                            <input type=hidden id="insured_emp_id" name="insured_emp_id" value="<?= isset($ticket_data['insured_emp_id']) ? $ticket_data['insured_emp_id'] : '' ?>">
-                                            <input class="form-control" id="insured_name" name="insured_name" value="<?= isset($ticket_data['insured_name']) ? $ticket_data['insured_name'] : '' ?>" required>
-                                        </div>
+                                        <!-- first_data_points -->
+                                        <div class="form-row">
 
-                                        <div class="form-group col-md-3">
-                                            <label for="relationship" class="label-font-size"> Relationship <span class="text-danger">*</span></label>
-                                            <select class="form-control" id="relationship" name="relationship" required>
-                                                <option value="">Select Relationship</option>
-                                                <?php
-                                                if (isset($relationshipType) && count($relationshipType)) {
-                                                    foreach ($relationshipType as $key => $value) {
-                                                        $selected = (isset($ticket_data) && $ticket_data['relationship'] == $key) ? 'selected' : '';
-                                                        echo "<option value='$key' $selected>$value</option>";
+                                            <div class="form-group col-md-3">
+                                                <label for="emp_code" class="label-font-size">Employee ID <span class="text-danger">*</span> &nbsp; &nbsp; <i class="mdi mdi-magnify text-danger"
+                                                        aria-hidden="true" onclick="openFetchEmpDataodal(this)"></i> <span
+                                                        class="text-danger"></span></label>
+                                                <input type="text" class="form-control" id="emp_code" placeholder="Enter Employee ID"
+                                                    value="<?= isset($ticket_data['emp_code']) ? $ticket_data['emp_code'] : '' ?>"
+                                                    name="emp_code" required>
+                                            </div>
+
+                                            <div class="form-group col-md-3">
+                                                <label for="emp_name" class="label-font-size">Employee Name <span class="text-danger">*</span></label>
+                                                <input type=hidden id="emp_id" name="emp_id" value="<?= isset($ticket_data['emp_id']) ? $ticket_data['emp_id'] : '' ?>">
+                                                <input type="text" class="form-control" id="emp_name" placeholder="Enter Employee Name"
+                                                    value="<?= isset($ticket_data['emp_name']) ? $ticket_data['emp_name'] : '' ?>"
+                                                    name="emp_name" required>
+                                            </div>
+
+                                            <div class="form-group col-md-3">
+                                                <label for="insured_name" class="label-font-size"> Insured Name <span class="text-danger">*</span></label>
+                                                <input type=hidden id="insured_emp_id" name="insured_emp_id" value="<?= isset($ticket_data['insured_emp_id']) ? $ticket_data['insured_emp_id'] : '' ?>">
+                                                <input class="form-control" id="insured_name" name="insured_name" value="<?= isset($ticket_data['insured_name']) ? $ticket_data['insured_name'] : '' ?>" required>
+                                            </div>
+
+                                            <div class="form-group col-md-3">
+                                                <label for="relationship" class="label-font-size"> Relationship <span class="text-danger">*</span></label>
+                                                <select class="form-control" id="relationship" name="relationship" required>
+                                                    <option value="">Select Relationship</option>
+                                                    <?php
+                                                    if (isset($relationshipType) && count($relationshipType)) {
+                                                        foreach ($relationshipType as $key => $value) {
+                                                            $selected = (isset($ticket_data) && $ticket_data['relationship'] == $key) ? 'selected' : '';
+                                                            echo "<option value='$key' $selected>$value</option>";
+                                                        }
                                                     }
-                                                }
-                                                ?>
-                                            </select>
-                                        </div>
-
-                                        <div class="form-group col-md-3">
-                                            <label for="policy_no" class="label-font-size">Policy No <span class="text-danger"></span></label>
-                                            <input type="text" class="form-control" id="policy_no"
-                                                value="<?= isset($ticket_data['policy_no']) ? $ticket_data['policy_no'] : '' ?>"
-                                                name="policy_no" placeholder="Policy Number">
-                                        </div>
-                                        <div class="form-group col-md-3">
-                                            <label for="tpa_no" class="label-font-size">TPA ID <span class="text-danger"></span></label>
-                                            <input type="text" class="form-control" id="tpa_no" placeholder="Enter TPA ID"
-                                                value="<?= isset($ticket_data['tpa_no']) ? $ticket_data['tpa_no'] : '' ?>"
-                                                name="tpa_no">
-                                        </div>
-
-                                        <div class="form-group col-md-3">
-                                            <label for="emp_mobile" class="label-font-size">Employee Mobile No <span class="text-danger">*</span></label>
-                                            <input type="text" class="form-control" id="emp_mobile" placeholder="Enter EMP Mobile"
-                                                value="<?= isset($ticket_data['emp_mobile']) ? $ticket_data['emp_mobile'] : '' ?>"
-                                                name="emp_mobile" required>
-                                        </div>
-
-                                        <div class="form-group col-md-3">
-                                            <label for="emp_mail" class="label-font-size">Employee Mail ID <span class="text-danger">*</span></label>
-                                            <input type="text" class="form-control" id="emp_mail" placeholder="Enter EMP Mail"
-                                                value="<?= isset($ticket_data['emp_mail']) ? $ticket_data['emp_mail'] : '' ?>"
-                                                name="emp_mail" required>
-                                        </div>
-
-                                        <div class="form-group col-md-3">
-                                            <label for="emp_personal_mail" class="label-font-size">Employee Personal Mail ID</label>
-                                            <input type="text" class="form-control" id="emp_personal_mail" placeholder="Enter EMP Personal Mail"
-                                                value="<?= isset($ticket_data['emp_personal_mail']) ? $ticket_data['emp_personal_mail'] : '' ?>"
-                                                name="emp_personal_mail">
-                                        </div>
-
-                                        <div class="form-group col-md-3">
-                                            <label for="client_name" class="label-font-size">Corporate Name <span class="text-danger">*</span></label>
-                                            <input type="hidden" id="client_id" name="client_id" value="<?= isset($ticket_data['client_id']) ? $ticket_data['client_id'] : '' ?>">
-                                            <input type="text" class="form-control" id="client_name" placeholder="Client" value="<?= isset($ticket_data['client_name']) ? $ticket_data['client_name'] : '' ?>" readonly required>
-                                        </div>
-
-                                        <div class="form-group col-md-3">
-                                            <label for="insurer_id" class="label-font-size">Insurer <span class="text-danger">*</span></label>
-                                            <input type=hidden id="insurer_id" name="insurer_id" value="<?= isset($ticket_data['insurer_id']) ? $ticket_data['insurer_id'] : '' ?>">
-                                            <input type=text class="form-control" id="insurer_name" placeholder="Insurer" value="<?= isset($ticket_data['insurer_name']) ? $ticket_data['insurer_name'] : '' ?>" readonly required>
-                                        </div>
-                                        <input type="hidden" id="empIDHidden" onchange="getClientPolicy()">
-                                        <div class="col-md-3">
-                                            <div class="form-group">
-                                                <label class="label-font-size">Policy <span class="text-danger">*</span></label>
-                                                <select id="emp_client_policy" name="client_policy_id"
-                                                    class="form-control custom-select" required onchange="setMinDateDOA(this.value); setInsurerAndTPAData(this)">
-                                                    <?php if (!empty($ticket_data['client_policy_id'])) { ?>
-                                                        <option value="<?= $ticket_data['client_policy_id'] ?>"><?= $ticket_data['client_policy_id_text'] ?></option>
-                                                    <?php } else { ?>
-                                                        <option value="">Policy</option>
-                                                    <?php } ?>
+                                                    ?>
                                                 </select>
                                             </div>
-                                        </div>
 
-                                        <div class="form-group col-md-3">
-                                            <label class="label-font-size" for="tpa_name">TPA <span class="text-danger"></span></label>
-                                            <input type=hidden id="tpa_id" name="tpa_id" value="<?= isset($ticket_data['tpa_id']) ? $ticket_data['tpa_id'] : '' ?>">
-                                            <input type=text class="form-control" id="tpa_name" placeholder="TPA" value="<?= isset($ticket_data['tpa_name']) ? $ticket_data['tpa_name'] : '' ?>" readonly>
-                                        </div>
+                                            <div class="form-group col-md-3">
+                                                <label for="policy_no" class="label-font-size">Policy No <span class="text-danger"></span></label>
+                                                <input type="text" class="form-control" id="policy_no"
+                                                    value="<?= isset($ticket_data['policy_no']) ? $ticket_data['policy_no'] : '' ?>"
+                                                    name="policy_no" placeholder="Policy Number">
+                                            </div>
+                                            <div class="form-group col-md-3">
+                                                <label for="tpa_no" class="label-font-size">TPA ID <span class="text-danger"></span></label>
+                                                <input type="text" class="form-control" id="tpa_no" placeholder="Enter TPA ID"
+                                                    value="<?= isset($ticket_data['tpa_no']) ? $ticket_data['tpa_no'] : '' ?>"
+                                                    name="tpa_no">
+                                            </div>
 
-                                        <div class="form-group col-md-3">
-                                            <label class="label-font-size" for="acm_id">Account Manager <span class="text-danger">*</span></label>
-                                            <select class="form-control" id="acm_id" name="acm_id" required>
-                                                <!-- <option value="0">Select Account Manager</option> -->
-                                                <?php
-                                                if (isset($acms) && count($acms)) {
-                                                    foreach ($acms as $key => $value) {
-                                                        $selected = (isset($ticket_data) && $ticket_data['acm_id'] == $value['id']) ? 'selected' : '';
-                                                        echo "<option value=" . $value['id'] . "  $selected >" . $value['first_name'] . "</option>";
+                                            <div class="form-group col-md-3">
+                                                <label for="emp_mobile" class="label-font-size">Employee Mobile No <span class="text-danger">*</span></label>
+                                                <input type="text" class="form-control" id="emp_mobile" placeholder="Enter EMP Mobile"
+                                                    value="<?= isset($ticket_data['emp_mobile']) ? $ticket_data['emp_mobile'] : '' ?>"
+                                                    name="emp_mobile" required>
+                                            </div>
+
+                                            <div class="form-group col-md-3">
+                                                <label for="emp_mail" class="label-font-size">Employee Mail ID <span class="text-danger">*</span></label>
+                                                <input type="text" class="form-control" id="emp_mail" placeholder="Enter EMP Mail"
+                                                    value="<?= isset($ticket_data['emp_mail']) ? $ticket_data['emp_mail'] : '' ?>"
+                                                    name="emp_mail" required>
+                                            </div>
+
+                                            <div class="form-group col-md-3">
+                                                <label for="emp_personal_mail" class="label-font-size">Employee Personal Mail ID</label>
+                                                <input type="text" class="form-control" id="emp_personal_mail" placeholder="Enter EMP Personal Mail"
+                                                    value="<?= isset($ticket_data['emp_personal_mail']) ? $ticket_data['emp_personal_mail'] : '' ?>"
+                                                    name="emp_personal_mail">
+                                            </div>
+
+                                            <div class="form-group col-md-3">
+                                                <label for="client_name" class="label-font-size">Corporate Name <span class="text-danger">*</span></label>
+                                                <input type="hidden" id="client_id" name="client_id" value="<?= isset($ticket_data['client_id']) ? $ticket_data['client_id'] : '' ?>">
+                                                <input type="text" class="form-control" id="client_name" placeholder="Client" value="<?= isset($ticket_data['client_name']) ? $ticket_data['client_name'] : '' ?>" readonly required>
+                                            </div>
+
+                                            <div class="form-group col-md-3">
+                                                <label for="insurer_id" class="label-font-size">Insurer <span class="text-danger">*</span></label>
+                                                <input type=hidden id="insurer_id" name="insurer_id" value="<?= isset($ticket_data['insurer_id']) ? $ticket_data['insurer_id'] : '' ?>">
+                                                <input type=text class="form-control" id="insurer_name" placeholder="Insurer" value="<?= isset($ticket_data['insurer_name']) ? $ticket_data['insurer_name'] : '' ?>" readonly required>
+                                            </div>
+                                            <input type="hidden" id="empIDHidden" onchange="getClientPolicy()">
+                                            <div class="col-md-3">
+                                                <div class="form-group">
+                                                    <label class="label-font-size">Policy <span class="text-danger">*</span></label>
+                                                    <select id="emp_client_policy" name="client_policy_id"
+                                                        class="form-control custom-select" required onchange="setMinDateDOA(this.value); setInsurerAndTPAData(this)">
+                                                        <?php if (!empty($ticket_data['client_policy_id'])) { ?>
+                                                            <option value="<?= $ticket_data['client_policy_id'] ?>"><?= $ticket_data['client_policy_id_text'] ?></option>
+                                                        <?php } else { ?>
+                                                            <option value="">Policy</option>
+                                                        <?php } ?>
+                                                    </select>
+                                                </div>
+                                            </div>
+
+                                            <div class="form-group col-md-3">
+                                                <label class="label-font-size" for="tpa_name">TPA <span class="text-danger"></span></label>
+                                                <input type=hidden id="tpa_id" name="tpa_id" value="<?= isset($ticket_data['tpa_id']) ? $ticket_data['tpa_id'] : '' ?>">
+                                                <input type=text class="form-control" id="tpa_name" placeholder="TPA" value="<?= isset($ticket_data['tpa_name']) ? $ticket_data['tpa_name'] : '' ?>" readonly>
+                                            </div>
+
+                                            <div class="form-group col-md-3">
+                                                <label class="label-font-size" for="acm_id">Account Manager <span class="text-danger">*</span></label>
+                                                <select class="form-control" id="acm_id" name="acm_id" required>
+                                                    <!-- <option value="0">Select Account Manager</option> -->
+                                                    <?php
+                                                    if (isset($acms) && count($acms)) {
+                                                        foreach ($acms as $key => $value) {
+                                                            $selected = (isset($ticket_data) && $ticket_data['acm_id'] == $value['id']) ? 'selected' : '';
+                                                            echo "<option value=" . $value['id'] . "  $selected >" . $value['first_name'] . "</option>";
+                                                        }
                                                     }
-                                                }
-                                                ?>
-                                            </select>
-                                        </div>
+                                                    ?>
+                                                </select>
+                                            </div>
 
+                                        </div>
+                                        <!-- end first_data_points -->
+                                        <!-- </div> -->
                                     </div>
-                                    <!-- end first_data_points -->
-                                    <!-- </div> -->
                                 </div>
                             </div>
                         </div>
-                    </div>
 
-                    <div id="accordion2" class="mb-3">
-                        <div class="card mb-1">
-                            <h4 class="m-1">
-                                Claim Details
-                                <i id="infoIcon" class="mdi mdi-information-outline info-icon" title="Click for more details" style="margin-left: 5px;"></i>
-                                <?= isset($ticket_data['claim_number']) && !empty($ticket_data['claim_number']) ? '( Claim No : ' . $ticket_data['claim_number'] . ' )' : '' ?>
-                                
-                                
-                                <a id="toggleIcon1" class="text-dark float-right" data-toggle="collapse" href="#collapseTwo" aria-expanded="true">
-                                    <i id="icon1" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
-                                </a>
-                            </h4>
-                            <div id="collapseTwo" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion2">
-                                <div class="card-body"> 
-                                    <!-- second_data_points -->
-                                    <div class="form-row">
+                        <div id="accordion2" class="mb-3">
+                            <div class="card mb-1">
+                                <h4 class="m-1">
+                                    Claim Details
+                                    <i id="infoIcon" class="mdi mdi-information-outline info-icon" title="Click for more details" style="margin-left: 5px;"></i>
+                                    <?= isset($ticket_data['claim_number']) && !empty($ticket_data['claim_number']) ? '( Claim No : ' . $ticket_data['claim_number'] . ' )' : '' ?>
 
-                                        <div class="form-group col-md-3">
-                                            <label class="label-font-size" for="claim_status">Status <span class="text-danger">*</span></label>
-                                            <select class="form-control" id="claim_status_id" name="claim_status_id" required>
-                                                <!-- <option value="0">Select status</option> -->
-                                                <?php
-                                                if (isset($claim_status) && count($claim_status)) {
-                                                    foreach ($claim_status as $key => $value) {
-                                                        $selected = (isset($ticket_data) && $ticket_data['claim_status_id'] == $value['id']) ? 'selected' : '';
-                                                        echo "<option value=" . $value['id'] . " $selected>" . $value['claim_status'] . "</option>";
+
+                                    <a id="toggleIcon1" class="text-dark float-right" data-toggle="collapse" href="#collapseTwo" aria-expanded="true">
+                                        <i id="icon1" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
+                                    </a>
+                                </h4>
+                                <div id="collapseTwo" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion2">
+                                    <div class="card-body">
+                                        <!-- second_data_points -->
+                                        <div class="form-row">
+
+                                            <div class="form-group col-md-3">
+                                                <label class="label-font-size" for="claim_status">Status <span class="text-danger">*</span></label>
+                                                <select class="form-control" id="claim_status_id" name="claim_status_id" required>
+                                                    <!-- <option value="0">Select status</option> -->
+                                                    <?php
+                                                    if (isset($claim_status) && count($claim_status)) {
+                                                        foreach ($claim_status as $key => $value) {
+                                                            $selected = (isset($ticket_data) && $ticket_data['claim_status_id'] == $value['id']) ? 'selected' : '';
+                                                            echo "<option value=" . $value['id'] . " $selected>" . $value['claim_status'] . "</option>";
+                                                        }
                                                     }
-                                                }
-                                                ?>
-                                            </select>
-                                        </div>
+                                                    ?>
+                                                </select>
+                                            </div>
 
-                                        <div class="form-group col-md-3">
-                                            <label class="label-font-size" for="priority">Priority <span class="text-danger">*</span></label>
-                                            <select class="form-control" id="priority" name="priority" required>
-                                                <!-- <option value="0">Select Priority</option> -->
-                                                <?php
-                                                if (isset($priorityType) && count($priorityType)) {
-                                                    foreach ($priorityType as $key => $value) {
-                                                        $selected = (isset($ticket_data) && $ticket_data['priority'] == $key) ? 'selected' : '';
-                                                        echo "<option value=" . $key . " $selected>" . $value . "</option>";
+                                            <div class="form-group col-md-3">
+                                                <label class="label-font-size" for="priority">Priority <span class="text-danger">*</span></label>
+                                                <select class="form-control" id="priority" name="priority" required>
+                                                    <!-- <option value="0">Select Priority</option> -->
+                                                    <?php
+                                                    if (isset($priorityType) && count($priorityType)) {
+                                                        foreach ($priorityType as $key => $value) {
+                                                            $selected = (isset($ticket_data) && $ticket_data['priority'] == $key) ? 'selected' : '';
+                                                            echo "<option value=" . $key . " $selected>" . $value . "</option>";
+                                                        }
                                                     }
-                                                }
-                                                ?>
-                                            </select>
-                                        </div>
+                                                    ?>
+                                                </select>
+                                            </div>
 
-                                        <div class="form-group col-md-3">
-                                            <label class="label-font-size" for="mode_of_intimation"> Mode of Submission <span
-                                                    class="text-danger">*</span></label>
-                                            <select class="form-control" id="mode_of_intimation" name="mode_of_intimation" required>
-                                                <!-- <option value="0">Select Mode</option> -->
-                                                <?php
-                                                if (isset($modeOFIntimate) && count($modeOFIntimate)) {
-                                                    foreach ($modeOFIntimate as $key => $value) {
-                                                        $selected = (isset($ticket_data) && $ticket_data['mode_of_intimation'] == $key) ? 'selected' : '';
-                                                        echo "<option value='" . $key . "'  $selected>" . $value . "</option>";
+                                            <div class="form-group col-md-3">
+                                                <label class="label-font-size" for="mode_of_intimation"> Mode of Submission <span
+                                                        class="text-danger">*</span></label>
+                                                <select class="form-control" id="mode_of_intimation" name="mode_of_intimation" required>
+                                                    <!-- <option value="0">Select Mode</option> -->
+                                                    <?php
+                                                    if (isset($modeOFIntimate) && count($modeOFIntimate)) {
+                                                        foreach ($modeOFIntimate as $key => $value) {
+                                                            $selected = (isset($ticket_data) && $ticket_data['mode_of_intimation'] == $key) ? 'selected' : '';
+                                                            echo "<option value='" . $key . "'  $selected>" . $value . "</option>";
+                                                        }
                                                     }
-                                                }
-                                                ?>
-                                            </select>
-                                        </div>
+                                                    ?>
+                                                </select>
+                                            </div>
 
-                                        <div class="form-group col-md-3">
-                                            <label class="label-font-size" for="claim_type"> Claim Type <span class="text-danger">*</span></label>
-                                            <select class="form-control" id="claim_type" name="claim_type" required>
-                                                <!-- <option value="0">Select claim Type</option> -->
-                                                <?php
-                                                if (isset($claim_type) && count($claim_type)) {
-                                                    foreach ($claim_type as $key => $value) {
-                                                        $selected = (isset($ticket_data) && $ticket_data['claim_type'] == $key) ? 'selected' : '';
-                                                        echo "<option value='" . $key . "' $selected>" . $value . "</option>";
+                                            <div class="form-group col-md-3">
+                                                <label class="label-font-size" for="claim_type"> Claim Type <span class="text-danger">*</span></label>
+                                                <select class="form-control" id="claim_type" name="claim_type" required>
+                                                    <!-- <option value="0">Select claim Type</option> -->
+                                                    <?php
+                                                    if (isset($claim_type) && count($claim_type)) {
+                                                        foreach ($claim_type as $key => $value) {
+                                                            $selected = (isset($ticket_data) && $ticket_data['claim_type'] == $key) ? 'selected' : '';
+                                                            echo "<option value='" . $key . "' $selected>" . $value . "</option>";
+                                                        }
                                                     }
-                                                }
-                                                ?>
-                                            </select>
-                                        </div>
+                                                    ?>
+                                                </select>
+                                            </div>
 
-                                        <div class="form-group col-md-3">
-                                            <label class="label-font-size" for="hospital_name">Hospital Name <span class="text-danger">*</span></label>
-                                            <input type="text" class="form-control" id="hospital_name"
-                                                placeholder="Enter Hospital Name"
-                                                value="<?= isset($ticket_data['hospital_name']) ? $ticket_data['hospital_name'] : '' ?>"
-                                                name="hospital_name" required>
-                                        </div>
+                                            <div class="form-group col-md-3">
+                                                <label class="label-font-size" for="hospital_name">Hospital Name <span class="text-danger">*</span></label>
+                                                <input type="text" class="form-control" id="hospital_name"
+                                                    placeholder="Enter Hospital Name"
+                                                    value="<?= isset($ticket_data['hospital_name']) ? $ticket_data['hospital_name'] : '' ?>"
+                                                    name="hospital_name" required>
+                                            </div>
 
-                                        <div class="form-group col-md-3">
-                                            <label class="label-font-size" for="doa">DOA <span class="text-danger">*</span></label>
-                                            <input type="text" class="form-control" id="doa" placeholder="Enter DOA"
-                                                value="<?= isset($ticket_data['doa']) ? $ticket_data['doa'] : '' ?>"
-                                                name="doa" required>
-                                        </div>
+                                            <div class="form-group col-md-3">
+                                                <label class="label-font-size" for="doa">DOA <span class="text-danger">*</span></label>
+                                                <input type="text" class="form-control" id="doa" placeholder="Enter DOA"
+                                                    value="<?= isset($ticket_data['doa']) ? $ticket_data['doa'] : '' ?>"
+                                                    name="doa" required>
+                                            </div>
 
-                                        <div class="form-group col-md-3">
-                                            <label class="label-font-size" for="dod">DOD <span class="text-danger">*</span></label>
-                                            <input type="text" class="form-control" id="dod" placeholder="Enter DOD"
-                                                value="<?= isset($ticket_data['dod']) ? $ticket_data['dod'] : '' ?>" name="dod" required>
-                                        </div>
+                                            <div class="form-group col-md-3">
+                                                <label class="label-font-size" for="dod">DOD <span class="text-danger">*</span></label>
+                                                <input type="text" class="form-control" id="dod" placeholder="Enter DOD"
+                                                    value="<?= isset($ticket_data['dod']) ? $ticket_data['dod'] : '' ?>" name="dod" required>
+                                            </div>
 
-                                        <div class="form-group col-md-3">
-                                            <label class="label-font-size" for="claim_amount">Claim Amount <span class="text-danger">*</span></label>
-                                            <input type="text" class="form-control" id="claim_amount"
-                                                placeholder="Enter Claim Amount"
-                                                value="<?= isset($ticket_data['claim_amount']) ? $ticket_data['claim_amount'] : '' ?>"
-                                                name="claim_amount" required>
-                                        </div>
+                                            <div class="form-group col-md-3">
+                                                <label class="label-font-size" for="claim_amount">Claim Amount <span class="text-danger">*</span></label>
+                                                <input type="text" class="form-control" id="claim_amount"
+                                                    placeholder="Enter Claim Amount"
+                                                    value="<?= isset($ticket_data['claim_amount']) ? $ticket_data['claim_amount'] : '' ?>"
+                                                    name="claim_amount" required>
+                                            </div>
 
-                                        <div class="form-group col-md-3">
-                                            <label class="label-font-size" id="pod_no_label_1" for="pod_no">POD No with Courier Name <span id="pod_no_label_1_span" class="text-danger"></span></label>
-                                            <input type="text" class="form-control" id="pod_no" placeholder="Enter POD NO"
-                                                value="<?= isset($ticket_data['pod_no']) ? $ticket_data['pod_no'] : '' ?>"
-                                                name="pod_no">
-                                        </div>
+                                            <div class="form-group col-md-3">
+                                                <label class="label-font-size" id="pod_no_label_1" for="pod_no">POD No with Courier Name <span id="pod_no_label_1_span" class="text-danger"></span></label>
+                                                <input type="text" class="form-control" id="pod_no" placeholder="Enter POD NO"
+                                                    value="<?= isset($ticket_data['pod_no']) ? $ticket_data['pod_no'] : '' ?>"
+                                                    name="pod_no">
+                                            </div>
 
+                                        </div>
+                                        <!-- end second_data_points -->
                                     </div>
-                                    <!-- end second_data_points -->
                                 </div>
                             </div>
                         </div>
-                    </div>
 
 
-                    <div id="accordion3" class="mb-3">
-                        <div class="card mb-1">
-                            <h4 class="m-1">
-                                Additional Documents
-                                <a id="toggleIcon1" class="text-dark float-right" data-toggle="collapse" href="#collapseThree" aria-expanded="true">
-                                    <i id="icon1" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
-                                </a>
-                            </h4>
-                            <div id="collapseThree" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion3">
-                                <div class="card-body">
-                                    <!-- third_data_points -->
-                                    <div class="form-row">
+                        <div id="accordion3" class="mb-3">
+                            <div class="card mb-1">
+                                <h4 class="m-1">
+                                    Additional Documents
+                                    <a id="toggleIcon1" class="text-dark float-right" data-toggle="collapse" href="#collapseThree" aria-expanded="true">
+                                        <i id="icon1" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
+                                    </a>
+                                </h4>
+                                <div id="collapseThree" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion3">
+                                    <div class="card-body">
+                                        <!-- third_data_points -->
+                                        <div class="form-row">
 
-                                        <div class="form-group col-md-3 up_cnu" style="display: none;">
-                                            <label class="label-font-size" for="claim_number">Claim Number <span class="text-danger"></span></label>
-                                            <input type="text" class="form-control" id="claim_number" placeholder="Enter Claim NO"
-                                                value="<?= isset($ticket_data['claim_number']) ? $ticket_data['claim_number'] : '' ?>"
-                                                name="claim_number">
-                                        </div>
+                                            <div class="form-group col-md-3 up_cnu" style="display: none;">
+                                                <label class="label-font-size" for="claim_number">Claim Number <span class="text-danger"></span></label>
+                                                <input type="text" class="form-control" id="claim_number" placeholder="Enter Claim NO"
+                                                    value="<?= isset($ticket_data['claim_number']) ? $ticket_data['claim_number'] : '' ?>"
+                                                    name="claim_number">
+                                            </div>
 
-                                        <div class="form-group col-md-3 up_cnu" style="display: none;">
-                                            <label class="label-font-size" for="registration_date">Registration Date</label>
-                                            <input type="text" class="form-control datepicker" id="registration_date" placeholder="Select Registration Date"
-                                                value="<?= isset($ticket_data['registration_date']) ? $ticket_data['registration_date'] : '' ?>" name="registration_date">
-                                        </div>
+                                            <div class="form-group col-md-3 up_cnu" style="display: none;">
+                                                <label class="label-font-size" for="registration_date">Registration Date</label>
+                                                <input type="text" class="form-control datepicker" id="registration_date" placeholder="Select Registration Date"
+                                                    value="<?= isset($ticket_data['registration_date']) ? $ticket_data['registration_date'] : '' ?>" name="registration_date">
+                                            </div>
 
-                                        <div class="form-group col-md-3 cda_ir" style="display: none;">
-                                            <label class="label-font-size" for="raised_date">Raised Date</label>
-                                            <input type="text" class="form-control datepicker" id="raised_date" placeholder="Select Raised Date"
-                                                value="<?= isset($ticket_data['raised_date']) ? $ticket_data['raised_date'] : '' ?>" name="raised_date">
-                                        </div>
+                                            <div class="form-group col-md-3 cda_ir" style="display: none;">
+                                                <label class="label-font-size" for="raised_date">Raised Date</label>
+                                                <input type="text" class="form-control datepicker" id="raised_date" placeholder="Select Raised Date"
+                                                    value="<?= isset($ticket_data['raised_date']) ? $ticket_data['raised_date'] : '' ?>" name="raised_date">
+                                            </div>
 
-                                        <div class="form-group col-md-3 up_qdr" style="display: none;">
-                                            <label class="label-font-size" for="query_received_date">Query Received Date</label>
-                                            <input type="text" class="form-control datepicker" id="query_received_date" placeholder="Select Query Received Date"
-                                                value="<?= isset($ticket_data['query_received_date']) ? $ticket_data['query_received_date'] : '' ?>" name="query_received_date">
-                                        </div>
+                                            <div class="form-group col-md-3 up_qdr" style="display: none;">
+                                                <label class="label-font-size" for="query_received_date">Query Received Date</label>
+                                                <input type="text" class="form-control datepicker" id="query_received_date" placeholder="Select Query Received Date"
+                                                    value="<?= isset($ticket_data['query_received_date']) ? $ticket_data['query_received_date'] : '' ?>" name="query_received_date">
+                                            </div>
 
-                                        <div class="form-group col-md-3 rejected" style="display: none;">
-                                            <label class="label-font-size" for="denial_reason">Denial Reason</label>
-                                            <input type="text" class="form-control" id="denial_reason" placeholder="Enter Denial Reason"
-                                                value="<?= isset($ticket_data['denial_reason']) ? $ticket_data['denial_reason'] : '' ?>" name="denial_reason">
-                                        </div>
+                                            <div class="form-group col-md-3 rejected" style="display: none;">
+                                                <label class="label-font-size" for="denial_reason">Denial Reason</label>
+                                                <input type="text" class="form-control" id="denial_reason" placeholder="Enter Denial Reason"
+                                                    value="<?= isset($ticket_data['denial_reason']) ? $ticket_data['denial_reason'] : '' ?>" name="denial_reason">
+                                            </div>
 
-                                        <div class="form-group col-md-3 rejected" style="display: none;">
-                                            <label class="label-font-size" for="denial_date">Denial Date</label>
-                                            <input type="text" class="form-control datepicker" id="denial_date" placeholder="Select Denial Date"
-                                                value="<?= isset($ticket_data['denial_date']) ? $ticket_data['denial_date'] : '' ?>" name="denial_date">
-                                        </div>
+                                            <div class="form-group col-md-3 rejected" style="display: none;">
+                                                <label class="label-font-size" for="denial_date">Denial Date</label>
+                                                <input type="text" class="form-control datepicker" id="denial_date" placeholder="Select Denial Date"
+                                                    value="<?= isset($ticket_data['denial_date']) ? $ticket_data['denial_date'] : '' ?>" name="denial_date">
+                                            </div>
 
-                                        <div class="form-group col-md-3 approved" style="display: none;">
-                                            <label class="label-font-size" for="approved_amount">Approved Amount</label> #
-                                            <input type="text" class="form-control" id="approved_amount" placeholder="Enter Approved Amount"
-                                                value="<?= isset($ticket_data['approved_amount']) ? $ticket_data['approved_amount'] : '' ?>" name="approved_amount">
-                                        </div>
+                                            <div class="form-group col-md-3 approved" style="display: none;">
+                                                <label class="label-font-size" for="approved_amount">Approved Amount</label> #
+                                                <input type="text" class="form-control" id="approved_amount" placeholder="Enter Approved Amount"
+                                                    value="<?= isset($ticket_data['approved_amount']) ? $ticket_data['approved_amount'] : '' ?>" name="approved_amount">
+                                            </div>
 
-                                        <div class="form-group col-md-3 approved" style="display: none;">
-                                            <label class="label-font-size" for="approved_date">Approved Date</label>
-                                            <input type="text" class="form-control datepicker" id="approved_date" placeholder="Select Approved Date"
-                                                value="<?= isset($ticket_data['approved_date']) ? $ticket_data['approved_date'] : '' ?>" name="approved_date">
-                                        </div>
+                                            <div class="form-group col-md-3 approved" style="display: none;">
+                                                <label class="label-font-size" for="approved_date">Approved Date</label>
+                                                <input type="text" class="form-control datepicker" id="approved_date" placeholder="Select Approved Date"
+                                                    value="<?= isset($ticket_data['approved_date']) ? $ticket_data['approved_date'] : '' ?>" name="approved_date">
+                                            </div>
 
-                                        <div class="form-group col-md-6 approved" style="display: none;">
-                                            <label class="label-font-size" for="approved_letter">Approved Letter</label>
-                                            <input type="text" class="form-control" id="approved_letter" placeholder="Enter Approved Letter"
-                                                value="<?= isset($ticket_data['approved_letter']) ? $ticket_data['approved_letter'] : '' ?>" name="approved_letter">
-                                        </div>
+                                            <div class="form-group col-md-6 approved" style="display: none;">
+                                                <label class="label-font-size" for="approved_letter">Approved Letter</label>
+                                                <input type="text" class="form-control" id="approved_letter" placeholder="Enter Approved Letter"
+                                                    value="<?= isset($ticket_data['approved_letter']) ? $ticket_data['approved_letter'] : '' ?>" name="approved_letter">
+                                            </div>
 
-                                        <div class="form-group col-md-6 approved" style="display: none;">
-                                            <label class="label-font-size" for="approved_description">Approved Description</label>
-                                            <input type="text" class="form-control" id="approved_description" placeholder="Enter Approved Description"
-                                                value="<?= isset($ticket_data['approved_description']) ? $ticket_data['approved_description'] : '' ?>" name="approved_description">
-                                        </div>
+                                            <div class="form-group col-md-6 approved" style="display: none;">
+                                                <label class="label-font-size" for="approved_description">Approved Description</label>
+                                                <input type="text" class="form-control" id="approved_description" placeholder="Enter Approved Description"
+                                                    value="<?= isset($ticket_data['approved_description']) ? $ticket_data['approved_description'] : '' ?>" name="approved_description">
+                                            </div>
 
-                                        <div class="form-group col-md-3 settled" style="display: none;">
-                                            <label class="label-font-size" for="utr_details">UTR Details</label>
-                                            <input type="text" class="form-control" id="utr_details" placeholder="Enter UTR Details"
-                                                value="<?= isset($ticket_data['utr_details']) ? $ticket_data['utr_details'] : '' ?>" name="utr_details">
-                                        </div>
+                                            <div class="form-group col-md-3 settled" style="display: none;">
+                                                <label class="label-font-size" for="utr_details">UTR Details</label>
+                                                <input type="text" class="form-control" id="utr_details" placeholder="Enter UTR Details"
+                                                    value="<?= isset($ticket_data['utr_details']) ? $ticket_data['utr_details'] : '' ?>" name="utr_details">
+                                            </div>
 
-                                        <div class="form-group col-md-3 settled" style="display: none;">
-                                            <label class="label-font-size" for="settled_date">Settled Date</label>
-                                            <input type="text" class="form-control datepicker" id="settled_date" placeholder="Select Settled Date"
-                                                value="<?= isset($ticket_data['settled_date']) ? $ticket_data['settled_date'] : '' ?>" name="settled_date">
-                                        </div>
+                                            <div class="form-group col-md-3 settled" style="display: none;">
+                                                <label class="label-font-size" for="settled_date">Settled Date</label>
+                                                <input type="text" class="form-control datepicker" id="settled_date" placeholder="Select Settled Date"
+                                                    value="<?= isset($ticket_data['settled_date']) ? $ticket_data['settled_date'] : '' ?>" name="settled_date">
+                                            </div>
 
-                                        <div class="form-group col-md-6 settled" style="display: none;">
-                                            <label class="label-font-size" for="settle_letter">Settle Letter</label>
-                                            <input type="text" class="form-control" id="settle_letter" placeholder="Enter Settle Letter"
-                                                value="<?= isset($ticket_data['settle_letter']) ? $ticket_data['settle_letter'] : '' ?>" name="settle_letter">
-                                        </div>
+                                            <div class="form-group col-md-6 settled" style="display: none;">
+                                                <label class="label-font-size" for="settle_letter">Settle Letter</label>
+                                                <input type="text" class="form-control" id="settle_letter" placeholder="Enter Settle Letter"
+                                                    value="<?= isset($ticket_data['settle_letter']) ? $ticket_data['settle_letter'] : '' ?>" name="settle_letter">
+                                            </div>
 
-                                        <div class="form-group col-md-3 payment" style="display: none;">
-                                            <label class="label-font-size" for="pay_initiate_date">Payment Initiate Date</label>
-                                            <input type="text" class="form-control datepicker" id="pay_initiate_date" placeholder="Select Payment Initiate Date"
-                                                value="<?= isset($ticket_data['pay_initiate_date']) ? $ticket_data['pay_initiate_date'] : '' ?>" name="pay_initiate_date">
-                                        </div>
+                                            <div class="form-group col-md-3 payment" style="display: none;">
+                                                <label class="label-font-size" for="pay_initiate_date">Payment Initiate Date</label>
+                                                <input type="text" class="form-control datepicker" id="pay_initiate_date" placeholder="Select Payment Initiate Date"
+                                                    value="<?= isset($ticket_data['pay_initiate_date']) ? $ticket_data['pay_initiate_date'] : '' ?>" name="pay_initiate_date">
+                                            </div>
 
-                                        <div class="form-group col-md-3 canceled" style="display: none;">
-                                            <label class="label-font-size" for="cancel_remark">Cancel Remark</label>
-                                            <textarea class="form-control" id="cancel_remark" rows="1" placeholder="Enter Cancel Remark" name="cancel_remark"><?= isset($ticket_data['cancel_remark']) ? $ticket_data['cancel_remark'] : '' ?></textarea>
-                                        </div>
+                                            <div class="form-group col-md-3 canceled" style="display: none;">
+                                                <label class="label-font-size" for="cancel_remark">Cancel Remark</label>
+                                                <textarea class="form-control" id="cancel_remark" rows="1" placeholder="Enter Cancel Remark" name="cancel_remark"><?= isset($ticket_data['cancel_remark']) ? $ticket_data['cancel_remark'] : '' ?></textarea>
+                                            </div>
 
-                                        <div class="form-group col-md-3 returned" style="display: none;">
-                                            <label class="label-font-size" for="return_remark">Return Remark</label>
-                                            <textarea class="form-control" id="return_remark" rows="1" placeholder="Enter Return Remark" name="return_remark"><?= isset($ticket_data['return_remark']) ? $ticket_data['return_remark'] : '' ?></textarea>
-                                        </div>
+                                            <div class="form-group col-md-3 returned" style="display: none;">
+                                                <label class="label-font-size" for="return_remark">Return Remark</label>
+                                                <textarea class="form-control" id="return_remark" rows="1" placeholder="Enter Return Remark" name="return_remark"><?= isset($ticket_data['return_remark']) ? $ticket_data['return_remark'] : '' ?></textarea>
+                                            </div>
 
-                                        <div class="form-group col-md-6 returned" style="display: none;">
-                                            <label class="label-font-size" for="awb_no_courier_name">Return AWB No with Courier Name</label>
-                                            <input type="text" class="form-control" id="awb_no_courier_name" placeholder="eg : 0001/ST Courier"
-                                                value="<?= isset($ticket_data['awb_no_courier_name']) ? $ticket_data['awb_no_courier_name'] : '' ?>" name="awb_no_courier_name">
-                                        </div>
+                                            <div class="form-group col-md-6 returned" style="display: none;">
+                                                <label class="label-font-size" for="awb_no_courier_name">Return AWB No with Courier Name</label>
+                                                <input type="text" class="form-control" id="awb_no_courier_name" placeholder="eg : 0001/ST Courier"
+                                                    value="<?= isset($ticket_data['awb_no_courier_name']) ? $ticket_data['awb_no_courier_name'] : '' ?>" name="awb_no_courier_name">
+                                            </div>
 
-                                        <div class="form-group col-md-3 non_id" style="display: none;">
-                                            <label class="label-font-size" for="non_id_reason">Non ID Reason <span id="non_id_reason_lable_id" class="text-danger"></span></label>
-                                            <select class="form-control" id="non_id_reason" name="non_id_reason">
-                                                <option value="">Select Reason</option>
-                                                <?php
-                                                if (isset($nonIDReason) && count($nonIDReason)) {
-                                                    foreach ($nonIDReason as $key => $value) {
-                                                        $selected = (isset($ticket_data) && $ticket_data['non_id_reason'] == $key) ? 'selected' : '';
-                                                        echo "<option value='" . $key . "'  $selected>" . $value . "</option>";
+                                            <div class="form-group col-md-3 non_id" style="display: none;">
+                                                <label class="label-font-size" for="non_id_reason">Non ID Reason <span id="non_id_reason_lable_id" class="text-danger"></span></label>
+                                                <select class="form-control" id="non_id_reason" name="non_id_reason">
+                                                    <option value="">Select Reason</option>
+                                                    <?php
+                                                    if (isset($nonIDReason) && count($nonIDReason)) {
+                                                        foreach ($nonIDReason as $key => $value) {
+                                                            $selected = (isset($ticket_data) && $ticket_data['non_id_reason'] == $key) ? 'selected' : '';
+                                                            echo "<option value='" . $key . "'  $selected>" . $value . "</option>";
+                                                        }
                                                     }
-                                                }
-                                                ?>
-                                            </select>
-                                        </div>
+                                                    ?>
+                                                </select>
+                                            </div>
 
+                                        </div>
+                                        <!-- end third_data_points -->
                                     </div>
-                                    <!-- end third_data_points -->
                                 </div>
                             </div>
                         </div>
-                    </div>
 
-                    <div class="form-group col-md-12 text-right m-b-0" style="margin-top: 29px;">
-                        <button type="submit" class="btn btn-primary waves-effect waves-light mr-1" id="btnSubmit">Submit</button>
-                        <?php if (get_role_id() == 5 && isset($ticket_data) && $ticket_data['claim_status_id'] == 8) { ?>
-                            <a class="btn btn-secondary waves-effect waves-light mr-1" onclick="showConfirmationModal(event)">Approve Claim Rejection</a>
-                        <?php } ?>
-                        <!-- <button type="button" class="btn btn-primary waves-effect waves-light mr-1" id="btnApprove" >Approve</button> -->
-                    </div>
+                        <div class="form-group col-md-12 text-right m-b-0" style="margin-top: 29px;">
+                            <button type="submit" class="btn btn-primary waves-effect waves-light mr-1" id="btnSubmit">Submit</button>
+                            <?php if (get_role_id() == 5 && isset($ticket_data) && $ticket_data['claim_status_id'] == 8) { ?>
+                                <a class="btn btn-secondary waves-effect waves-light mr-1" onclick="showConfirmationModal(event)">Approve Claim Rejection</a>
+                            <?php } ?>
+                            <!-- <button type="button" class="btn btn-primary waves-effect waves-light mr-1" id="btnApprove" >Approve</button> -->
+                        </div>
 
+                </div>
+                </form>
             </div>
-            </form>
         </div>
     </div>
 </div>
 
+
 <!-- Info Modal -->
 <div class="modal fade" id="moreInfoModal" tabindex="-1" role="dialog" aria-labelledby="fullWidthModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-xl" role="document">
@@ -1197,7 +1201,6 @@
         $('#tpa_id').val(tap_id);
         $('#tpa_name').val(tap_name);
     }
-
 </script>
 <script>
     $("#infoIcon").click(function() {
diff --git a/app/Views/ticket_mail_template.php b/app/Views/ticket_mail_template.php
index e030f7e6..09ba1bcb 100644
--- a/app/Views/ticket_mail_template.php
+++ b/app/Views/ticket_mail_template.php
@@ -8,10 +8,7 @@
         padding: 4px 4px !important;
     }
 
-    .col-12 {
-
-        max-width: 98% !important;
-    }
+    
 
     .dataTables_filter {
         position: absolute;
diff --git a/app/Views/ticket_reports.php b/app/Views/ticket_reports.php
index 1504aba6..f9e920b0 100644
--- a/app/Views/ticket_reports.php
+++ b/app/Views/ticket_reports.php
@@ -1,69 +1,71 @@
-<div class="row">
-    <!-- <h3 class="ml-3">Claim Reports</h3> -->
-    <div class="col-xl-12">
-        <div id="accordion" class="mb-3">
-            <div class="card mb-1">
-                <h5 class="m-1">
-                    <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
-                        aria-expanded="true">
-                        <i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
-                    </a>
-                </h5>
-                <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
-                    <div class="card-body">
-                        <!-- <div class="text-center"> -->
-                        <div class="form-row">
-                            <div class="form-group col-md-4" id="date_div">
-                                <label>Date<span class="text-danger"></span></label>
-                                <div id="reportrange" class="form-control" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%">
-                                    <i class="mdi mdi-calendar-blank"></i>&nbsp;
-                                    <span></span> <i class="mdi mdi-menu-down"></i>
+<div class="container-fluid-min">
+    <div class="row">
+        <!-- <h3 class="ml-3">Claim Reports</h3> -->
+        <div class="col-xl-12">
+            <div id="accordion" class="mb-3">
+                <div class="card mb-1">
+                    <h4 class="m-1">
+                        <span>Filter</span>
+                        <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
+                            aria-expanded="true">
+                            <i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
+                        </a>
+                    </h4>
+                    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
+                        <div class="card-body">
+                            <!-- <div class="text-center"> -->
+                            <div class="form-row">
+                                <div class="form-group col-md-4" id="date_div">
+                                    <label>Date<span class="text-danger"></span></label>
+                                    <div id="reportrange" class="form-control" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%">
+                                        <i class="mdi mdi-calendar-blank"></i>&nbsp;
+                                        <span></span> <i class="mdi mdi-menu-down"></i>
+                                    </div>
+                                    <input type="hidden" id="startDate" value=<?= $default_start ?>>
+                                    <input type="hidden" id="endDate" value=<?= $default_end ?>>
                                 </div>
-                                <input type="hidden" id="startDate" value=<?= $default_start ?>>
-                                <input type="hidden" id="endDate" value=<?= $default_end ?>>
+
+
+                                <div class="form-group col-md-4">
+                                    <label>Policy Type<span class="text-danger"> *</span></label> <br />
+                                    <select name="policy_type" class="form-control" id="policy_type" required>
+                                        <option value="">Select</option>
+                                        <?php foreach ($policy_type as $policy => $key) : ?>
+                                            <option value="<?= $policy ?>"><?= $key ?></option>
+                                        <?php endforeach ?>
+                                    </select>
+                                </div>
+
+
+                                <div class="form-group col-md-4">
+                                    <label>Report Type<span class="text-danger"> *</span></label> <br />
+                                    <select class="form-control" id="report_type" required>
+                                        <option value="0">Select</option>
+                                        <?php foreach ($report_type as $reports => $key) : ?>
+                                            <option value="<?= $reports ?>"><?= $key ?></option>
+                                        <?php endforeach ?>
+                                    </select>
+                                </div>
+
+
                             </div>
+                            <div class="row justify-content-end">
 
-
-                            <div class="form-group col-md-4">
-                                <label>Policy Type<span class="text-danger"> *</span></label> <br />
-                                <select name="policy_type" class="form-control" id="policy_type" required>
-                                    <option value="">Select</option>
-                                    <?php foreach ($policy_type as $policy => $key) : ?>
-                                        <option value="<?= $policy ?>"><?= $key ?></option>
-                                    <?php endforeach ?>
-                                </select>
+                                <div class="col-auto">
+                                    <a href="#" class="btn btn-primary waves-effect waves-light submit-btn" id="get-report-page" onclick="fetchReportPage(event);">Submit</a>
+                                </div>
                             </div>
-
-
-                            <div class="form-group col-md-4">
-                                <label>Report Type<span class="text-danger"> *</span></label> <br />
-                                <select class="form-control" id="report_type" required>
-                                    <option value="0">Select</option>
-                                    <?php foreach ($report_type as $reports => $key) : ?>
-                                        <option value="<?= $reports ?>"><?= $key ?></option>
-                                    <?php endforeach ?>
-                                </select>
-                            </div>
-
-
+                            <!-- </div> -->
                         </div>
-                        <div class="row justify-content-end">
-
-                            <div class="col-auto">
-                                <a href="#" class="btn btn-primary waves-effect waves-light submit-btn" id="get-report-page" onclick="fetchReportPage(event);">Submit</a>
-                            </div>
-                        </div>
-                        <!-- </div> -->
                     </div>
                 </div>
             </div>
         </div>
     </div>
+        <div class="row" id="report"></div>
 </div>
-<div class="card mb-1">
 
-    <div id="report"></div>
-</div>
+
 
 <script>
     $(function() {
@@ -98,44 +100,43 @@
     });
 </script>
 <script>
+    function fetchReportPage() {
 
-function fetchReportPage() {
+        var fromDate = $('#startDate').val();
+        var toDate = $('#endDate').val();
+        var policy_type = $('#policy_type').val();
+        var report_type = $('#report_type').val();
+        var requestData = {
+            fromDate: fromDate,
+            toDate: toDate,
+            policy_type: policy_type,
+            report_type: report_type
+        };
+        // console.log(requestData);
+        var url = '<?= base_url('/ticket/ticket_reports') ?>';
+        $('.loader').fadeIn();
+        $('.loader-mask').fadeIn();
+        sendAjaxRequestForGlobal(url, 'POST', requestData, function(response) {
+            if (response.status == true) {
+                $('#report').html(response.html);
+                $('.loader').fadeOut();
+                $('.loader-mask').delay(350).fadeOut('slow');
+
+            } else {
+                $('.loader').fadeOut();
+                $('.loader-mask').delay(350).fadeOut('slow');
+                let message = response.message;
+                toastr.error(message, 'ERROR');
+            }
+
+
+        }, function(xhr, status, error) {
+            console.error('Error fetching data:', error);
+            console.error(xhr.responseText);
+            toastr.error('An error occurred while fetching the report page.', 'ERROR');
 
-    var fromDate = $('#startDate').val();
-    var toDate = $('#endDate').val();
-    var policy_type = $('#policy_type').val();
-    var report_type = $('#report_type').val();
-    var requestData = {
-        fromDate: fromDate,
-        toDate: toDate,
-        policy_type: policy_type,
-        report_type: report_type
-    };
-    // console.log(requestData);
-    var url = '<?= base_url('/ticket/ticket_reports') ?>';
-    $('.loader').fadeIn();
-    $('.loader-mask').fadeIn();
-    sendAjaxRequestForGlobal(url, 'POST', requestData, function(response) {
-        if (response.status == true) {
-            $('#report').html(response.html);
             $('.loader').fadeOut();
             $('.loader-mask').delay(350).fadeOut('slow');
-
-        }else{
-            $('.loader').fadeOut();
-            $('.loader-mask').delay(350).fadeOut('slow');
-            let message = response.message;
-            toastr.error(message,'ERROR');
-        }
-
-
-    }, function(xhr, status, error) {
-        console.error('Error fetching data:', error);
-        console.error(xhr.responseText);
-        toastr.error('An error occurred while fetching the report page.', 'ERROR');
-
-        $('.loader').fadeOut();
-        $('.loader-mask').delay(350).fadeOut('slow');
-    });
-}
+        });
+    }
 </script>
\ No newline at end of file
diff --git a/app/Views/ticket_search.php b/app/Views/ticket_search.php
index f92a8a34..d02e0e16 100644
--- a/app/Views/ticket_search.php
+++ b/app/Views/ticket_search.php
@@ -5,249 +5,251 @@
 }
 </style>
 
-<div class="row">
-    <div class="col-12" style="margin-top: -12px;">
-        <div id="accordion" class="mb-3">
-            <div class="card mb-1">
-                    <h2 class="m-3">
-                        Claim Filter
+<div class="container-fluid-min">
+    <div class="row">
+        <div class="col-12" style="margin-top: -12px;">
+            <div id="accordion" class="mb-3">
+                <div class="card mb-1">
+                    <h4>
+                        Filter
                         <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
                             aria-expanded="true">
                             <i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
                         </a>
-                    </h2>
-                <div id="collapseOne" class="collapse hide" aria-labelledby="headingOne" data-parent="#accordion">
-                    <div class="card-body">
-                        <div class="form-group">
-                            <div class="form-row">
+                    </h4>
+                    <div id="collapseOne" class="collapse hide" aria-labelledby="headingOne" data-parent="#accordion">
+                        <div class="card-body">
+                            <div class="form-group">
+                                <div class="form-row">
 
 
-                                <div class="form-group col-md-3">
-                                    <label for="ticket_type"> Claim Type <span class="text-danger"></span></label>
-                                    <select class="form-control" id="ticket_type" name="ticket_type">
-                                        <option value="0">Select claim Type</option>
-                                        <?php
+                                    <div class="form-group col-md-3">
+                                        <label for="ticket_type"> Claim Type <span class="text-danger"></span></label>
+                                        <select class="form-control" id="ticket_type" name="ticket_type">
+                                            <option value="0">Select claim Type</option>
+                                            <?php
                                             if (isset($ticket_type) && count($ticket_type)) {
                                                 foreach ($ticket_type as $key => $value) {
                                                     echo "<option value='" . $key . "'>" . $value . "</option>";
                                                 }
                                             }
-                                        ?>
-                                    </select>
-                                </div>
+                                            ?>
+                                        </select>
+                                    </div>
 
-                                <!-- <div class="form-group col-md-3">
+                                    <!-- <div class="form-group col-md-3">
                                     <label for="pod_no">POD No<span class="text-danger"></span></label>
                                     <input type="text" class="form-control" id="pod_no" name="pod_no">
                                 </div> -->
 
 
-                                <div class="form-group col-md-3">
-                                    <label for="insurer_id">Insurer<span class="text-danger"></span></label>
-                                    <select class="form-control" id="insurer_id" name="insurer_id">
-                                        <option value="0">Select Insurer</option>
-                                        <?php
+                                    <div class="form-group col-md-3">
+                                        <label for="insurer_id">Insurer<span class="text-danger"></span></label>
+                                        <select class="form-control" id="insurer_id" name="insurer_id">
+                                            <option value="0">Select Insurer</option>
+                                            <?php
                                             if (isset($insurer_list) && count($insurer_list)) {
                                                 foreach ($insurer_list as $key => $value) {
                                                     echo "<option value='" . $value['id'] . "'>" . $value['name'] . "</option>";
                                                 }
                                             }
-                                        ?>
-                                    </select>
-                                </div>
+                                            ?>
+                                        </select>
+                                    </div>
 
-                                <div class="form-group col-md-3">
-                                    <label for="tpa_id">TPA<span class="text-danger"></span></label>
-                                    <select class="form-control" id="tpa_id" name="tpa_id">
-                                        <option value="0">Select TPA</option>
-                                        <?php
+                                    <div class="form-group col-md-3">
+                                        <label for="tpa_id">TPA<span class="text-danger"></span></label>
+                                        <select class="form-control" id="tpa_id" name="tpa_id">
+                                            <option value="0">Select TPA</option>
+                                            <?php
                                             if (isset($tpa_list) && count($tpa_list)) {
                                                 foreach ($tpa_list as $key => $value) {
                                                     echo "<option value='" . $value['id'] . "'>" . $value['name'] . "</option>";
                                                 }
                                             }
-                                        ?>
-                                    </select>
-                                </div>
+                                            ?>
+                                        </select>
+                                    </div>
 
-                                <div class="form-group col-md-3">
-                                    <label for="claim_no">Claim No<span class="text-danger"></span></label>
-                                    <input type="text" class="form-control" id="claim_no" name="claim_no">
-                                </div>
+                                    <div class="form-group col-md-3">
+                                        <label for="claim_no">Claim No<span class="text-danger"></span></label>
+                                        <input type="text" class="form-control" id="claim_no" name="claim_no">
+                                    </div>
 
-                                <div class="form-group col-md-3">
-                                    <label for="client_id"> Corporate Name <span class="text-danger"></span></label>
-                                    <select class="form-control" id="client_id" name="client_id">
-                                        <option value="0">Select Corporate</option>
-                                        <?php
+                                    <div class="form-group col-md-3">
+                                        <label for="client_id"> Corporate Name <span class="text-danger"></span></label>
+                                        <select class="form-control" id="client_id" name="client_id">
+                                            <option value="0">Select Corporate</option>
+                                            <?php
                                             if (isset($client_list) && count($client_list)) {
                                                 foreach ($client_list as $key => $value) {
                                                     echo "<option value='" . $value['id'] . "'>" . $value['client_name'] . "</option>";
                                                 }
                                             }
-                                        ?>
-                                    </select>
-                                </div>
+                                            ?>
+                                        </select>
+                                    </div>
 
-                                <div class="form-group col-md-3">
-                                    <label for="emp_code">Employee ID<span class="text-danger"></span></label>
-                                    <input type="text" class="form-control" id="emp_code" name="emp_code">
-                                </div>
+                                    <div class="form-group col-md-3">
+                                        <label for="emp_code">Employee ID<span class="text-danger"></span></label>
+                                        <input type="text" class="form-control" id="emp_code" name="emp_code">
+                                    </div>
 
-                                <!-- <div class="form-group col-md-3">
+                                    <!-- <div class="form-group col-md-3">
                                     <label for="tpa_id">TPA ID<span class="text-danger"></span></label>
                                     <input type="text" class="form-control" id="tpa_id" name="tpa_id">
                                 </div> -->
 
-                                <div class="form-group col-md-3">
-                                    <label for="emp_mobile_no">Employee Mobile No<span
-                                            class="text-danger"></span></label>
-                                    <input type="text" class="form-control" id="emp_mobile_no" name="emp_mobile_no">
-                                </div>
+                                    <div class="form-group col-md-3">
+                                        <label for="emp_mobile_no">Employee Mobile No<span
+                                                class="text-danger"></span></label>
+                                        <input type="text" class="form-control" id="emp_mobile_no" name="emp_mobile_no">
+                                    </div>
 
-                                <div class="form-group col-md-3">
-                                    <label for="claim_status">Status<span class="text-danger"></span></label>
-                                    <select class="form-control" id="claim_status" name="claim_status">
-                                        <option value="0">Select status</option>
-                                        <?php /*
+                                    <div class="form-group col-md-3">
+                                        <label for="claim_status">Status<span class="text-danger"></span></label>
+                                        <select class="form-control" id="claim_status" name="claim_status">
+                                            <option value="0">Select status</option>
+                                            <?php /*
                                             if (isset($claim_status) && count($claim_status)) {
                                                 foreach ($claim_status as $key => $value) {
                                                     echo "<option value=" . $value['id'] . ">" . $value['status'] . "</option>";
                                                 }
                                             }
                                        */ ?>
-                                    </select>
-                                </div>
+                                        </select>
+                                    </div>
+
+                                    <div class="form-group col-md-12 text-right m-b-0" style="margin-bottom: -15px;">
+                                        <a href="#" class="btn btn-secondary" id="clear-filters">Clear</a>
+                                        <a class="btn btn-primary" id="get-emp-list" onclick="fetchTicketListData();">Submit</a>
+                                    </div>
 
-                                <div class="form-group col-md-12 text-right m-b-0" style="margin-bottom: -15px;">
-                                    <a href="#" class="btn btn-secondary" id="clear-filters">Clear</a>
-                                    <a class="btn btn-primary" id="get-emp-list" onclick="fetchTicketListData();">Submit</a>
                                 </div>
 
                             </div>
-
                         </div>
                     </div>
                 </div>
-            </div>
 
+            </div>
         </div>
     </div>
+    <div class="row" id="ticket_list_div">
+        <?php include('ticket_list.php'); ?>
+    </div>
 </div>
 
+
 <!-- end page title -->
-<div class="row" id="ticket_list_div">
-    <?php include('ticket_list.php'); ?>
-</div>
+
 
 
 <script>
-
-$(document).ready(function() {
+    $(document).ready(function() {
         // Initialize select2
         $('#client_id').select2();
         $('#claim_status').select2();
         $('#insurer_id').select2();
         $('#tpa_id').select2();
-        
-        
+
+
     });
 
-    $('#ticket_type').on('change',function(){
+    $('#ticket_type').on('change', function() {
         var ticket_type = $('#ticket_type').val();
         var claim_status = <?= json_encode($claim_status) ?>;
         $('#claim_status').empty();
         $('#claim_status').append($('<option>', {
-        value: '',
-        text: 'Select Claim Status'
-    }));
+            value: '',
+            text: 'Select Claim Status'
+        }));
 
         // console.log('Claim Status:', claim_status);
-        for (var i = 0;i<claim_status.length;i++){
-            if(claim_status[i]['ticket_type'] == ticket_type){
+        for (var i = 0; i < claim_status.length; i++) {
+            if (claim_status[i]['ticket_type'] == ticket_type) {
                 $('#claim_status').append($('<option>', {
-                value: claim_status[i]['id'], // Use 'id' as the value
-                text: claim_status[i]['claim_status'] // Use 'claim_status' as the text
+                    value: claim_status[i]['id'], // Use 'id' as the value
+                    text: claim_status[i]['claim_status'] // Use 'claim_status' as the text
                 }));
             }
         }
     })
 
-function fetchTicketListData() {
+    function fetchTicketListData() {
 
-    var ticket_type = $('#ticket_type').val();
-    var pod_no = $('#pod_no').val();
-    var claim_no = $('#claim_no').val();
-    var emp_code = $('#emp_code').val();
-    var claim_status = $('#claim_status').val();
-    var emp_mobile_no = $('#emp_mobile_no').val();
-    var tpa_id = $('#tpa_id').val();
-    var client_id = $('#client_id').val();
-    var insurer_id = $('#insurer_id').val();
-    var tpa_id = $('#tpa_id').val();
+        var ticket_type = $('#ticket_type').val();
+        var pod_no = $('#pod_no').val();
+        var claim_no = $('#claim_no').val();
+        var emp_code = $('#emp_code').val();
+        var claim_status = $('#claim_status').val();
+        var emp_mobile_no = $('#emp_mobile_no').val();
+        var tpa_id = $('#tpa_id').val();
+        var client_id = $('#client_id').val();
+        var insurer_id = $('#insurer_id').val();
+        var tpa_id = $('#tpa_id').val();
 
-    var requestData = {
-        ticket_type_id: ticket_type,
-        pod_no: pod_no,
-        claim_number: claim_no,
-        emp_code: emp_code,
-        claim_status_id: claim_status,
-        emp_mobile: emp_mobile_no,
-        tpa_id: tpa_id,
-        client_id: client_id,
-        insurer_id: insurer_id,
-        tpa_id: tpa_id,
-    };
+        var requestData = {
+            ticket_type_id: ticket_type,
+            pod_no: pod_no,
+            claim_number: claim_no,
+            emp_code: emp_code,
+            claim_status_id: claim_status,
+            emp_mobile: emp_mobile_no,
+            tpa_id: tpa_id,
+            client_id: client_id,
+            insurer_id: insurer_id,
+            tpa_id: tpa_id,
+        };
 
-    let filterData = requestData;
-    localStorage.setItem('filterData', JSON.stringify(filterData));
+        let filterData = requestData;
+        localStorage.setItem('filterData', JSON.stringify(filterData));
 
-    console.log("requestData", requestData);
+        console.log("requestData", requestData);
 
-    var url = '<?= base_url('/ticket/list') ?>';
-    $('.loader').fadeIn();
-    $('.loader-mask').fadeIn();
+        var url = '<?= base_url('/ticket/list') ?>';
+        $('.loader').fadeIn();
+        $('.loader-mask').fadeIn();
 
-    sendAjaxRequestForGlobal(url, 'POST', requestData, function(response) {
+        sendAjaxRequestForGlobal(url, 'POST', requestData, function(response) {
 
-        console.log('Filter Responce', response);
+            console.log('Filter Responce', response);
+
+            if (response.status == true) {
+                $('#ticket_list_div').empty();
+                $('#ticket_list_div').html(response.html);
+                $('.loader').fadeOut();
+                $('.loader-mask').delay(350).fadeOut('slow');
+
+            } else {
+                $('.loader').fadeOut();
+                $('.loader-mask').delay(350).fadeOut('slow');
+                let message = response.message;
+                toastr.error(message, 'ERROR');
+            }
+
+        }, function(xhr, status, error) {
+            console.error('Error fetching data:', error);
+            console.error(xhr.responseText);
+            toastr.error('An error occurred while fetching the data.', 'ERROR');
 
-        if (response.status == true) {
-            $('#ticket_list_div').empty();
-            $('#ticket_list_div').html(response.html);
             $('.loader').fadeOut();
             $('.loader-mask').delay(350).fadeOut('slow');
-
-        } else {
-            $('.loader').fadeOut();
-            $('.loader-mask').delay(350).fadeOut('slow');
-            let message = response.message;
-            toastr.error(message, 'ERROR');
-        }
-
-    }, function(xhr, status, error) {
-        console.error('Error fetching data:', error);
-        console.error(xhr.responseText);
-        toastr.error('An error occurred while fetching the data.', 'ERROR');
-
-        $('.loader').fadeOut();
-        $('.loader-mask').delay(350).fadeOut('slow');
-    });
+        });
 
 
-}
-
+    }
 </script>
 
 <script>
-    $(document).ready(function(){
+    $(document).ready(function() {
         let filterData = localStorage.getItem('filterData');
 
         filterData = filterData ? JSON.parse(filterData) : null;
 
         console.log('Filter Data', filterData);
 
-        if(filterData){
+        if (filterData) {
 
             var url = '<?= base_url('/ticket/list') ?>';
             $('.loader').fadeIn();
@@ -255,29 +257,29 @@ function fetchTicketListData() {
 
             sendAjaxRequestForGlobal(url, 'POST', filterData, function(response) {
 
-                    console.log('Filter Responce', response);
-
-                    if (response.status == true) {
-                        $('#ticket_list_div').empty();
-                        $('#ticket_list_div').html(response.html);
-                        $('.loader').fadeOut();
-                        $('.loader-mask').delay(350).fadeOut('slow');
-
-                    } else {
-                        $('.loader').fadeOut();
-                        $('.loader-mask').delay(350).fadeOut('slow');
-                        let message = response.message;
-                        toastr.error(message, 'ERROR');
-                    }
-
-                }, function(xhr, status, error) {
-                    console.error('Error fetching data:', error);
-                    console.error(xhr.responseText);
-                    toastr.error('An error occurred while fetching the data.', 'ERROR');
+                console.log('Filter Responce', response);
 
+                if (response.status == true) {
+                    $('#ticket_list_div').empty();
+                    $('#ticket_list_div').html(response.html);
                     $('.loader').fadeOut();
                     $('.loader-mask').delay(350).fadeOut('slow');
-                });
+
+                } else {
+                    $('.loader').fadeOut();
+                    $('.loader-mask').delay(350).fadeOut('slow');
+                    let message = response.message;
+                    toastr.error(message, 'ERROR');
+                }
+
+            }, function(xhr, status, error) {
+                console.error('Error fetching data:', error);
+                console.error(xhr.responseText);
+                toastr.error('An error occurred while fetching the data.', 'ERROR');
+
+                $('.loader').fadeOut();
+                $('.loader-mask').delay(350).fadeOut('slow');
+            });
 
             $('#ticket_type').val(filterData.ticket_type_id);
             $('#pod_no').val(filterData.pod_no);
@@ -295,9 +297,9 @@ function fetchTicketListData() {
 </script>
 
 <script>
-    $(document).on('click', '#clear-filters', function (e) {
+    $(document).on('click', '#clear-filters', function(e) {
 
-      e.preventDefault(); // Stops the browser from following the link
+        e.preventDefault(); // Stops the browser from following the link
 
         console.log('Clear Filters Area');
 
@@ -312,9 +314,7 @@ function fetchTicketListData() {
         $('#tpa_id').val('0');
         $('#client_id').val('0');
         $('#insurer_id').val('0');
-        
-        window.location.href = "<?= base_url("/ticket/list")?>";
-});
-
 
+        window.location.href = "<?= base_url("/ticket/list") ?>";
+    });
 </script>
\ No newline at end of file
diff --git a/app/Views/tpa_list.php b/app/Views/tpa_list.php
index 91d00fe2..c74df7cd 100755
--- a/app/Views/tpa_list.php
+++ b/app/Views/tpa_list.php
@@ -1,6 +1,5 @@
 <style>
-
-.custom-dropdown-menu {
+  .custom-dropdown-menu {
     display: none;
     position: absolute;
     background-color: #ffffff !important;
@@ -10,310 +9,312 @@
     min-width: 10rem;
     z-index: 9999;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-}
+  }
 
-.custom-dropdown-menu .dropdown-item {
+  .custom-dropdown-menu .dropdown-item {
     display: block !important;
     width: 100% !important;
     padding: 0.5rem 1rem !important;
     color: #212529 !important;
     text-decoration: none !important;
     background-color: transparent !important;
-}
+  }
 
-.custom-dropdown-menu .dropdown-item:hover {
+  .custom-dropdown-menu .dropdown-item:hover {
     background-color: #f8f9fa !important;
     color: #16181b !important;
     cursor: pointer !important;
-}   
+  }
 
-.btn-color{
-  background-color: rgba(52, 174, 178, 1);
-  color: white;
-  border:1px solid rgba(52, 174, 178, 1);
-}
+  .btn-color {
+    background-color: rgba(52, 174, 178, 1);
+    color: white;
+    border: 1px solid rgba(52, 174, 178, 1);
+  }
 
-.btn-color:hover{
+  .btn-color:hover {
     background-color: rgba(41, 139, 142, 1);
     color: white;
-    border:1px solid  rgba(41, 139, 142, 1);
-}
-
+    border: 1px solid rgba(41, 139, 142, 1);
+  }
 </style>
-<div class="row" id="tpa_list">
+<div class="container-fluid-min">
+  <div class="row" id="tpa_list">
     <div class="col-12">
-        <div class="card">
-            <div class="card-body maincard">
-                    <!-- <div class="row" style="margin-bottom:1rem;">
+      <div class="card">
+        <div class="card-body maincard">
+          <!-- <div class="row" style="margin-bottom:1rem;">
                         <div class="col-6" style="align-self: center;">
                             <h4 style="position: relative;">TPA</h4>
                         </div>
                     </div> -->
-                <table data-custom-table-css="table" class="table table-sm table-hover m-0 table-centered dt-responsive nowrap w-100" cellspacing="0"
-                    id="tickets-table">
-                    <thead class="bg-light">
-                        <tr>
-                            <th class="font-weight-medium">Name</th>
-                            <th class="font-weight-medium">Action</th>
-                        </tr>
-                    </thead>
+          <table data-custom-table-css="table" class="table table-sm table-hover m-0 table-centered dt-responsive nowrap w-100" cellspacing="0"
+            id="tickets-table">
+            <thead class="bg-light">
+              <tr>
+                <th class="font-weight-medium">Name</th>
+                <th class="font-weight-medium">Action</th>
+              </tr>
+            </thead>
 
-                    <tbody>
-                    <?php if(is_array($tpaList)) {foreach($tpaList as $row){ ?>
-                      <tr>
-                        <td><?php echo $row['name']; ?> ( <?php echo $row['short_name']; ?> ) </td>
-                        <td>
-                          <div class="btn-group dropdown">
-                            <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown"aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
-                            <div class="dropdown-menu dropdown-menu-right">
-                              <a class="dropdown-item" href="<?= base_url("master/tpa/list/"); ?><?= $row['id'];?>"><i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit</a>
-                              <a class="dropdown-item" data-id="<?= $row['id'];?>" onclick="removeTPA(this)"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Delete</a>
-                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                    <?php }}?>
+            <tbody>
+              <?php if (is_array($tpaList)) {
+                foreach ($tpaList as $row) { ?>
+                  <tr>
+                    <td><?php echo $row['name']; ?> ( <?php echo $row['short_name']; ?> ) </td>
+                    <td>
+                      <div class="btn-group dropdown">
+                        <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                          <a class="dropdown-item" href="<?= base_url("master/tpa/list/"); ?><?= $row['id']; ?>"><i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit</a>
+                          <a class="dropdown-item" data-id="<?= $row['id']; ?>" onclick="removeTPA(this)"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Delete</a>
+                        </div>
+                      </div>
+                    </td>
+                  </tr>
+              <?php }
+              } ?>
 
-                    </tbody>
-                </table>
-            </div>
+            </tbody>
+          </table>
         </div>
+      </div>
     </div><!-- end col -->
+  </div>
 </div>
+
 <!-- end row -->
 <script>
-document.addEventListener("DOMContentLoaded", function () {
+  document.addEventListener("DOMContentLoaded", function() {
     const table = document.getElementById("tickets-table");
-    
+
     // Create custom dropdown
     function createCustomDropdown(row) {
-        // Get the original dropdown items
-        const originalDropdown = row.querySelector('.dropdown-menu');
-        if (!originalDropdown) return null;
-        
-        // Create new dropdown with proper background and spacing
-        const customDropdown = document.createElement('div');
-        customDropdown.className = 'custom-dropdown-menu';
-        
-        // Copy inner content while maintaining icon alignment
-        customDropdown.innerHTML = originalDropdown.innerHTML;
-        
-        return customDropdown;
+      // Get the original dropdown items
+      const originalDropdown = row.querySelector('.dropdown-menu');
+      if (!originalDropdown) return null;
+
+      // Create new dropdown with proper background and spacing
+      const customDropdown = document.createElement('div');
+      customDropdown.className = 'custom-dropdown-menu';
+
+      // Copy inner content while maintaining icon alignment
+      customDropdown.innerHTML = originalDropdown.innerHTML;
+
+      return customDropdown;
     }
 
     let activeDropdown = null;
 
     // Add click event listener to rows
     table.querySelectorAll("tbody tr").forEach(row => {
-        const customDropdown = createCustomDropdown(row);
-        if (!customDropdown) return;
-        
-        document.body.appendChild(customDropdown);
+      const customDropdown = createCustomDropdown(row);
+      if (!customDropdown) return;
 
-        row.addEventListener("click", function(event) {
-            // Ignore clicks on the action column
-            if (event.target.closest('td:last-child')) {
-                return;
-            }
+      document.body.appendChild(customDropdown);
 
-            // Hide any active dropdown
-            if (activeDropdown) {
-                activeDropdown.style.display = 'none';
-            }
+      row.addEventListener("click", function(event) {
+        // Ignore clicks on the action column
+        if (event.target.closest('td:last-child')) {
+          return;
+        }
 
-            // Get click position
-            const rect = event.target.getBoundingClientRect();
-            
-            // Position the dropdown with some offset
-            customDropdown.style.display = 'block';
-            customDropdown.style.position = 'fixed';
-            customDropdown.style.left = `${rect.left}px`;
-            customDropdown.style.top = `${rect.bottom + 5}px`; // Add 5px gap
-            
-            // Set as active dropdown
-            activeDropdown = customDropdown;
-            
-            event.stopPropagation();
-        });
-
-        // Preserve click handlers and add auto-close
-        customDropdown.querySelectorAll('.dropdown-item').forEach(item => {
-            item.addEventListener('click', function(e) {
-              e.preventDefault();
-                const onclickAttr = this.getAttribute('onclick');
-                if (onclickAttr) {
-                    eval(onclickAttr);
-                }
-                
-                const href = this.getAttribute('href');
-                if (href && href !== '#') {
-                    window.location.href = href;
-                }
-
-                // Close the dropdown after handling the click
-                if (activeDropdown) {
-                    activeDropdown.style.display = 'none';
-                    activeDropdown = null;
-                }
-                
-                e.stopPropagation();
-            });
+        // Hide any active dropdown
+        if (activeDropdown) {
+          activeDropdown.style.display = 'none';
+        }
+
+        // Get click position
+        const rect = event.target.getBoundingClientRect();
+
+        // Position the dropdown with some offset
+        customDropdown.style.display = 'block';
+        customDropdown.style.position = 'fixed';
+        customDropdown.style.left = `${rect.left}px`;
+        customDropdown.style.top = `${rect.bottom + 5}px`; // Add 5px gap
+
+        // Set as active dropdown
+        activeDropdown = customDropdown;
+
+        event.stopPropagation();
+      });
+
+      // Preserve click handlers and add auto-close
+      customDropdown.querySelectorAll('.dropdown-item').forEach(item => {
+        item.addEventListener('click', function(e) {
+          e.preventDefault();
+          const onclickAttr = this.getAttribute('onclick');
+          if (onclickAttr) {
+            eval(onclickAttr);
+          }
+
+          const href = this.getAttribute('href');
+          if (href && href !== '#') {
+            window.location.href = href;
+          }
+
+          // Close the dropdown after handling the click
+          if (activeDropdown) {
+            activeDropdown.style.display = 'none';
+            activeDropdown = null;
+          }
+
+          e.stopPropagation();
         });
+      });
     });
 
     // Close dropdown when clicking outside
     document.addEventListener("click", function() {
-        if (activeDropdown) {
-            activeDropdown.style.display = 'none';
-            activeDropdown = null;
-        }
+      if (activeDropdown) {
+        activeDropdown.style.display = 'none';
+        activeDropdown = null;
+      }
     });
-});
+  });
 </script>
 
 <script>
+  $(document).ready(function() {
 
- $(document).ready(function(){
+    $('#tickets-table').DataTable({
+      dom: "<'d-flex justify-content-between align-items-center'<'datatable-search'f><'datatable-buttons'B>>" +
+        "<'row'<'col-sm-12'tr>>" +
+        "<'row'<'col-sm-5'i><'col-sm-7'p>>",
+      buttons: [{
+          extend: 'csv',
+          text: 'CSV',
+          title: 'TPAList',
+          exportOptions: {
+            columns: ':not(:last-child)'
+          }
+        },
+        {
+          text: 'ADD',
+          className: 'btn btn-color',
+          action: function() {
+            window.location.href = "<?= base_url("master/tpa/create"); ?>";
+          }
+        }
 
-  $('#tickets-table').DataTable({
-        dom:  "<'row'<'col-sm-0'f><'col-sm-9 text-right'B>>" + 
-              "<'row'<'col-sm-12'tr>>" + 
-              "<'row'<'col-sm-5'i><'col-sm-7'p>>" ,
-        buttons: [
-            {
-                extend: 'csv',
-                text: 'CSV', 
-                title: 'TPAList', 
-                exportOptions: {
-                    columns: ':not(:last-child)'
-                }
-            },
-            {
-                text: 'ADD',
-                className: 'btn btn-color',
-                action: function () {
-                    window.location.href = "<?= base_url("master/tpa/create"); ?>";
-                }
-            }
-
-        ],
+      ],
 
 
-        language: {
-            search: `
+      language: {
+        search: `
                     <div class="datatable-search-wrapper">
                         _INPUT_
                         <i class="mdi mdi-magnify datatable-search-icon"></i>
                     </div>`,
-                    searchPlaceholder: "Search"
-        },
-        paging: true ,
+        searchPlaceholder: "Search"
+      },
+      paging: true,
     });
 
- }) 
+  })
 
-const btnExport = document.querySelector("#btnExport");
-const tableElement = document.querySelector("#tickets-table");
+  const btnExport = document.querySelector("#btnExport");
+  const tableElement = document.querySelector("#tickets-table");
 
-btnExport.addEventListener("click", () => {
-  const obj = new csvExport(tableElement);
-  const csvData = obj.exportCsv();
-  const blob = new Blob([csvData], { type: "text/csv" });
-  const url = URL.createObjectURL(blob);
-  const a = document.createElement("a");
-  a.href = url;
-  a.download = "TPAList.csv";
-  a.click();
+  btnExport.addEventListener("click", () => {
+    const obj = new csvExport(tableElement);
+    const csvData = obj.exportCsv();
+    const blob = new Blob([csvData], {
+      type: "text/csv"
+    });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = "TPAList.csv";
+    a.click();
 
-  setTimeout(() => {
-    URL.revokeObjectURL(url);
-  }, 500);
-});
+    setTimeout(() => {
+      URL.revokeObjectURL(url);
+    }, 500);
+  });
 
 
-class csvExport {
-  constructor(table, header = true) {
-    this.table = table;
-    this.rows = Array.from(table.querySelectorAll("tr"));
-    if (!header && this.rows[0].querySelectorAll("th").length) {
-      this.rows.shift();
-    }
-  }
-
-  exportCsv() {
-    const lines = [];
-    const ncols = this._longestRow();
-    for (const row of this.rows) {
-      let line = "";
-      for (let i = 0; i < ncols - 1; i++) { // Exclude the last column
-        if (row.children[i] !== undefined) {
-          line += csvExport.safeData(row.children[i]);
-        }
-        line += i !== ncols - 2 ? "," : ""; // Adjusted for the last column exclusion
+  class csvExport {
+    constructor(table, header = true) {
+      this.table = table;
+      this.rows = Array.from(table.querySelectorAll("tr"));
+      if (!header && this.rows[0].querySelectorAll("th").length) {
+        this.rows.shift();
       }
-      lines.push(line);
     }
-    return lines.join("\n");
+
+    exportCsv() {
+      const lines = [];
+      const ncols = this._longestRow();
+      for (const row of this.rows) {
+        let line = "";
+        for (let i = 0; i < ncols - 1; i++) { // Exclude the last column
+          if (row.children[i] !== undefined) {
+            line += csvExport.safeData(row.children[i]);
+          }
+          line += i !== ncols - 2 ? "," : ""; // Adjusted for the last column exclusion
+        }
+        lines.push(line);
+      }
+      return lines.join("\n");
+    }
+
+    _longestRow() {
+      return this.rows.reduce((length, row) => (row.childElementCount > length ? row.childElementCount : length), 0);
+    }
+
+    static safeData(td) {
+      let data = td.textContent;
+      //Replace all double quote to two double quotes
+      data = data.replace(/"/g, `""`);
+      //Replace , and \n to double quotes
+      data = /[",\n"]/.test(data) ? `"${data}"` : data;
+      return data;
+    }
   }
 
-  _longestRow() {
-    return this.rows.reduce((length, row) => (row.childElementCount > length ? row.childElementCount : length), 0);
-  }
 
-  static safeData(td) {
-    let data = td.textContent;
-    //Replace all double quote to two double quotes
-    data = data.replace(/"/g, `""`);
-    //Replace , and \n to double quotes
-    data = /[",\n"]/.test(data) ? `"${data}"` : data;
-    return data;
-  }
-}
+  function removeTPA(element) {
 
+    Swal.fire({
+      title: "Are you sure?",
+      text: "You need to remove this TPA",
+      icon: "info",
+      showCancelButton: true,
+      confirmButtonColor: "#3085d6",
+      confirmButtonText: "Yes",
+    }).then((result) => {
 
-function removeTPA(element) {
-
-  Swal.fire({
-            title: "Are you sure?",
-            text: "You need to remove this TPA",
-            icon: "info",
-            showCancelButton: true,
-            confirmButtonColor: "#3085d6",
-            confirmButtonText: "Yes",
-        }).then((result) => {
-
-            if (result.isConfirmed) {
-              var id = element.getAttribute('data-id');
-              var form_action = '<?= base_url("master/tpa/remove/") ?>' + id; 
-              $.ajax({
-                  url: form_action,
-                  type: "GET",
-                  dataType: 'json',
-                  processData: false,
-                  contentType: false,
-                  success: function(res) {
-                    // console.log(res.status == true);
-                      if(res){
-                        if (res.status == true) {
-                          toastr.success('TPA removed successfully', 'success');
-                          location.reload();
-                        } else {
-                          toastr.warning('Failed to remove TPA', 'warning');
-                        }
-                      }
-                  },
-                  error: function (xhr, status, error) {
-                      console.error(xhr.responseText);
-                      console.error(status, error);
-                      $('.loader').fadeOut();
-                      $('.loader-mask').delay(350).fadeOut('slow');
-                      toastr.warning('Failed to remove TPA', 'warning');
-                  }
-              });
+      if (result.isConfirmed) {
+        var id = element.getAttribute('data-id');
+        var form_action = '<?= base_url("master/tpa/remove/") ?>' + id;
+        $.ajax({
+          url: form_action,
+          type: "GET",
+          dataType: 'json',
+          processData: false,
+          contentType: false,
+          success: function(res) {
+            // console.log(res.status == true);
+            if (res) {
+              if (res.status == true) {
+                toastr.success('TPA removed successfully', 'success');
+                location.reload();
+              } else {
+                toastr.warning('Failed to remove TPA', 'warning');
+              }
             }
-
+          },
+          error: function(xhr, status, error) {
+            console.error(xhr.responseText);
+            console.error(status, error);
+            $('.loader').fadeOut();
+            $('.loader-mask').delay(350).fadeOut('slow');
+            toastr.warning('Failed to remove TPA', 'warning');
+          }
         });
+      }
+
+    });
   }
-
-
 </script>
\ No newline at end of file
diff --git a/app/Views/variance_report_list.php b/app/Views/variance_report_list.php
index ac39d28f..edabc71d 100644
--- a/app/Views/variance_report_list.php
+++ b/app/Views/variance_report_list.php
@@ -1,44 +1,38 @@
 <style>
-.table th,
-.table td {
-    padding: 8px;
-}
+    .table th,
+    .table td {
+        padding: 8px;
+    }
 
-table.dataTable tbody td {
-    padding: 4px 4px !important;
-}
+    table.dataTable tbody td {
+        padding: 4px 4px !important;
+    }
 
-.col-12 {
+    
 
-    max-width: 98% !important;
-}
+    .dataTables_filter {
+        position: absolute;
+    }
 
-.dataTables_filter {
-    position: absolute;
-}
+    .right-align-input {
+        text-align: right;
+    }
 
-.right-align-input {
-    text-align: right;
-}
-
-.center-align-input {
-    text-align: center;
-}
+    .center-align-input {
+        text-align: center;
+    }
 </style>
 
-<div class="col-12">
-    <h3  class="ml-1 mb-3"> <span class="font-color-black">Variance</span> </h3>
-</div>
-
-<div class="col-12" id="varience_filter">
+<div class="container-fluid-min">
+    <div class="col-12" id="varience_filter">
         <div id="accordion" class="mb-3">
-                <label class="m-1 d-flex justify-content-between align-items-center">
-                    <span class="title-text  font-color-black" style="margin-top: 8px;">Filters</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>
+            <label class="m-1 d-flex justify-content-between align-items-center">
+                <h4>Filters</h4>
+                <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">
                     <div class="card-body">
@@ -61,7 +55,7 @@ table.dataTable tbody td {
 
                                 <div class="form-group col-md-3">
                                     <label for="insurer_id"> Insurer <span id="base_danger" class="text-danger"></span></label>
-                                    <select class="form-control" id="insurer_id" name="insurer_id" onchange="getClientPolicyDataBasedOnClientAndInsuer()" >
+                                    <select class="form-control" id="insurer_id" name="insurer_id" onchange="getClientPolicyDataBasedOnClientAndInsuer()">
                                         <option value="0" selected>Select Insurer</option>
                                     </select>
                                 </div>
@@ -78,18 +72,18 @@ table.dataTable tbody td {
                                     <select class="form-control" id="policy_type_id" name="policy_type_id" onchange="getClientPolicyDataBasedOnClientAndInsuer()">
                                         <option value="0">Select Policy Type</option>
                                         <?php
-                                            if (isset($policy_types) && count($policy_types)) {
-                                                foreach ($policy_types as $key => $value) {
-                                                    echo "<option value='" . $value['id'] . "'>" . $value['policy_type'] . "</option>";
-                                                }
+                                        if (isset($policy_types) && count($policy_types)) {
+                                            foreach ($policy_types as $key => $value) {
+                                                echo "<option value='" . $value['id'] . "'>" . $value['policy_type'] . "</option>";
                                             }
+                                        }
                                         ?>
                                     </select>
                                 </div>
 
                                 <div class="form-group col-md-3">
                                     <label for="client_policy_id"> Client Policy <span id="base_danger" class="text-danger"></span></label>
-                                    <select class="form-control" id="client_policy_id" name="client_policy_id" >
+                                    <select class="form-control" id="client_policy_id" name="client_policy_id">
                                         <option value="0" selected>Select client policy</option>
                                     </select>
                                 </div>
@@ -99,11 +93,11 @@ table.dataTable tbody td {
                                     <select class="form-control" id="issuer" name="issuer" required>
                                         <option value="0">Select Issure</option>
                                         <?php
-                                            if (isset($issuer) && count($issuer)) {
-                                                foreach ($issuer as $key => $value) {
-                                                    echo "<option value=" . $key . ">" . $value . "</option>";
-                                                }
+                                        if (isset($issuer) && count($issuer)) {
+                                            foreach ($issuer as $key => $value) {
+                                                echo "<option value=" . $key . ">" . $value . "</option>";
                                             }
+                                        }
                                         ?>
                                     </select>
                                 </div>
@@ -114,11 +108,11 @@ table.dataTable tbody td {
                                         onchange="hideDateField()">
                                         <option value="0">Select Date Type</option>
                                         <?php
-                                            if (isset($date_type) && count($date_type)) {
-                                                foreach ($date_type as $key => $value) {
-                                                    echo "<option value='" . $key . "'>" . $value . "</option>";
-                                                }
+                                        if (isset($date_type) && count($date_type)) {
+                                            foreach ($date_type as $key => $value) {
+                                                echo "<option value='" . $key . "'>" . $value . "</option>";
                                             }
+                                        }
                                         ?>
                                     </select>
                                 </div>
@@ -126,7 +120,7 @@ table.dataTable tbody td {
                                 <div class="form-group col-md-3" style="display: none;" id="date_div">
                                     <label>Date<span class="text-danger"></span></label>
                                     <div class="input-icon">
-                                        <input type="text" id="reportrange" class="form-control" readonly  style="caret-color: transparent;">
+                                        <input type="text" id="reportrange" class="form-control" readonly style="caret-color: transparent;">
                                         <i class="mdi mdi-calendar-blank-outline additional-icon"></i>
                                     </div>
                                     <input type="hidden" id="startDate">
@@ -148,541 +142,533 @@ table.dataTable tbody td {
                 </div>
             </div>
         </div>
-</div>
+    </div>
+
+    <div class="col-12" id="varience_list">
+        <div class="card">
+            <div class="card-body">
+                <div class="row" style="padding-bottom: 10px;">
+                    <div class="col-6" style="align-self: center;">
+                        <h4 style="position: relative;">Variance Report</h4>
+                    </div>
 
-<div class="col-12" id="varience_list">
-    <div class="card">
-        <div class="card-body">
-            <div class="row" style="padding-bottom: 10px;">
-                <div class="col-6" style="align-self: center;">
-                    <h4 style="position: relative;">Variance Report</h4>
                 </div>
+                <div class="table-responsive">
+                    <table data-custom-table-css="table" id="scroll-horizontal-datatable" class="table w-100 nowrap">
+                        <thead class="bg-light">
+                            <tr>
+                                <th>S.No</th>
+                                <th>Client</th>
+                                <th>Client Branch</th>
+                                <th>Insurer</th>
+                                <th>Insurer Branch</th>
+                                <th>Policy</th>
+                                <th>Endorsement No</th>
+                                <th>Premium</th>
+                                <th>Statement Premium</th>
+                                <th>Premium Variance</th>
+                                <th>Expected Amount</th>
+                                <th>Statement Amount</th>
+                                <th>Variance</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <?php if (isset($varience_list)) { ?>
+                                <?php foreach ($varience_list as $index => $row) { ?>
+                                    <tr>
+                                        <td><?= $index + 1 ?></td>
+                                        <td><?php echo $row['client_name']; ?></td>
+                                        <td><?php echo $row['client_branch_name']; ?></td>
+                                        <td><?php echo $row['insurer_name']; ?></td>
+                                        <td><?php echo $row['insurer_branch_name']; ?></td>
+                                        <td><?php echo $row['policy_type'] . ' - ' . $row['policy_no']; ?></td>
+                                        <td><?php echo $row['endorsement_no']; ?></td>
+                                        <td class="right-align-input"><?php echo $row['original_premium']; ?></td>
+                                        <td class="right-align-input"><?php echo isset($row['statement_premium']) ? $row['statement_premium'] : '0.00'; ?></td>
+                                        <td class="right-align-input"><?php echo $row['premium_variance_amt']; ?></td>
+                                        <td class="right-align-input"><?php echo $row['exp_amt']; ?></td>
+                                        <td class="right-align-input"><?php echo isset($row['statement_amount']) ? $row['statement_amount'] : '0.00'; ?></td>
+                                        <td class="right-align-input"><?php echo isset($row['variance_amt']) ? $row['variance_amt'] : '0.00'; ?></td>
+                                    </tr>
+                                <?php } ?>
+                            <?php } ?>
+                        </tbody>
+                    </table>
 
-            </div>
-            <div class="table-responsive">
-                <table data-custom-table-css="table" id="scroll-horizontal-datatable" class="table w-100 nowrap">
-                    <thead class="bg-light">
-                        <tr>
-                            <th>S.No</th>
-                            <th>Client</th>
-                            <th>Client Branch</th>
-                            <th>Insurer</th>
-                            <th>Insurer Branch</th>
-                            <th>Policy</th>
-                            <th>Endorsement No</th>
-                            <th>Premium</th>
-                            <th>Statement Premium</th>
-                            <th>Premium Variance</th>
-                            <th>Expected Amount</th>
-                            <th>Statement Amount</th>
-                            <th>Variance</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <?php if (isset($varience_list)) { ?>
-                        <?php foreach($varience_list as $index => $row){ ?>
-                        <tr>
-                            <td><?= $index + 1 ?></td>
-                            <td><?php echo $row['client_name']; ?></td>
-                            <td><?php echo $row['client_branch_name']; ?></td>
-                            <td><?php echo $row['insurer_name']; ?></td>
-                            <td><?php echo $row['insurer_branch_name']; ?></td>
-                            <td><?php echo $row['policy_type'] .' - '. $row['policy_no']; ?></td>
-                            <td><?php echo $row['endorsement_no']; ?></td>
-                            <td class="right-align-input"><?php echo $row['original_premium']; ?></td>
-                            <td class="right-align-input"><?php echo isset($row['statement_premium']) ? $row['statement_premium'] : '0.00'; ?></td>
-                            <td class="right-align-input"><?php echo $row['premium_variance_amt']; ?></td>
-                            <td class="right-align-input"><?php echo $row['exp_amt']; ?></td>
-                            <td class="right-align-input"><?php echo isset($row['statement_amount']) ? $row['statement_amount'] : '0.00'; ?></td>
-                            <td class="right-align-input"><?php echo isset($row['variance_amt']) ? $row['variance_amt'] : '0.00'; ?></td>
-                        </tr>
-                        <?php } ?>
-                        <?php } ?>
-                    </tbody>
-                </table>
-
-                <div>
+                    <div>
+                    </div>
                 </div>
-            </div>
-        </div><!-- end col -->
+            </div><!-- end col -->
+        </div>
     </div>
 </div>
 
+
 <script>
+    let client_list = [];
+    let branch_list = [];
+    let policy_list = [];
+    let insurer_list = [];
+    let insurer_branch_list = [];
 
-let client_list = [];
-let branch_list = [];
-let policy_list = [];
-let insurer_list = [];
-let insurer_branch_list = [];
+    // Datatable document ready
+    $(document).ready(function() {
 
-// Datatable document ready
-$(document).ready(function() {
+        var ticketsTable = $('#scroll-horizontal-datatable');
 
-    var ticketsTable = $('#scroll-horizontal-datatable');
+        if (ticketsTable.length) {
+            ticketsTable.DataTable({
+                scrollX: true,
+                dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
+                    "<'row'<'col-sm-12'tr>>" +
+                    "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
+                buttons: [{
+                    extend: 'collection',
+                    text: '<span class=" btn-custom"> Export </span><i class="mdi mdi-menu-down"></i>',
+                    className: 'btn app-btn-secondary ',
+                    buttons: [{
+                            extend: 'csv',
+                            text: '<i class="mdi mdi-file-delimited " ></i><span class="  btn-custom">  CSV </span>',
+                            title: 'Policy-Tranction-BDS-List',
+                        },
+                        {
+                            extend: 'excel',
+                            text: '<i class="mdi mdi-file-excel " ></i><span class="  btn-custom">  EXCEL </span>',
+                            title: 'Policy-Tranction-BDS-List',
+                            customize: function(xlsx) {
+                                var sheet = xlsx.xl.worksheets['sheet1.xml'];
+                                var total = 0;
 
-    if (ticketsTable.length) {
-        ticketsTable.DataTable({
-            scrollX: true,
-            dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
-                "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
-            buttons: [
-            {
-            extend: 'collection',
-            text: '<span class=" btn-custom"> Export </span><i class="mdi mdi-menu-down"></i>',
-            className: 'btn app-btn-secondary ',
-            buttons: [{
-                    extend: 'csv',
-                    text: '<i class="mdi mdi-file-delimited " ></i><span class="  btn-custom">  CSV </span>',
-                    title: 'Policy-Tranction-BDS-List',
-                },
-                {
-                    extend: 'excel',
-                    text: '<i class="mdi mdi-file-excel " ></i><span class="  btn-custom">  EXCEL </span>',
-                    title: 'Policy-Tranction-BDS-List',
-                    customize: function(xlsx) {
-                        var sheet = xlsx.xl.worksheets['sheet1.xml'];
-                        var total = 0;
+                                // Find cells in column AB (28th column in Excel)
+                                $('row c[r^="AB"]', sheet).each(function() {
+                                    var value = parseFloat($('v', this)
+                                        .text()); // Get the value inside the cell
+                                    if (!isNaN(value)) {
+                                        total += value;
+                                    }
+                                });
 
-                        // Find cells in column AB (28th column in Excel)
-                        $('row c[r^="AB"]', sheet).each(function() {
-                            var value = parseFloat($('v', this)
-                        .text()); // Get the value inside the cell
-                            if (!isNaN(value)) {
-                                total += value;
+                                // Get the last row index and append the total row
+                                var lastRow = $('row:last', sheet);
+                                var rowIndex = parseInt(lastRow.attr('r')) +
+                                    2; // Find the next row index
+                                var totalRow = '<row r="' + rowIndex + '">' +
+                                    '<c t="inlineStr" r="AA' + rowIndex +
+                                    '"><is><t>Total</t></is></c>' + // Insert "Total" in AA
+                                    '<c t="n" r="AB' + rowIndex + '"><v>' + total.toFixed(2) +
+                                    '</v></c>' + // Insert sum in AB
+                                    '</row>';
+
+                                // Append the new total row to the sheet
+                                $(sheet).find('sheetData').append(totalRow);
                             }
-                        });
-
-                        // Get the last row index and append the total row
-                        var lastRow = $('row:last', sheet);
-                        var rowIndex = parseInt(lastRow.attr('r')) +
-                        2; // Find the next row index
-                        var totalRow = '<row r="' + rowIndex + '">' +
-                            '<c t="inlineStr" r="AA' + rowIndex +
-                            '"><is><t>Total</t></is></c>' + // Insert "Total" in AA
-                            '<c t="n" r="AB' + rowIndex + '"><v>' + total.toFixed(2) +
-                            '</v></c>' + // Insert sum in AB
-                            '</row>';
-
-                        // Append the new total row to the sheet
-                        $(sheet).find('sheetData').append(totalRow);
-                    }
-                }
-            ]
-            }
-            ],
-            language: {
-                search: "_INPUT_",
-                searchPlaceholder: "Search..."
-            },
-            paging: true, // Enable pagination
-            pageLength: 25 // Set default number of rows per page (optional)
-        });
-    } else {
-        console.error("Table not found.");
-    }
-});
-
-$(document).ready(function() {
-    getClientAndBranchAndPolicy()
-    getURLParams()
-    $('#client_id').select2();
-    $('#client_branch_id').select2();
-    $('#insurer_id').select2();
-    $('#insurer_branch_id').select2();
-    $('#client_policy_id').select2();
-    $('#policy_type_id').select2();
-})
-
-function fetchEmpolyeeList(event) 
-{
-    event.preventDefault(); // Prevent default action
-
-    var start_date = $('#startDate').val();
-    var end_date = $('#endDate').val();
-    var client_id = $('#client_id').val();
-    var insurer_id = $('#insurer_id').val();
-    var policy_type_id = $('#policy_type_id').val();
-    var date_type = $('#date_type').val();
-    var issuer = $('#issuer').val();
-    var client_branch_id = $('#client_branch_id').val();
-    var insurer_branch_id = $('#insurer_branch_id').val();
-    var client_policy_id = $('#client_policy_id').val();
-
-    console.log(start_date + '-' + end_date);
-
-    var queryParams = {
-        start_date: start_date,
-        end_date: end_date,
-        client_id: client_id,
-        insurer_id: insurer_id,
-        policy_type_id: policy_type_id,
-        date_type: date_type,
-        issuer: issuer,
-        client_branch_id: client_branch_id,
-        insurer_branch_id: insurer_branch_id,
-        client_policy_id: client_policy_id,
-    };
-
-    const queryString = objectToQueryString(queryParams);
-    const apiURL = $('#get-emp-list').attr('href') + "?" + queryString;
-    console.log(apiURL);
-    window.location.href = apiURL;
-}
-
-function objectToQueryString(obj) {
-    return Object.keys(obj).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`).join('&');
-}
-
-function getURLParams() 
-{
-    const url = new URL(window.location.href);
-    const params = new URLSearchParams(url.search);
-
-    const startDate = params.get('start_date') || 0; // Default to 0 if not found
-    const endDate = params.get('end_date') || 0; // Default to 0 if not found
-    const client_id = params.get('client_id') || 0; // Default to 0 if not found
-    const insurer_id = params.get('insurer_id') || 0; // Default to 0 if not found
-    const policy_type_id = params.get('policy_type_id') || 0; // Default to 0 if not found
-    const date_type = params.get('date_type') || 0; // Default to 0 if not found
-    const issuer = params.get('issuer') || 0; // Default to 0 if not found
-    const client_branch_id = params.get('client_branch_id') || 0; // Default to 0 if not found
-    const insurer_branch_id = params.get('insurer_branch_id') || 0; // Default to 0 if not found
-    const client_policy_id = params.get('client_policy_id') || 0; // Default to 0 if not found
-
-    hideDateField(date_type)
-
-    console.log('startDate', startDate)
-    console.log('endDate', endDate)
-    console.log('client_id', client_id)
-    console.log('insurer_id', insurer_id)
-    console.log('policy_type_id', policy_type_id)   
-    console.log('date_type', date_type)
-    console.log('issuer', issuer)
-    console.log('client_branch_id', client_branch_id)
-    console.log('insurer_branch_id', insurer_branch_id)
-    console.log('client_policy_id', client_policy_id)
-
-    // Log the values or use them as needed
-    console.log('Start Date:', startDate);
-    console.log('End Date:', endDate);
-
-    if (startDate != 0 && endDate != 0) {
-        setTimeout(function(){
-            $('#start_date').val(startDate)
-            $('#end_date').val(endDate)
-            $('#client_id').val(client_id).change()
-            $('#insurer_id').val(insurer_id).change()
-            $('#policy_type_id').val(policy_type_id).change()
-            $('#date_type').val(date_type)
-            $('#issuer').val(issuer)
-            setTimeout(function(){
-                $('#client_branch_id').val(client_branch_id).change()
-                $('#insurer_branch_id').val(insurer_branch_id).change()
-                setTimeout(function(){
-                    $('#client_policy_id').val(client_policy_id).change();
-                }, 1000);
-            }, 2000)
-        },2000)
-
-    }
-
-}
-
-$(function() {
-
-    const url = new URL(window.location.href);
-    const params = new URLSearchParams(url.search);
-
-    // Get start and end dates from URL parameters, or use default values
-    const startDateParam = params.get('start_date') || moment().subtract(29, 'days').format('DD-MM-YYYY');
-    const endDateParam = params.get('end_date') || moment().format('DD-MM-YYYY');
-
-    // Parse the dates to moment objects
-    var start = moment(startDateParam, 'DD-MM-YYYY');
-    var end = moment(endDateParam, 'DD-MM-YYYY');
-
-    // var start = moment().subtract(29, 'days');
-    // var end = moment();
-
-    function cb(start, end) {
-        $('#reportrange').html(start.format('D-MM-YYYY') + ' - ' + end.format('D-MM-YYYY'));
-        $('#startDate').val(start.format('DD-MM-YYYY'));
-        $('#endDate').val(end.format('DD-MM-YYYY'));
-    }
-
-    $('#reportrange').daterangepicker({
-        startDate: start,
-        endDate: end,
-        locale: { format: 'DD-MM-YYYY' },
-        ranges: {
-            'Today': [moment(), moment()],
-            'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
-            'Last 7 Days': [moment().subtract(6, 'days'), moment()],
-            'Last 30 Days': [moment().subtract(29, 'days'), moment()],
-            'This Month': [moment().startOf('month'), moment().endOf('month')],
-            'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month')
-                .endOf('month')
-            ]
-        }
-    }, cb);
-
-    cb(start, end);
-
-    $('#clear-filters').on('click', function() {
-        // Reset all select dropdowns to the first option
-        $('#client_id').val('0').change();
-        $('#insurer_id').val('0').change();
-        $('#policy_type_id').val('0').change();
-        $('#date_type').val('0');
-        $('#issuer').val('0');
-        $('#date_div').hide()
-
-        // Reset the date range picker to default
-        $('#reportrange').data('daterangepicker').setStartDate(moment().subtract(29, 'days'));
-        $('#reportrange').data('daterangepicker').setEndDate(moment());
-        cb(start, end); // Update the displayed date range
-    });
-
-});
-
-function hideDateField(input = null) {
-    let val = $('#date_type').val();
-
-    if (input) {
-        val = input;
-    }
-
-    if (val != 0) {
-        $('#date_div').show()
-    } else {
-        $('#date_div').hide()
-    }
-}
-
-function sendPolicyTransactionID(event, pt_id) {
-    event.preventDefault(); // Prevent default action
-
-    console.log(pt_id);
-
-    var queryParams = {
-        pt_id: pt_id,
-    };
-
-    const queryString = objectToQueryString(queryParams);
-    const apiURL = $('#get-policy-list').attr('href') + "?" + queryString;
-    console.log(apiURL);
-    window.location.href = apiURL;
-}
-
-// -------------------------------------------------------------------------------------------------
-
-//featch client, client branch, insurer, insurer branch and client policy list data
-function getClientAndBranchAndPolicy()
-{   
-    $.ajax({
-        url: '<?= base_url("/util/getClientAndBranchAndPolicy") ?>',
-        type: "GET",
-        dataType: 'json',
-        success: function(res) {
-
-            console.log('getClientAndBranchAndPolicy', res);
-            if(res.status == true){
-                client_list = res.client_data;
-                branch_list = res.branch_data;
-                policy_list = res.policy_data;
-                insurer_list = res.insurer_data;
-                insurer_branch_list = res.insurer_branch_data;
-                appendClients(res.client_data);
-                appendInsurer(res.insurer_data);
-            }else{
-                console.log('No data found');
-            }
-
-        },
-        error: function(xhr, status, error) {
-            console.error(xhr.responseText);
-            console.error(status, error);
+                        }
+                    ]
+                }],
+                language: {
+                    search: "_INPUT_",
+                    searchPlaceholder: "Search..."
+                },
+                paging: true, // Enable pagination
+                pageLength: 25 // Set default number of rows per page (optional)
+            });
+        } else {
+            console.error("Table not found.");
         }
     });
-}
 
-//append clients for filter 
-function appendClients(data) 
-{
-    $('#client_id').empty();
-
-    $('#client_id').append($('<option>', {
-        value: '',
-        text: 'Select Client'
-    }));
-
-    $.each(data, function(index, item) {
-        var option = $('<option>', {
-            value: item.id,
-            text: item.client_name,
-            'data-cn': item.client_name,
-            'data-ct': item.client_type,
-            class: (item.client_type == 1) ? 'group' : (item.client_type == 2) ? 'individual' : ''
-        });
-
-        $('#client_id').append(option);
-    });
-
-}
-
-//append clients branch for filter 
-function appendBranch(data) 
-{
-
-    $('#client_branch_id').empty();
-
-    $('#client_branch_id').append($('<option>', {
-        value: '',
-        text: 'Select Branch'
-    }));
-
-    $.each(data, function(index, item) {
-
-        var option = $('<option>', {
-            value: item.id,
-            text: item.branch_name 
-        });
-        $('#client_branch_id').append(option);
-    });
-}
-
-//append insurer for filter 
-function appendInsurer(data) 
-{
-    $('#insurer_id').empty();
-
-    $('#insurer_id').append($('<option>', {
-        value: '',
-        text: 'Select Insurer'
-    }));
-
-    $.each(data, function(index, item) {
-        var option = $('<option>', {
-            value: item.id,
-            text: item.name,
-        });
-
-        $('#insurer_id').append(option);
-    });
-
-}
-
-//append insurer branch for filter 
-function appendInsurerBranch(data) 
-{
-
-    $('#insurer_branch_id').empty();
-
-    $('#insurer_branch_id').append($('<option>', {
-        value: '',
-        text: 'Select Insurer Branch'
-    }));
-
-    $.each(data, function(index, item) {
-
-        var option = $('<option>', {
-            value: item.id,
-            text: item.branch_name 
-        });
-        $('#insurer_branch_id').append(option);
-    });
-}
-
-//append client policy for filter
-function appendPolicies(data)
-{
-    // console.log('appendPolicies', data);
-    // console.log('appendPolicies', $('#client_policy_id'));
-    
-    $('#client_policy_id').empty();
-    $('#client_policy_id').append($('<option>', {
-        value: '',
-        text: 'Select Policy',
-    }));
-
-    $.each(data, function(index, item) {
-        var option = $('<option>', {
-            value: item.id,
-            text: item.policy_type + '-' + item.policy_no,
-        });
-        $('#client_policy_id').append(option);
-    });
-}
-
-// -------------------------------------------------------------------------------------------------
-
-//client branch and insurer branch onchange document ready function
-$(document).ready(function(){
-
-    $('#client_id').change(function(){
-
-        let client_id = $(this).val();
-        console.log('client_id', client_id);
-
-        if(branch_list != '') {
-            // console.log(branch_list[client_id]);
-            let data = branch_list[client_id];
-            appendBranch(data);
-        }
-        
+    $(document).ready(function() {
+        getClientAndBranchAndPolicy()
+        getURLParams()
+        $('#client_id').select2();
+        $('#client_branch_id').select2();
+        $('#insurer_id').select2();
+        $('#insurer_branch_id').select2();
+        $('#client_policy_id').select2();
+        $('#policy_type_id').select2();
     })
 
-    $('#insurer_id').change(function(){
+    function fetchEmpolyeeList(event) {
+        event.preventDefault(); // Prevent default action
 
-        let insurer_id = $(this).val();
-        console.log('insurer_id', insurer_id);
+        var start_date = $('#startDate').val();
+        var end_date = $('#endDate').val();
+        var client_id = $('#client_id').val();
+        var insurer_id = $('#insurer_id').val();
+        var policy_type_id = $('#policy_type_id').val();
+        var date_type = $('#date_type').val();
+        var issuer = $('#issuer').val();
+        var client_branch_id = $('#client_branch_id').val();
+        var insurer_branch_id = $('#insurer_branch_id').val();
+        var client_policy_id = $('#client_policy_id').val();
 
-        if(insurer_branch_list != '') {
-            // console.log(insurer_branch_list[insurer_id]);
-            let data = insurer_branch_list[insurer_id];
-            appendInsurerBranch(data);
-        }
+        console.log(start_date + '-' + end_date);
 
-    })
-
-});
-
-//get policy list based on the client, client_branch, insurer, insurer_branch and policy type
-function getClientPolicyDataBasedOnClientAndInsuer(){
-
-    let client_id = $('#client_id').val() ?? 0;
-    let client_branch_id = $('#client_branch_id').val() ?? 0;
-    let insurer_id = $('#insurer_id').val() ?? 0;
-    let insurer_branch_id = $('#insurer_branch_id').val() ?? 0;
-    let policy_type_id = $('#policy_type_id').val() ?? 0;
-
-    let url = '<?= base_url('util/getClientPolicyDataBasedOnClientAndInsuer/') ?>';
-
-    let requestData = { 
-            client_id: client_id, 
-            client_branch_id: client_branch_id, 
-            insurer_id: insurer_id, 
-            insurer_branch_id: insurer_branch_id, 
-            policy_type_id: policy_type_id, 
+        var queryParams = {
+            start_date: start_date,
+            end_date: end_date,
+            client_id: client_id,
+            insurer_id: insurer_id,
+            policy_type_id: policy_type_id,
+            date_type: date_type,
+            issuer: issuer,
+            client_branch_id: client_branch_id,
+            insurer_branch_id: insurer_branch_id,
+            client_policy_id: client_policy_id,
         };
 
-    sendAjaxRequestForGlobal(url, 'GET', requestData, function(response) {
-        console.log('Data fetched successfully:', response);
+        const queryString = objectToQueryString(queryParams);
+        const apiURL = $('#get-emp-list').attr('href') + "?" + queryString;
+        console.log(apiURL);
+        window.location.href = apiURL;
+    }
 
-        if (response.status === true) {
+    function objectToQueryString(obj) {
+        return Object.keys(obj).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`).join('&');
+    }
+
+    function getURLParams() {
+        const url = new URL(window.location.href);
+        const params = new URLSearchParams(url.search);
+
+        const startDate = params.get('start_date') || 0; // Default to 0 if not found
+        const endDate = params.get('end_date') || 0; // Default to 0 if not found
+        const client_id = params.get('client_id') || 0; // Default to 0 if not found
+        const insurer_id = params.get('insurer_id') || 0; // Default to 0 if not found
+        const policy_type_id = params.get('policy_type_id') || 0; // Default to 0 if not found
+        const date_type = params.get('date_type') || 0; // Default to 0 if not found
+        const issuer = params.get('issuer') || 0; // Default to 0 if not found
+        const client_branch_id = params.get('client_branch_id') || 0; // Default to 0 if not found
+        const insurer_branch_id = params.get('insurer_branch_id') || 0; // Default to 0 if not found
+        const client_policy_id = params.get('client_policy_id') || 0; // Default to 0 if not found
+
+        hideDateField(date_type)
+
+        console.log('startDate', startDate)
+        console.log('endDate', endDate)
+        console.log('client_id', client_id)
+        console.log('insurer_id', insurer_id)
+        console.log('policy_type_id', policy_type_id)
+        console.log('date_type', date_type)
+        console.log('issuer', issuer)
+        console.log('client_branch_id', client_branch_id)
+        console.log('insurer_branch_id', insurer_branch_id)
+        console.log('client_policy_id', client_policy_id)
+
+        // Log the values or use them as needed
+        console.log('Start Date:', startDate);
+        console.log('End Date:', endDate);
+
+        if (startDate != 0 && endDate != 0) {
+            setTimeout(function() {
+                $('#start_date').val(startDate)
+                $('#end_date').val(endDate)
+                $('#client_id').val(client_id).change()
+                $('#insurer_id').val(insurer_id).change()
+                $('#policy_type_id').val(policy_type_id).change()
+                $('#date_type').val(date_type)
+                $('#issuer').val(issuer)
+                setTimeout(function() {
+                    $('#client_branch_id').val(client_branch_id).change()
+                    $('#insurer_branch_id').val(insurer_branch_id).change()
+                    setTimeout(function() {
+                        $('#client_policy_id').val(client_policy_id).change();
+                    }, 1000);
+                }, 2000)
+            }, 2000)
 
-            appendPolicies(response.data)
-            
-        } else {
-            toastr.warning(response.message, 'WARNING');
         }
-    }, function(xhr, status, error) {
-        console.error('Error fetching data:', error);
-        console.error(xhr.responseText);
+
+    }
+
+    $(function() {
+
+        const url = new URL(window.location.href);
+        const params = new URLSearchParams(url.search);
+
+        // Get start and end dates from URL parameters, or use default values
+        const startDateParam = params.get('start_date') || moment().subtract(29, 'days').format('DD-MM-YYYY');
+        const endDateParam = params.get('end_date') || moment().format('DD-MM-YYYY');
+
+        // Parse the dates to moment objects
+        var start = moment(startDateParam, 'DD-MM-YYYY');
+        var end = moment(endDateParam, 'DD-MM-YYYY');
+
+        // var start = moment().subtract(29, 'days');
+        // var end = moment();
+
+        function cb(start, end) {
+            $('#reportrange').html(start.format('D-MM-YYYY') + ' - ' + end.format('D-MM-YYYY'));
+            $('#startDate').val(start.format('DD-MM-YYYY'));
+            $('#endDate').val(end.format('DD-MM-YYYY'));
+        }
+
+        $('#reportrange').daterangepicker({
+            startDate: start,
+            endDate: end,
+            locale: {
+                format: 'DD-MM-YYYY'
+            },
+            ranges: {
+                'Today': [moment(), moment()],
+                'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+                'Last 7 Days': [moment().subtract(6, 'days'), moment()],
+                'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+                'This Month': [moment().startOf('month'), moment().endOf('month')],
+                'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month')
+                    .endOf('month')
+                ]
+            }
+        }, cb);
+
+        cb(start, end);
+
+        $('#clear-filters').on('click', function() {
+            // Reset all select dropdowns to the first option
+            $('#client_id').val('0').change();
+            $('#insurer_id').val('0').change();
+            $('#policy_type_id').val('0').change();
+            $('#date_type').val('0');
+            $('#issuer').val('0');
+            $('#date_div').hide()
+
+            // Reset the date range picker to default
+            $('#reportrange').data('daterangepicker').setStartDate(moment().subtract(29, 'days'));
+            $('#reportrange').data('daterangepicker').setEndDate(moment());
+            cb(start, end); // Update the displayed date range
+        });
+
     });
 
-}
+    function hideDateField(input = null) {
+        let val = $('#date_type').val();
 
+        if (input) {
+            val = input;
+        }
+
+        if (val != 0) {
+            $('#date_div').show()
+        } else {
+            $('#date_div').hide()
+        }
+    }
+
+    function sendPolicyTransactionID(event, pt_id) {
+        event.preventDefault(); // Prevent default action
+
+        console.log(pt_id);
+
+        var queryParams = {
+            pt_id: pt_id,
+        };
+
+        const queryString = objectToQueryString(queryParams);
+        const apiURL = $('#get-policy-list').attr('href') + "?" + queryString;
+        console.log(apiURL);
+        window.location.href = apiURL;
+    }
+
+    // -------------------------------------------------------------------------------------------------
+
+    //featch client, client branch, insurer, insurer branch and client policy list data
+    function getClientAndBranchAndPolicy() {
+        $.ajax({
+            url: '<?= base_url("/util/getClientAndBranchAndPolicy") ?>',
+            type: "GET",
+            dataType: 'json',
+            success: function(res) {
+
+                console.log('getClientAndBranchAndPolicy', res);
+                if (res.status == true) {
+                    client_list = res.client_data;
+                    branch_list = res.branch_data;
+                    policy_list = res.policy_data;
+                    insurer_list = res.insurer_data;
+                    insurer_branch_list = res.insurer_branch_data;
+                    appendClients(res.client_data);
+                    appendInsurer(res.insurer_data);
+                } else {
+                    console.log('No data found');
+                }
+
+            },
+            error: function(xhr, status, error) {
+                console.error(xhr.responseText);
+                console.error(status, error);
+            }
+        });
+    }
+
+    //append clients for filter 
+    function appendClients(data) {
+        $('#client_id').empty();
+
+        $('#client_id').append($('<option>', {
+            value: '',
+            text: 'Select Client'
+        }));
+
+        $.each(data, function(index, item) {
+            var option = $('<option>', {
+                value: item.id,
+                text: item.client_name,
+                'data-cn': item.client_name,
+                'data-ct': item.client_type,
+                class: (item.client_type == 1) ? 'group' : (item.client_type == 2) ? 'individual' : ''
+            });
+
+            $('#client_id').append(option);
+        });
+
+    }
+
+    //append clients branch for filter 
+    function appendBranch(data) {
+
+        $('#client_branch_id').empty();
+
+        $('#client_branch_id').append($('<option>', {
+            value: '',
+            text: 'Select Branch'
+        }));
+
+        $.each(data, function(index, item) {
+
+            var option = $('<option>', {
+                value: item.id,
+                text: item.branch_name
+            });
+            $('#client_branch_id').append(option);
+        });
+    }
+
+    //append insurer for filter 
+    function appendInsurer(data) {
+        $('#insurer_id').empty();
+
+        $('#insurer_id').append($('<option>', {
+            value: '',
+            text: 'Select Insurer'
+        }));
+
+        $.each(data, function(index, item) {
+            var option = $('<option>', {
+                value: item.id,
+                text: item.name,
+            });
+
+            $('#insurer_id').append(option);
+        });
+
+    }
+
+    //append insurer branch for filter 
+    function appendInsurerBranch(data) {
+
+        $('#insurer_branch_id').empty();
+
+        $('#insurer_branch_id').append($('<option>', {
+            value: '',
+            text: 'Select Insurer Branch'
+        }));
+
+        $.each(data, function(index, item) {
+
+            var option = $('<option>', {
+                value: item.id,
+                text: item.branch_name
+            });
+            $('#insurer_branch_id').append(option);
+        });
+    }
+
+    //append client policy for filter
+    function appendPolicies(data) {
+        // console.log('appendPolicies', data);
+        // console.log('appendPolicies', $('#client_policy_id'));
+
+        $('#client_policy_id').empty();
+        $('#client_policy_id').append($('<option>', {
+            value: '',
+            text: 'Select Policy',
+        }));
+
+        $.each(data, function(index, item) {
+            var option = $('<option>', {
+                value: item.id,
+                text: item.policy_type + '-' + item.policy_no,
+            });
+            $('#client_policy_id').append(option);
+        });
+    }
+
+    // -------------------------------------------------------------------------------------------------
+
+    //client branch and insurer branch onchange document ready function
+    $(document).ready(function() {
+
+        $('#client_id').change(function() {
+
+            let client_id = $(this).val();
+            console.log('client_id', client_id);
+
+            if (branch_list != '') {
+                // console.log(branch_list[client_id]);
+                let data = branch_list[client_id];
+                appendBranch(data);
+            }
+
+        })
+
+        $('#insurer_id').change(function() {
+
+            let insurer_id = $(this).val();
+            console.log('insurer_id', insurer_id);
+
+            if (insurer_branch_list != '') {
+                // console.log(insurer_branch_list[insurer_id]);
+                let data = insurer_branch_list[insurer_id];
+                appendInsurerBranch(data);
+            }
+
+        })
+
+    });
+
+    //get policy list based on the client, client_branch, insurer, insurer_branch and policy type
+    function getClientPolicyDataBasedOnClientAndInsuer() {
+
+        let client_id = $('#client_id').val() ?? 0;
+        let client_branch_id = $('#client_branch_id').val() ?? 0;
+        let insurer_id = $('#insurer_id').val() ?? 0;
+        let insurer_branch_id = $('#insurer_branch_id').val() ?? 0;
+        let policy_type_id = $('#policy_type_id').val() ?? 0;
+
+        let url = '<?= base_url('util/getClientPolicyDataBasedOnClientAndInsuer/') ?>';
+
+        let requestData = {
+            client_id: client_id,
+            client_branch_id: client_branch_id,
+            insurer_id: insurer_id,
+            insurer_branch_id: insurer_branch_id,
+            policy_type_id: policy_type_id,
+        };
+
+        sendAjaxRequestForGlobal(url, 'GET', requestData, function(response) {
+            console.log('Data fetched successfully:', response);
+
+            if (response.status === true) {
+
+                appendPolicies(response.data)
+
+            } else {
+                toastr.warning(response.message, 'WARNING');
+            }
+        }, function(xhr, status, error) {
+            console.error('Error fetching data:', error);
+            console.error(xhr.responseText);
+        });
+
+    }
 </script>
\ No newline at end of file