From cddc0ae6a5625f83c6f96345dd93b867d0980487 Mon Sep 17 00:00:00 2001
From: vadivelJ96 <jvadivel.1996@gmail.com>
Date: Thu, 25 Sep 2025 12:02:12 +0530
Subject: [PATCH] CHANGE_UI_Issues - VADIVEL J 2025-09-25

---
 app/Controllers/BDSReportController.php       |   3 +
 app/Views/business_team_list.php              | 788 +++++++++---------
 app/Views/dms_search.php                      | 399 +++++----
 app/Views/finance_team_list.php               | 781 ++++++++---------
 app/Views/irba_report.php                     |   4 +-
 app/Views/layout/header.php                   |   5 +-
 .../policy_transaction_endorsement_list.php   |   2 +-
 app/Views/renewal_search.php                  | 116 +--
 8 files changed, 1050 insertions(+), 1048 deletions(-)

diff --git a/app/Controllers/BDSReportController.php b/app/Controllers/BDSReportController.php
index e813997d..355df367 100644
--- a/app/Controllers/BDSReportController.php
+++ b/app/Controllers/BDSReportController.php
@@ -180,6 +180,9 @@ class BDSReportController extends AdminController
                 'BAP-Insurer' => 'bapInsurer',
                 'Client'    => 'client'
             ];
+
+            $data['page_name'] = "IRBA Report";
+
             return $this->loadLayout('irba_report', $data);
         } else {
 
diff --git a/app/Views/business_team_list.php b/app/Views/business_team_list.php
index 497a9eda..4d75ea68 100644
--- a/app/Views/business_team_list.php
+++ b/app/Views/business_team_list.php
@@ -1,65 +1,62 @@
 <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 {
+    .col-12 {
 
-    max-width: 98% !important;
-}
+        max-width: 98% !important;
+    }
 
-.dataTables_filter {
-    position: absolute;
-}
-.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);
-}
+    .dataTables_filter {
+        position: absolute;
+    }
 
-.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 {
+        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:hover {
-    background-color: #f8f9fa !important;
-    color: #16181b !important;
-    cursor: pointer !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;
+    }
 </style>
 
+
 <div class="col-12">
-    <h4  class="ml-1 mb-3"> <span class="font-color-black">Business Team</span> </h4>
-</div>
-
-    <div class="col-12">
+    <div class="card-body">
         <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>
+            <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-up mr-1 text-primary" style="font-size: 28px;"></i>
+                        <i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
                     </a>
-                </label>
-            <div class="card mb-1">
+                </h4>
                 <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
                     <div class="card-body">
                         <div class="form-group">
@@ -70,11 +67,11 @@ table.dataTable tbody td {
                                     <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>
@@ -85,9 +82,9 @@ table.dataTable tbody td {
                                     <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 foreach ($insurer as $value) { ?>
+                                                <option value="<?= $value['id'] ?>"><?= $value['name'] ?></option>
+                                            <?php } ?>
                                         <?php } ?>
                                     </select>
                                 </div>
@@ -97,11 +94,11 @@ 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>
@@ -111,11 +108,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>
@@ -130,11 +127,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>
@@ -142,23 +139,23 @@ 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">
                                     <input type="hidden" id="endDate">
                                 </div>
                             </div>
-                            
-                                <div class="form-group text-right m-b-0">
-                                    <a href="<?= base_url("/policy_tranction/report/report-business-list"); ?>"
-                                        class="btn btn-secondary" id="clear-filters">Clear</a>
-                                    <a href="<?= base_url("/policy_tranction/report/report-business-list"); ?>"
-                                        class="btn btn-primary" id="get-emp-list"
-                                        onclick="fetchEmpolyeeList(event);">Submit</a>
-                                </div>
 
-                            
+                            <div class="form-group text-right m-b-0">
+                                <a href="<?= base_url("/policy_tranction/report/report-business-list"); ?>"
+                                    class="btn btn-secondary" id="clear-filters">Clear</a>
+                                <a href="<?= base_url("/policy_tranction/report/report-business-list"); ?>"
+                                    class="btn btn-primary" id="get-emp-list"
+                                    onclick="fetchEmpolyeeList(event);">Submit</a>
+                            </div>
+
+
 
                             <!-- <div class="form-group text-right m-b-0">
                                 <button type="button" class="btn btn-secondary" id="clear-filters">Clear</button>
@@ -174,6 +171,8 @@ table.dataTable tbody td {
         </div>
     </div>
 
+</div>
+
 
 <div class="col-12" id="second_page">
     <div class="card">
@@ -200,36 +199,36 @@ table.dataTable tbody td {
                     </thead>
                     <tbody>
                         <?php if (isset($business_list)) { ?>
-                        <?php foreach($business_list as $index => $row){ ?>
-                        <tr>
-                            <td><?= $index + 1 ?></td>
-                            <td><?php echo $row['client_name']; ?></td>
-                            <td><?php echo $row['insurer_name']; ?></td>
-                            <td><?php echo $row['policy_type']; ?></td>
-                            <td><?php echo $row['policy_no']; ?></td>
-                            <td><?php echo $row['endorsement_no']; ?></td>
-                            <td><?php echo $row['action_type_full']; ?></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 href="
-                                                <?php 
-                                                    if ($row['action_type'] == 'I') {
-                                                        echo base_url("/policy_tranction/inception/list") . '?pt_id=' . $row['policy_trns_id']; 
-                                                    } else {
-                                                        echo base_url("/policy_tranction/endorsement/list") . '?pt_id=' . $row['policy_trns_id']; 
-                                                    }
+                            <?php foreach ($business_list as $index => $row) { ?>
+                                <tr>
+                                    <td><?= $index + 1 ?></td>
+                                    <td><?php echo $row['client_name']; ?></td>
+                                    <td><?php echo $row['insurer_name']; ?></td>
+                                    <td><?php echo $row['policy_type']; ?></td>
+                                    <td><?php echo $row['policy_no']; ?></td>
+                                    <td><?php echo $row['endorsement_no']; ?></td>
+                                    <td><?php echo $row['action_type_full']; ?></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 href="
+                                                <?php
+                                                if ($row['action_type'] == 'I') {
+                                                    echo base_url("/policy_tranction/inception/list") . '?pt_id=' . $row['policy_trns_id'];
+                                                } else {
+                                                    echo base_url("/policy_tranction/endorsement/list") . '?pt_id=' . $row['policy_trns_id'];
+                                                }
                                                 ?>" id="get-policy-list" class="dropdown-item btnEdit">
-                                            <i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit
-                                        </a>
-                                    </div>
-                                </div>
-                            </td>
-                        </tr>
-                        <?php } ?>
+                                                    <i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit
+                                                </a>
+                                            </div>
+                                        </div>
+                                    </td>
+                                </tr>
+                            <?php } ?>
                         <?php } ?>
                     </tbody>
                 </table>
@@ -242,328 +241,329 @@ table.dataTable tbody td {
 </div>
 
 <script>
-document.addEventListener("DOMContentLoaded", function () {
-    const table = document.getElementById("scroll-horizontal-datatable");
+    document.addEventListener("DOMContentLoaded", function() {
+        const table = document.getElementById("scroll-horizontal-datatable");
 
-    // 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;
-    }
+        // Create custom dropdown
+        function createCustomDropdown(row) {
+            // Get the original dropdown items
+            const originalDropdown = row.querySelector('.dropdown-menu');
+            if (!originalDropdown) return null;
 
-    let activeDropdown = null;
+            // Create new dropdown with proper background and spacing
+            const customDropdown = document.createElement('div');
+            customDropdown.className = 'custom-dropdown-menu';
 
-    // Add click event listener to rows
-    table.querySelectorAll("tbody tr").forEach(row => {
-        const customDropdown = createCustomDropdown(row);
-        if (!customDropdown) return;
-        
-        // Append the custom dropdown to the body
-        document.body.appendChild(customDropdown);
+            // Copy inner content while maintaining icon alignment
+            customDropdown.innerHTML = originalDropdown.innerHTML;
 
-        row.addEventListener("click", function(event) {
-            // Ignore clicks on the action column
-            if (event.target.closest('td:last-child')) {
-                return;
-            }
+            return customDropdown;
+        }
 
-            // Hide any active dropdown
-            if (activeDropdown) {
-                activeDropdown.style.display = 'none';
-            }
+        let activeDropdown = null;
 
-            // 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();
-        });
+        // Add click event listener to rows
+        table.querySelectorAll("tbody tr").forEach(row => {
+            const customDropdown = createCustomDropdown(row);
+            if (!customDropdown) return;
 
-        // 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;
+            // Append the custom dropdown to the body
+            document.body.appendChild(customDropdown);
+
+            row.addEventListener("click", function(event) {
+                // Ignore clicks on the action column
+                if (event.target.closest('td:last-child')) {
+                    return;
                 }
 
-                // Close the dropdown after handling the click
+                // Hide any active dropdown
                 if (activeDropdown) {
                     activeDropdown.style.display = 'none';
-                    activeDropdown = null;
                 }
-                
-                e.stopPropagation();
+
+                // 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) {
+                    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;
-        }
+        // Close dropdown when clicking outside
+        document.addEventListener("click", function() {
+            if (activeDropdown) {
+                activeDropdown.style.display = 'none';
+                activeDropdown = null;
+            }
+        });
     });
-});
 </script>
 
 
 <script>
-// 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({
-            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({
+                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)
-            ordering: false, 
-        });
-    } 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) {
-        $('#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')
-            ]
+                        }
+                    ]
+                }],
+                language: {
+                    search: "_INPUT_",
+                    searchPlaceholder: "Search..."
+                },
+                paging: true, // Enable pagination
+                pageLength: 25, // Set default number of rows per page (optional)
+                ordering: false,
+            });
+        } else {
+            console.error("Table not found.");
         }
-    }, 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
     });
 
-});
+    $(document).ready(function() {
+        getURLParams()
+        $('#client_id').select2();
+        $('#insurer_id').select2();
+        $('#policy_type_id').select2();
+    })
 
-function hideDateField(input = null) {
-    let val = $('#date_type').val();
+    function fetchEmpolyeeList(event) {
+        event.preventDefault(); // Prevent default action
 
-    if (input) {
-        val = input;
+        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 sendPolicyTransactionID(event, pt_id) {
-    event.preventDefault(); // Prevent default action
+    function getURLParams() {
+        const url = new URL(window.location.href);
+        const params = new URLSearchParams(url.search);
 
-    console.log(pt_id);
+        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
 
-    var queryParams = {
-        pt_id: pt_id,
-    };
+        hideDateField(date_type)
 
-    const queryString = objectToQueryString(queryParams);
-    const apiURL = $('#get-policy-list').attr('href') + "?" + queryString;
-    console.log(apiURL);
-    window.location.href = apiURL;
-}
+        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) {
+            $('#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;
+    }
 </script>
\ No newline at end of file
diff --git a/app/Views/dms_search.php b/app/Views/dms_search.php
index a5076e9d..8a0e4961 100644
--- a/app/Views/dms_search.php
+++ b/app/Views/dms_search.php
@@ -1,96 +1,101 @@
 <style>
-.col-12 {
+    .col-12 {
 
-    max-width: 98% !important;
-}
-
-.autocomplete-suggestions {
-      border: 1px solid #d4d4d4;
-      max-height: 150px;
-      overflow-y: auto;
-      position: absolute;
-      background-color: white;
-      width: inherit;
-      z-index: 1;
+        max-width: 98% !important;
     }
+
+    .autocomplete-suggestions {
+        border: 1px solid #d4d4d4;
+        max-height: 150px;
+        overflow-y: auto;
+        position: absolute;
+        background-color: white;
+        width: inherit;
+        z-index: 1;
+    }
+
     .autocomplete-suggestion {
-      padding: 8px;
-      cursor: pointer;
-    }
-    .autocomplete-suggestion:hover {
-      background-color: #e9e9e9;
+        padding: 8px;
+        cursor: pointer;
     }
 
+    .autocomplete-suggestion:hover {
+        background-color: #e9e9e9;
+    }
 </style>
 
 <div class="row">
     <div class="col-12" style="margin-top: -12px;">
-        <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" style="margin-top: 0px;">
-                        <div class="form-group">
-                            <form method="post" action="<?= base_url("/dmsSearch");?>" id='dms_search_form'>
-                                <div class="form-row">
+        <div class="card-body">
+            <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" style="margin-top: 0px;">
+                            <div class="form-group">
+                                <form method="post" action="<?= base_url("/dmsSearch"); ?>" id='dms_search_form'>
+                                    <div class="form-row">
 
-                                    <div class="form-group col-md-4">
-                                        <label for="customer">Customer</label>
-                                        <!-- <div style="position:relative;"> -->
+                                        <div class="form-group col-md-4">
+                                            <label for="customer">Customer</label>
+                                            <!-- <div style="position:relative;"> -->
                                             <input type="text" class="form-control" id="customer" placeholder="Enter customer name">
                                             <input type="hidden" name="customer_id" class="form-control" id="customer_id" placeholder="Enter customer name">
                                             <div id="customer_suggestions" class="autocomplete-suggestions" style="display:none;"></div>
-                                        <!-- </div> -->
-                                    </div>
+                                            <!-- </div> -->
+                                        </div>
 
-                                    <div class="form-group col-md-4">
-                                        <label for="customer">Customer document name</label>
-                                        <!-- <div style="position:relative;"> -->
+                                        <div class="form-group col-md-4">
+                                            <label for="customer">Customer document name</label>
+                                            <!-- <div style="position:relative;"> -->
                                             <input type="text" name="cus_doc_name" class="form-control" id="cus_doc_name" placeholder="Enter customer doc name ">
-                                        <!-- </div> -->
-                                    </div>
-                                    <div class="form-group col-md-4"></div>
-                                    
-                                    <div class="form-group col-md-8" style="text-align: center; font-size: small;"> 
-                                        OR
-                                    </div>
-                                    <div class="form-group col-md-4"></div>
+                                            <!-- </div> -->
+                                        </div>
+                                        <div class="form-group col-md-4"></div>
 
-                                    <div class="form-group col-md-4">
-                                        <label for="customer">Policy</label>
-                                        <!-- <div style="position:relative;"> -->
+                                        <div class="form-group col-md-8" style="text-align: center; font-size: small;">
+                                            OR
+                                        </div>
+                                        <div class="form-group col-md-4"></div>
+
+                                        <div class="form-group col-md-4">
+                                            <label for="customer">Policy</label>
+                                            <!-- <div style="position:relative;"> -->
                                             <input type="text" class="form-control" id="policy" placeholder="Enter policy no">
                                             <input type="hidden" name="policy_id" class="form-control" id="policy_id" placeholder="Enter policy no">
                                             <div id="policy_suggestions" class="autocomplete-suggestions" style="display:none;"></div>
-                                        <!-- </div> -->
-                                    </div>
+                                            <!-- </div> -->
+                                        </div>
 
-                                    <div class="form-group col-md-4">
-                                        <label for="customer">Policy document name</label>
-                                        <!-- <div style="position:relative;"> -->
+                                        <div class="form-group col-md-4">
+                                            <label for="customer">Policy document name</label>
+                                            <!-- <div style="position:relative;"> -->
                                             <input type="text" name="policy_doc_name" class="form-control" id="policy_doc_name" placeholder="Enter policy doc name ">
-                                        <!-- </div> -->
-                                    </div>
+                                            <!-- </div> -->
+                                        </div>
 
-                                    <div class="form-group col-md-4 d-flex justify-content-end align-items-end">
+                                        <div class="form-group col-md-4 d-flex justify-content-end align-items-end">
                                             <button type="button" class="btn app-btn-outline-secondary  mr-2" id="clear-filters">Clear</button>
                                             <button type="submit" class="btn btn-primary waves-effect waves-light mr-1" id="get-emp-list" onclick="fetchFileList(event);">Submit</button>
                                             <!-- <input type="submit" class="btn btn-primary waves-effect waves-light mr-1" id="get-emp-list" onclick="fetchFileList(event);" value="submit">                             -->
-                                    </div>
+                                        </div>
 
-                                </div>
-                            </form>
+                                    </div>
+                                </form>
+                            </div>
                         </div>
                     </div>
                 </div>
-            </div>
 
+            </div>
         </div>
+
     </div>
 </div>
 
@@ -106,37 +111,37 @@
 
             </div>
             <div class="table-responsive" style="overflow-x: auto;">
-            <table data-custom-table-css="table" id="scroll-horizontal-datatable" class="table w-100">
-                <thead class="bg-light">
-                    <tr>
-                        <th>S.No</th>
-                        <th>Doc name</th>
-                        <th>File name</th>
-                        <th>Action</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <?php if (isset($files)) { ?>
-                        <?php foreach($files as $index => $row){ ?>
+                <table data-custom-table-css="table" id="scroll-horizontal-datatable" class="table w-100">
+                    <thead class="bg-light">
                         <tr>
-                            <td><?= $index + 1 ?></td>
-                            <td><?php echo $row['doc_name']; ?></td>
-                            <td><?php echo $row['file_name']; ?></td>
-                            <td>
-                                <a id="download_1" 
-                                   data-id="1" 
-                                   class="mdi mdi-download" 
-                                   style="font-size: 18px;" 
-                                   target="_blank"
-                                   href="<?= base_url("/downloadGdriveFile?client_id=" . $row['client_id'] . "&file_type=" . $row['file_type'] . "&file_name=" . $row['file_name']."&client_policy_id=".$row['client_policy_id']); ?>"> 
-                                </a>
-                            </td>
-
+                            <th>S.No</th>
+                            <th>Doc name</th>
+                            <th>File name</th>
+                            <th>Action</th>
                         </tr>
+                    </thead>
+                    <tbody>
+                        <?php if (isset($files)) { ?>
+                            <?php foreach ($files as $index => $row) { ?>
+                                <tr>
+                                    <td><?= $index + 1 ?></td>
+                                    <td><?php echo $row['doc_name']; ?></td>
+                                    <td><?php echo $row['file_name']; ?></td>
+                                    <td>
+                                        <a id="download_1"
+                                            data-id="1"
+                                            class="mdi mdi-download"
+                                            style="font-size: 18px;"
+                                            target="_blank"
+                                            href="<?= base_url("/downloadGdriveFile?client_id=" . $row['client_id'] . "&file_type=" . $row['file_type'] . "&file_name=" . $row['file_name'] . "&client_policy_id=" . $row['client_policy_id']); ?>">
+                                        </a>
+                                    </td>
+
+                                </tr>
+                            <?php } ?>
                         <?php } ?>
-                    <?php } ?>
-                </tbody>
-            </table>
+                    </tbody>
+                </table>
 
                 <div>
                 </div>
@@ -147,130 +152,124 @@
 
 
 <script>
- 
-$(document).ready(function() {
-    // $('#client_id').select2();
-    // $('#insurer_id').select2();
-    // $('#policy_type_id').select2();
-     const customer_suggestions = <?php echo json_encode($customers); ?>;
-     const policy_suggestions = <?php echo json_encode($policies); ?>;
-     showSuggestions('customer','customer_suggestions','customer_id',customer_suggestions);
-     showSuggestions('policy','policy_suggestions','policy_id',policy_suggestions);
+    $(document).ready(function() {
+        // $('#client_id').select2();
+        // $('#insurer_id').select2();
+        // $('#policy_type_id').select2();
+        const customer_suggestions = <?php echo json_encode($customers); ?>;
+        const policy_suggestions = <?php echo json_encode($policies); ?>;
+        showSuggestions('customer', 'customer_suggestions', 'customer_id', customer_suggestions);
+        showSuggestions('policy', 'policy_suggestions', 'policy_id', policy_suggestions);
 
-})
+    })
 
-// 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-2'f><'col-sm-10 text-right'B>>" + 
-            "<'row'<'col-sm-12'tr>>" + 
-            "<'row'<'col-sm-5'i><'col-sm-7'p>>", 
-          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>',
-                                className: 'app-btn-primary ',
+        if (ticketsTable.length) {
+            ticketsTable.DataTable({
+                scrollX: true,
+                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>>",
+                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>',
+                            className: 'app-btn-primary ',
+                        },
+                        {
+                            extend: 'excel',
+                            text: '<i class="mdi mdi-file-excel " ></i><span class="  btn-custom">  EXCEL </span>',
+                            exportOptions: {
+                                orthogonal: 'sort'
                             },
-                            {
-                                extend: 'excel',
-                                text: '<i class="mdi mdi-file-excel " ></i><span class="  btn-custom">  EXCEL </span>',
-                                exportOptions: {
-                                    orthogonal: 'sort'
-                                },
-                                className: 'app-btn-primary ',
-                            }
-                  ]
-              }
-          ],
-          paging: true,
-          pageLength: 25,
-          order: [[0, 'desc']]
-    });
-} else {
-    console.error("Table not found.");
-}
-});
-
-function showSuggestions(inputID, suggestionBoxID,hiddenInputID,suggestions) {
-   
-    // console.log('showSuggestions');
-    // console.log(suggestions);return;
-    const input = document.getElementById(inputID);
-    const suggestionBox = document.getElementById(suggestionBoxID);
-    const hiddenInput = document.getElementById(hiddenInputID);
-
-    input.addEventListener('input', function() {
-        const value = this.value.toLowerCase();
-        suggestionBox.innerHTML = ''; // Clear previous suggestions
-
-        if (value) {
-            const filteredSuggestions = suggestions.filter(item =>
-                item.display_value.toLowerCase().includes(value)
-            );
-            // console.log(filteredSuggestions);
-            filteredSuggestions.forEach(suggestion => {
-                const suggestionItem = document.createElement('div');
-                suggestionItem.textContent = suggestion.display_value;
-                suggestionItem.classList.add('autocomplete-suggestion');
-
-                suggestionItem.addEventListener('click', function() {
-                    input.value = suggestion.display_value;  // Display value in input
-                    hiddenInput.value = suggestion.id;        // Store id in hidden input
-                    suggestionBox.innerHTML = '';             // Clear suggestions after selecting
-                    suggestionBox.style.display = 'none';
-                });
-
-                suggestionBox.appendChild(suggestionItem);
-                suggestionBox.style.display = 'block';
+                            className: 'app-btn-primary ',
+                        }
+                    ]
+                }],
+                paging: true,
+                pageLength: 25,
+                order: [
+                    [0, 'desc']
+                ]
             });
+        } else {
+            console.error("Table not found.");
         }
     });
-}
 
+    function showSuggestions(inputID, suggestionBoxID, hiddenInputID, suggestions) {
 
-function fetchFileList(event)
-{
-    event.preventDefault();
+        // console.log('showSuggestions');
+        // console.log(suggestions);return;
+        const input = document.getElementById(inputID);
+        const suggestionBox = document.getElementById(suggestionBoxID);
+        const hiddenInput = document.getElementById(hiddenInputID);
 
-    var customer = document.getElementById('customer').value;
-    var customer_id = document.getElementById('customer_id').value;
-    var policy = document.getElementById('policy').value;
-    var policy_id = document.getElementById('policy_id').value;
-    var cus_doc_name = document.getElementById('cus_doc_name').value;
-    var policy_doc_name = document.getElementById('policy_doc_name').value;
+        input.addEventListener('input', function() {
+            const value = this.value.toLowerCase();
+            suggestionBox.innerHTML = ''; // Clear previous suggestions
 
-    if(policy == '' && customer == '')
-    {
-        alert('choose customer or policy');return false;
+            if (value) {
+                const filteredSuggestions = suggestions.filter(item =>
+                    item.display_value.toLowerCase().includes(value)
+                );
+                // console.log(filteredSuggestions);
+                filteredSuggestions.forEach(suggestion => {
+                    const suggestionItem = document.createElement('div');
+                    suggestionItem.textContent = suggestion.display_value;
+                    suggestionItem.classList.add('autocomplete-suggestion');
+
+                    suggestionItem.addEventListener('click', function() {
+                        input.value = suggestion.display_value; // Display value in input
+                        hiddenInput.value = suggestion.id; // Store id in hidden input
+                        suggestionBox.innerHTML = ''; // Clear suggestions after selecting
+                        suggestionBox.style.display = 'none';
+                    });
+
+                    suggestionBox.appendChild(suggestionItem);
+                    suggestionBox.style.display = 'block';
+                });
+            }
+        });
     }
 
-    if(customer == '' && cus_doc_name != '')
-    {
-        alert('choose customer');return false;
+
+    function fetchFileList(event) {
+        event.preventDefault();
+
+        var customer = document.getElementById('customer').value;
+        var customer_id = document.getElementById('customer_id').value;
+        var policy = document.getElementById('policy').value;
+        var policy_id = document.getElementById('policy_id').value;
+        var cus_doc_name = document.getElementById('cus_doc_name').value;
+        var policy_doc_name = document.getElementById('policy_doc_name').value;
+
+        if (policy == '' && customer == '') {
+            alert('choose customer or policy');
+            return false;
+        }
+
+        if (customer == '' && cus_doc_name != '') {
+            alert('choose customer');
+            return false;
+        }
+
+        if (policy == '' && policy_doc_name != '') {
+            alert('choose policy');
+            return false;
+        }
+
+
+        console.log('called');
+        let customEvent = new CustomEvent('fetchFileListCustomEvent');
+        $('#dms_search_form').submit();
+
     }
-
-    if(policy == '' && policy_doc_name != '')
-    {
-        alert('choose policy');return false;
-    }
-
-    
-    console.log('called');
-    let customEvent = new CustomEvent('fetchFileListCustomEvent');
-    $('#dms_search_form').submit();
-
-}
-
-
-
 </script>
\ No newline at end of file
diff --git a/app/Views/finance_team_list.php b/app/Views/finance_team_list.php
index 12c592eb..8d9ee75f 100644
--- a/app/Views/finance_team_list.php
+++ b/app/Views/finance_team_list.php
@@ -1,63 +1,62 @@
 <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 {
+    .col-12 {
 
-    max-width: 98% !important;
-}
+        max-width: 98% !important;
+    }
 
-.dataTables_filter {
-    position: absolute;
-}
-.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);
-}
+    .dataTables_filter {
+        position: absolute;
+    }
 
-.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 {
+        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:hover {
-    background-color: #f8f9fa !important;
-    color: #16181b !important;
-    cursor: pointer !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;
+    }
 </style>
 
-<div class="col-12">
-    <h4  class="ml-1 mb-3"> <span class="font-color-black">Finance Team</span> </h4>
-</div>
 
-    <div class="col-12" id="finance_filter">
+<div class="col-12" id="finance_filter">
+    <div class="card-body">
         <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>
+            <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>
-                </label>
-            <div class="card mb-1">
+                </h4>
                 <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
                     <div class="card-body">
                         <div class="form-group">
@@ -68,11 +67,11 @@ table.dataTable tbody td {
                                     <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>
@@ -83,9 +82,9 @@ table.dataTable tbody td {
                                     <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 foreach ($insurer as $value) { ?>
+                                                <option value="<?= $value['id'] ?>"><?= $value['name'] ?></option>
+                                            <?php } ?>
                                         <?php } ?>
                                     </select>
                                 </div>
@@ -95,11 +94,11 @@ 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>
@@ -109,11 +108,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>
@@ -128,11 +127,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>
@@ -140,22 +139,22 @@ 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">
                                     <input type="hidden" id="endDate">
                                 </div>
                             </div>
-                                <div class="form-group text-right m-b-0">
-                                    <a href="<?= base_url("/policy_tranction/report/report-finance-list"); ?>"
-                                        class="btn btn-secondary" id="clear-filters">Clear</a>
-                                    <a href="<?= base_url("/policy_tranction/report/report-finance-list"); ?>"
-                                        class="btn btn-primary" id="get-emp-list"
-                                        onclick="fetchEmpolyeeList(event);">Submit</a>
-                                </div>
+                            <div class="form-group text-right m-b-0">
+                                <a href="<?= base_url("/policy_tranction/report/report-finance-list"); ?>"
+                                    class="btn btn-secondary" id="clear-filters">Clear</a>
+                                <a href="<?= base_url("/policy_tranction/report/report-finance-list"); ?>"
+                                    class="btn btn-primary" id="get-emp-list"
+                                    onclick="fetchEmpolyeeList(event);">Submit</a>
+                            </div>
+
 
-                            
 
                             <!-- <div class="form-group text-right m-b-0">
                                 <button type="button" class="btn btn-secondary" id="clear-filters">Clear</button>
@@ -170,6 +169,7 @@ table.dataTable tbody td {
 
         </div>
     </div>
+</div>
 
 <div class="col-12" id="finance_list">
     <div class="card">
@@ -196,36 +196,36 @@ table.dataTable tbody td {
                     </thead>
                     <tbody>
                         <?php if (isset($finance_list)) { ?>
-                        <?php foreach($finance_list as $index => $row){ ?>
-                        <tr>
-                            <td><?= $index + 1 ?></td>
-                            <td><?php echo $row['client_name']; ?></td>
-                            <td><?php echo $row['insurer_name']; ?></td>
-                            <td><?php echo $row['policy_type']; ?></td>
-                            <td><?php echo $row['policy_no']; ?></td>
-                            <td><?php echo $row['endorsement_no']; ?></td>
-                            <td><?php echo $row['action_type_full']; ?></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 href="
-                                                <?php 
-                                                    if ($row['action_type'] == 'I') {
-                                                        echo base_url("/policy_tranction/inception/list") . '?pt_id=' . $row['id']; 
-                                                    } else {
-                                                        echo base_url("/policy_tranction/endorsement/list") . '?pt_id=' . $row['id']; 
-                                                    }
+                            <?php foreach ($finance_list as $index => $row) { ?>
+                                <tr>
+                                    <td><?= $index + 1 ?></td>
+                                    <td><?php echo $row['client_name']; ?></td>
+                                    <td><?php echo $row['insurer_name']; ?></td>
+                                    <td><?php echo $row['policy_type']; ?></td>
+                                    <td><?php echo $row['policy_no']; ?></td>
+                                    <td><?php echo $row['endorsement_no']; ?></td>
+                                    <td><?php echo $row['action_type_full']; ?></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 href="
+                                                <?php
+                                                if ($row['action_type'] == 'I') {
+                                                    echo base_url("/policy_tranction/inception/list") . '?pt_id=' . $row['id'];
+                                                } else {
+                                                    echo base_url("/policy_tranction/endorsement/list") . '?pt_id=' . $row['id'];
+                                                }
                                                 ?>" id="get-policy-list" class="dropdown-item btnEdit">
-                                            <i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit
-                                        </a>
-                                    </div>
-                                </div>
-                            </td>
-                        </tr>
-                        <?php } ?>
+                                                    <i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit
+                                                </a>
+                                            </div>
+                                        </div>
+                                    </td>
+                                </tr>
+                            <?php } ?>
                         <?php } ?>
                     </tbody>
                 </table>
@@ -238,329 +238,330 @@ table.dataTable tbody td {
 </div>
 
 <script>
-document.addEventListener("DOMContentLoaded", function () {
-    const table = document.getElementById("scroll-horizontal-datatable");
+    document.addEventListener("DOMContentLoaded", function() {
+        const table = document.getElementById("scroll-horizontal-datatable");
 
-    // 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;
-    }
+        // Create custom dropdown
+        function createCustomDropdown(row) {
+            // Get the original dropdown items
+            const originalDropdown = row.querySelector('.dropdown-menu');
+            if (!originalDropdown) return null;
 
-    let activeDropdown = null;
+            // Create new dropdown with proper background and spacing
+            const customDropdown = document.createElement('div');
+            customDropdown.className = 'custom-dropdown-menu';
 
-    // Add click event listener to rows
-    table.querySelectorAll("tbody tr").forEach(row => {
-        const customDropdown = createCustomDropdown(row);
-        if (!customDropdown) return;
-        
-        // Append the custom dropdown to the body
-        document.body.appendChild(customDropdown);
+            // Copy inner content while maintaining icon alignment
+            customDropdown.innerHTML = originalDropdown.innerHTML;
 
-        row.addEventListener("click", function(event) {
-            // Ignore clicks on the action column
-            if (event.target.closest('td:last-child')) {
-                return;
-            }
+            return customDropdown;
+        }
 
-            // Hide any active dropdown
-            if (activeDropdown) {
-                activeDropdown.style.display = 'none';
-            }
+        let activeDropdown = null;
 
-            // 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();
-        });
+        // Add click event listener to rows
+        table.querySelectorAll("tbody tr").forEach(row => {
+            const customDropdown = createCustomDropdown(row);
+            if (!customDropdown) return;
 
-        // 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;
+            // Append the custom dropdown to the body
+            document.body.appendChild(customDropdown);
+
+            row.addEventListener("click", function(event) {
+                // Ignore clicks on the action column
+                if (event.target.closest('td:last-child')) {
+                    return;
                 }
 
-                // Close the dropdown after handling the click
+                // Hide any active dropdown
                 if (activeDropdown) {
                     activeDropdown.style.display = 'none';
-                    activeDropdown = null;
                 }
-                
-                e.stopPropagation();
+
+                // 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) {
+                    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;
-        }
+        // Close dropdown when clicking outside
+        document.addEventListener("click", function() {
+            if (activeDropdown) {
+                activeDropdown.style.display = 'none';
+                activeDropdown = null;
+            }
+        });
     });
-});
 </script>
 
 
 
 <script>
-// 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({
-            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({
+                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)
-            ordering: false, 
-        });
-    } 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) {
-        $('#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')
-            ]
+                        }
+                    ]
+                }],
+                language: {
+                    search: "_INPUT_",
+                    searchPlaceholder: "Search..."
+                },
+                paging: true, // Enable pagination
+                pageLength: 25, // Set default number of rows per page (optional)
+                ordering: false,
+            });
+        } else {
+            console.error("Table not found.");
         }
-    }, 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
     });
 
-});
+    $(document).ready(function() {
+        getURLParams()
+        $('#client_id').select2();
+        $('#insurer_id').select2();
+        $('#policy_type_id').select2();
+    })
 
-function hideDateField(input = null) {
-    let val = $('#date_type').val();
+    function fetchEmpolyeeList(event) {
+        event.preventDefault(); // Prevent default action
 
-    if (input) {
-        val = input;
+        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 sendPolicyTransactionID(event, pt_id) {
-    event.preventDefault(); // Prevent default action
+    function getURLParams() {
+        const url = new URL(window.location.href);
+        const params = new URLSearchParams(url.search);
 
-    console.log(pt_id);
+        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
 
-    var queryParams = {
-        pt_id: pt_id,
-    };
+        hideDateField(date_type)
 
-    const queryString = objectToQueryString(queryParams);
-    const apiURL = $('#get-policy-list').attr('href') + "?" + queryString;
-    console.log(apiURL);
-    window.location.href = apiURL;
-}
+        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) {
+            $('#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;
+    }
 </script>
\ No newline at end of file
diff --git a/app/Views/irba_report.php b/app/Views/irba_report.php
index b11f572e..56f41f07 100644
--- a/app/Views/irba_report.php
+++ b/app/Views/irba_report.php
@@ -1,6 +1,4 @@
-<div class="col-xl-12">
-    <h4 class="ml-1 mb-3"> <span class="font-color-black">IRBA</span> </h4>
-</div>
+
 
 <div class="container-fluid-min">
     <div class="col-xl-12" id="outstanding_filter">
diff --git a/app/Views/layout/header.php b/app/Views/layout/header.php
index 94b032e0..36c1a8e4 100755
--- a/app/Views/layout/header.php
+++ b/app/Views/layout/header.php
@@ -212,10 +212,9 @@
             background-color: #D4F5F6;
             z-index: 700;
             padding: 0 !important;
-            height: 90vh;                  /* full screen height */
-            position: fixed !important;
+            height: 90% !important;     
             display: flex;
-            flex-direction: column;
+            flex-flow: column wrap;
         }
 
         /* every <li> inside should be allowed to shrink */
diff --git a/app/Views/policy_transaction_endorsement_list.php b/app/Views/policy_transaction_endorsement_list.php
index a30d5b1c..02e758ad 100644
--- a/app/Views/policy_transaction_endorsement_list.php
+++ b/app/Views/policy_transaction_endorsement_list.php
@@ -36,7 +36,7 @@ table.dataTable thead th {
         margin-bottom: 10px;
     }
 
-    custom-dropdown-menu {
+    .custom-dropdown-menu {
         display: none;
         position: fixed;
         background-color: #ffffff !important;
diff --git a/app/Views/renewal_search.php b/app/Views/renewal_search.php
index 3fe59f01..5aa04e50 100644
--- a/app/Views/renewal_search.php
+++ b/app/Views/renewal_search.php
@@ -1,73 +1,75 @@
 <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">
-                <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">
-                        <!-- <div class="text-center"> -->
-                        <div class="form-row">
-                            <div class="form-group col-md-3" id="date_div">
-                                <label>Date<span class="text-danger"></span></label>
-                                <!-- <div id="reportrange" class="form-control"
+        <div class="card-body">
+            <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-3" 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> -->
-                                <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>
+                                    <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>
+                                    </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>
 
-                            <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">
-                                    <option value="">Select Issuer</option>
-                                    <?php
-                                    if (isset($issuer) && count($issuer)) {
-                                        foreach ($issuer as $key => $value) {
-                                            echo "<option value=" . $key . ">" . $value . "</option>";
+                                <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">
+                                        <option value="">Select Issuer</option>
+                                        <?php
+                                        if (isset($issuer) && count($issuer)) {
+                                            foreach ($issuer as $key => $value) {
+                                                echo "<option value=" . $key . ">" . $value . "</option>";
+                                            }
                                         }
-                                    }
-                                    ?>
-                                </select>
+                                        ?>
+                                    </select>
+                                </div>
+
+
+                                <div class="form-group col-md-3 client_type_div">
+                                    <label for="client_type">Client Type<span class="text-danger"></span></label>
+                                    <select class="form-control" id="client_type" name="client_type">
+                                        <option value="">Select Client type</option>
+                                        <option value="1">Group</option>
+                                        <option value="2">Individual</option>
+                                    </select>
+                                </div>
+
+                                <div class="form-group col-md-3">
+                                    <label for="client_branch">Client<span class="text-danger"></span></label>
+                                    <select class="form-control" id="client_id" name="client_id">
+                                        <option value="">Select Client</option>
+                                    </select>
+                                </div>
+
                             </div>
+                            <div class="row justify-content-end">
 
-
-                            <div class="form-group col-md-3 client_type_div">
-                                <label for="client_type">Client Type<span class="text-danger"></span></label>
-                                <select class="form-control" id="client_type" name="client_type">
-                                    <option value="">Select Client type</option>
-                                    <option value="1">Group</option>
-                                    <option value="2">Individual</option>
-                                </select>
+                                <div class="col-auto">
+                                    <a href="#" class="btn btn-primary waves-effect waves-light" id="get-report-page"
+                                        onclick="fetchReportPage(event);">Submit</a>
+                                </div>
                             </div>
-
-                            <div class="form-group col-md-3">
-                                <label for="client_branch">Client<span class="text-danger"></span></label>
-                                <select class="form-control" id="client_id" name="client_id">
-                                    <option value="">Select Client</option>
-                                </select>
-                            </div>
-
+                            <!-- </div> -->
                         </div>
-                        <div class="row justify-content-end">
-
-                            <div class="col-auto">
-                                <a href="#" class="btn btn-primary waves-effect waves-light" id="get-report-page"
-                                    onclick="fetchReportPage(event);">Submit</a>
-                            </div>
-                        </div>
-                        <!-- </div> -->
                     </div>
                 </div>
             </div>