diff --git a/app/Views/client_policy.php b/app/Views/client_policy.php
index 987bccf8..11e9f37f 100755
--- a/app/Views/client_policy.php
+++ b/app/Views/client_policy.php
@@ -27,13 +27,88 @@
 
 </style>
 
+<style>
+.switch-label {
+        position: relative;
+        display: inline-flex;
+        align-items: center;
+        gap: 10px;
+        cursor: pointer;
+        font-weight: 500;
+        color: #333;
+        justify-content: flex-end;
+        margin-right: 40px;
+    }
+
+    .switch-label input {
+    opacity: 0;
+    width: 0;
+    height: 0;
+    }
+
+.slider {
+  position: relative;
+  width: 50px;
+  height: 25px;
+  background-color: #fff;
+  border-radius: 25px;
+  box-shadow: 0 0 5px rgba(0,0,0,0.2);
+  transition: 0.3s;
+}
+
+.slider::before {
+  content: "";
+  position: absolute;
+  height: 19px;
+  width: 19px;
+  left: 3px;
+  top: 3px;
+  background-color: #ccc;
+  border-radius: 50%;
+  transition: 0.3s;
+}
+
+input:checked + .slider {
+  background-color: #ff4d4d; /* red when ON */
+}
+
+input:checked + .slider::before {
+  transform: translateX(25px);
+  background-color: #fff;
+}
+
+.switch-text {
+  user-select: none;
+}
+
+#table-client-policy_wrapper .row>.col-sm-12.col-md-6:first-child{
+    display: none;
+}
+
+#table-client-policy_filter{
+    text-align: left;
+}
+
+</style>
+
 <div class="save-indicator" id="saveIndicator">Saved</div>
 <div class="tab-pane fade" id="police-tab">
 
-    <div class="row float-right" style="padding-bottom: 10px; position: relative;right: 13px;">
+    <div class="row" style="padding-bottom: 10px; position: relative;right: 13px; justify-content: end;">
         <button type="button" id="BtnAdd" class="btn btn-primary waves-effect waves-light btnAdd btn-sm" style="position: relative;right: 10px;"><span class="mdi mdi-plus-box-outline" aria-hidden="true" style="padding: 5px 10px;"></span>Add Policy</button>
         <button type="button" id="BtnAddSuccess" class="btn btn-success waves-effect waves-light BtnAddSuccess btn-sm" onclick="showModal()"><span class="mdi mdi-plus-box-outline" aria-hidden="true" style="padding: 5px 10px;"></span>Add Policy From Lead</button>
     </div>
+    
+    <br>
+
+    <div class="" style="padding-bottom: 10px; position: absolute;
+    right: 0;">
+        <label class="switch-label">
+            <input type="checkbox" id="chk-show-expired">
+            <span class="slider"></span>
+            <span class="switch-text">Expired Policies</span>
+        </label>
+    </div>
 
     <div class="table-responsive" id="table_list">
         <table data-custom-table-css="table" class="table table-borderless table mb-0" id="table-client-policy">            
@@ -308,6 +383,8 @@
         // Get today's date
         var today = new Date();
 
+         const showExpired = $('#chk-show-expired').is(':checked');
+
         var startDatePicker = flatpickr("#start_date", {
             dateFormat: "d-m-Y",
             defaultDate: today,
@@ -412,37 +489,42 @@
 
                 var policy_name_data = `${item.policy_type_name ?? ''}` + ' - ' +  `${item.policy_no ?? ''}`;
 
+                    if(showExpired == false && checkDateStatus(item.policy_end_date) != 'Expired'){
+                           
 
-
-                    policyTable += `
-                        <tr>
-                            <td>${item.insurer_short} - ${item.insurer_branch_name}</td>
-                            <td>${policy_name_data}</td>
-                            <td>${item.branch_name ? item.branch_name : ' - '}</td>
-                            <td>${tpaValue}</td>
-                            <td>${(item.policy_start_date)} / ${(item.policy_end_date)}</td>
-                        
-                            <td>${checkDateStatus(item.policy_end_date, 1)}</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="#" data-id="${item.id}" id="${item.policy_id}" class="dropdown-item btnPolicyEdit"><i class="mdi mdi-lead-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit</a>
-                                        <a href="#" data-id="${item.id}" id="${search_term}" data-typeid="${item.policy_type_id}" class="dropdown-item btnPolicyMaster" ><i class="mdi mdi-wrench mr-2 text-muted font-18 vertical-middle"></i>Terms</a>
-                                        <a href="#" data-id="${item.id}" id="${search_term}" data-typeid="${item.policy_type_id}" class="dropdown-item btnPolicyModel"  data-toggle="modal" data-target="#bs-example-modal-lg"><i class="mdi mdi-book-open mr-2 text-muted font-18 vertical-middle"></i>Rack Rate</a>`;
-
-                    // Conditionally render the delete option based on the role
-                    if (role !== 3 && role !== 4) {
                         policyTable += `
-                                        <a href="#" data-id="${item.id}" id="${search_term}" data-typeid="${item.policy_type_id}" class="dropdown-item" onclick="removepolicy(this)"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Delete</a>`;
-                    }
+                                <tr>
+                                    <td>${item.insurer_short} - ${item.insurer_branch_name}</td>
+                                    <td>${policy_name_data}</td>
+                                    <td>${item.branch_name ? item.branch_name : ' - '}</td>
+                                    <td>${tpaValue}</td>
+                                    <td>${(item.policy_start_date)} / ${(item.policy_end_date)}</td>
+                                
+                                    <td>${checkDateStatus(item.policy_end_date, 1)}</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="#" data-id="${item.id}" id="${item.policy_id}" class="dropdown-item btnPolicyEdit"><i class="mdi mdi-lead-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit</a>
+                                                <a href="#" data-id="${item.id}" id="${search_term}" data-typeid="${item.policy_type_id}" class="dropdown-item btnPolicyMaster" ><i class="mdi mdi-wrench mr-2 text-muted font-18 vertical-middle"></i>Terms</a>
+                                                <a href="#" data-id="${item.id}" id="${search_term}" data-typeid="${item.policy_type_id}" class="dropdown-item btnPolicyModel"  data-toggle="modal" data-target="#bs-example-modal-lg"><i class="mdi mdi-book-open mr-2 text-muted font-18 vertical-middle"></i>Rack Rate</a>`;
 
-                    policyTable += `              
-                                    </div>
-                                </div>
-                            </td>
-                        </tr>
-                    `;
+                            // Conditionally render the delete option based on the role
+                            if (role != 3 && role != 4) {
+                                
+                                policyTable += `
+                                                <a href="#" data-id="${item.id}" id="${search_term}" data-typeid="${item.policy_type_id}" class="dropdown-item" onclick="removepolicy(this)"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Delete</a>`;
+                            }
+
+                            policyTable += `              
+                                            </div>
+                                        </div>
+                                    </td>
+                                </tr>
+                            `;
+  
+                        
+                    }
 
             });
 
@@ -452,9 +534,11 @@
 
 
         $('#table-client-policy').DataTable({
-            paging: true,
-            searching: false,
-            // ordering: false
+                paging: true,
+                searching: true,
+                autoWidth: false,
+                responsive: true,
+
         });
 
 
@@ -676,7 +760,9 @@
                                         <a href="#" data-id="${item.id}" id="${search_term}" data-typeid="${item.policy_type_id}" class="dropdown-item btnPolicyModel"  data-toggle="modal" data-target="#bs-example-modal-lg"><i class="mdi mdi-book-open mr-2 text-muted font-18 vertical-middle"></i>Rack Rate</a>`;
 
                     // Conditionally render the delete option based on the role
-                    if (role !== 3 && role !== 4) {
+                    if (role != 3 && role != 4) {
+                        
+                        
                         policyTable += `
                                         <a href="#" data-id="${item.id}" id="${search_term}" data-typeid="${item.policy_type_id}" class="dropdown-item" onclick="removepolicy(this)"><i class="mdi mdi-delete-outline mr-2 text-muted font-18 vertical-middle"></i>Delete</a>`;
                     }
@@ -2286,4 +2372,144 @@
         }, 2000);
     }
 
-</script>
\ No newline at end of file
+</script>
+
+
+<script>
+$(document).ready(function () {
+
+        $('#chk-show-expired').on('change', function () {
+
+            const showExpired = $(this).is(':checked');
+
+            let policyTable = '';
+            let data = <?= isset($client_policy) ? json_encode($client_policy) : '[]' ?>;
+            let role = data.role
+            delete data.role;
+
+            console.log("checkbox working");
+
+            $.each(data, function(index, item) {
+                // console.log('step 1');
+                let patternGMC = /gmc/i; // Case insensitive pattern for 'gmc'
+                let patternGPA = /gpa/i; // Case insensitive pattern for 'gpa'
+                let subject = item.policy_type_name;
+
+                //console.log('search terms subject', subject);
+
+                if (patternGMC.test(subject)) {
+                    search_term = 'GMC';
+                } else if (patternGPA.test(subject)) {
+                    search_term = 'GPA';
+                } else {
+                    search_term = subject; // Set default value if neither 'GMC' nor 'GPA' exists
+                }
+   
+                let tpaValue = 'TPA Unavailable';
+
+                if (item.tpa_short && item.tpa_branch_code) {
+                    tpaValue = item.tpa_short + '-' + item.tpa_branch_code;
+                }
+
+                let policy_name_data = `${item.policy_type_name ?? ''}` + ' - ' +  `${item.policy_no ?? ''}`;
+
+                    if(showExpired == true && checkDateStatus(item.policy_end_date) == 'Expired'){
+                           
+
+                        policyTable += `
+                                <tr>
+                                    <td>${item.insurer_short} - ${item.insurer_branch_name}</td>
+                                    <td>${policy_name_data}</td>
+                                    <td>${item.branch_name ? item.branch_name : ' - '}</td>
+                                    <td>${tpaValue}</td>
+                                    <td>${(item.policy_start_date)} / ${(item.policy_end_date)}</td>
+                                
+                                    <td>${checkDateStatus(item.policy_end_date, 1)}</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="#" data-id="${item.id}" id="${item.policy_id}" class="dropdown-item btnPolicyEdit"><i class="mdi mdi-lead-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit</a>
+                                                <a href="#" data-id="${item.id}" id="${search_term}" data-typeid="${item.policy_type_id}" class="dropdown-item btnPolicyMaster" ><i class="mdi mdi-wrench mr-2 text-muted font-18 vertical-middle"></i>Terms</a>
+                                                <a href="#" data-id="${item.id}" id="${search_term}" data-typeid="${item.policy_type_id}" class="dropdown-item btnPolicyModel"  data-toggle="modal" data-target="#bs-example-modal-lg"><i class="mdi mdi-book-open mr-2 text-muted font-18 vertical-middle"></i>Rack Rate</a>`;
+
+                            // Conditionally render the delete option based on the role
+                            if (role != 3 && role != 4) {
+                                policyTable += `
+                                                <a href="#" data-id="${item.id}" id="${search_term}" data-typeid="${item.policy_type_id}" class="dropdown-item" onclick="removepolicy(this)"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Delete</a>`;
+                            }
+
+                            policyTable += `              
+                                            </div>
+                                        </div>
+                                    </td>
+                                </tr>
+                            `;
+  
+                        
+                    }
+
+                    if(showExpired == false && checkDateStatus(item.policy_end_date) != 'Expired'){
+                           
+
+                        policyTable += `
+                                <tr>
+                                    <td>${item.insurer_short} - ${item.insurer_branch_name}</td>
+                                    <td>${policy_name_data}</td>
+                                    <td>${item.branch_name ? item.branch_name : ' - '}</td>
+                                    <td>${tpaValue}</td>
+                                    <td>${(item.policy_start_date)} / ${(item.policy_end_date)}</td>
+                                
+                                    <td>${checkDateStatus(item.policy_end_date, 1)}</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="#" data-id="${item.id}" id="${item.policy_id}" class="dropdown-item btnPolicyEdit"><i class="mdi mdi-lead-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit</a>
+                                                <a href="#" data-id="${item.id}" id="${search_term}" data-typeid="${item.policy_type_id}" class="dropdown-item btnPolicyMaster" ><i class="mdi mdi-wrench mr-2 text-muted font-18 vertical-middle"></i>Terms</a>
+                                                <a href="#" data-id="${item.id}" id="${search_term}" data-typeid="${item.policy_type_id}" class="dropdown-item btnPolicyModel"  data-toggle="modal" data-target="#bs-example-modal-lg"><i class="mdi mdi-book-open mr-2 text-muted font-18 vertical-middle"></i>Rack Rate</a>`;
+
+                            // Conditionally render the delete option based on the role
+                            if (role != 3 && role != 4) {
+                                policyTable += `
+                                                <a href="#" data-id="${item.id}" id="${search_term}" data-typeid="${item.policy_type_id}" class="dropdown-item" onclick="removepolicy(this)"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Delete</a>`;
+                            }
+
+                            policyTable += `              
+                                            </div>
+                                        </div>
+                                    </td>
+                                </tr>
+                            `;
+  
+                        
+                    }
+
+
+
+            });
+
+            const table = $('#table-client-policy').DataTable();
+            table.clear().destroy(); 
+
+            $('#table-client-policy tbody').html(policyTable); // replace tbody content
+
+            $('#table-client-policy').DataTable({
+                paging: true,
+                searching: true,
+                autoWidth: false,
+                responsive: true,
+            });
+
+
+
+
+        });
+
+
+
+});
+</script>
+
+
+