diff --git a/app/Views/invoice_policy_mapping.php b/app/Views/invoice_policy_mapping.php
index 870bcd66..29cc337d 100644
--- a/app/Views/invoice_policy_mapping.php
+++ b/app/Views/invoice_policy_mapping.php
@@ -57,6 +57,20 @@ table.dataTable tbody td { padding: 4px 4px !important; }
 .policy-adjustment { -moz-appearance:textfield; }
 </style>
 
+<style>
+    .invoice-actions {
+        display: flex;
+        justify-content: flex-end;
+        gap: 10px;
+    }
+
+    #invoiceModal .modal-body {
+        max-height: 520px;   /* adjust as needed */
+        overflow-y: auto;
+    }
+
+</style>
+
 <div class="row" id="invoices_details">
     <div class="col-12">
         <div id="invoices_accordion" class="ml-3">
@@ -153,9 +167,9 @@ table.dataTable tbody td { padding: 4px 4px !important; }
                             </button> -->
 
                             <?php if(isset($type) && $type === 'edit'): ?> 
-                                <button class="btn app-btn-primary mr-2 M" onclick="showMorePolicies()" title="More Policies">
+                                <!-- <button class="btn btn-primary mr-2 M" onclick="showMorePolicies()" title="More Policies">
                                     More Policies
-                                </button>
+                                </button> -->
                             <?php endif; ?>
 
 
@@ -216,6 +230,9 @@ table.dataTable tbody td { padding: 4px 4px !important; }
                                         <div class="summary-item">
                                             <button type="button" class="btn-icon mr-1 text-warning" data-toggle="modal" data-target="#auditingModal" onclick="auditingHistory()" title="History"><i class="mdi mdi-history"></i></button>
                                         </div>
+                                        <div class="summary-item">
+                                            <button type="button" class="btn-icon mr-1 text-warning" onclick="fetchPreviewInvoiceDetails(<?= isset($invoice['id']) ? $invoice['id'] : '' ?>, '<?= isset($invoice['invoice_no']) ? $invoice['invoice_no'] : '' ?>')" data-toggle="tooltip" title="Preview Invoice"><i class="mdi mdi-eye"></i></button>
+                                        </div>
                                         <?php endif; ?>
 
                                     </div>
@@ -250,6 +267,36 @@ table.dataTable tbody td { padding: 4px 4px !important; }
   </div>
 </div>
 
+<!-- Invoice Preview Modal -->
+<div class="modal fade" id="invoiceModal" tabindex="-1" role="dialog" aria-hidden="true" aria-modal="true" data-bs-backdrop="static">
+    <div class="modal-dialog modal-full-width">
+        <div class="modal-content">
+            <div class="modal-header" style="background-color: gainsboro;">
+                <h5 class="modal-title" id="invoiceModalLabel">
+                     Invoice Preview <span id="invoice_heading"></span>
+                </h5>
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+            </div>
+            <div class="modal-body" id="invoice_modal_body">
+
+                <input type="hidden" id="row_invoice_id">
+
+                <!-- Action Buttons -->
+                <div class="invoice-actions">
+                    <button class="btn btn-success btn-sm" onclick="downloadInvoicePdf()"><i class="mdi mdi-download"></i> Download PDF</button>
+                    <!-- <button class="btn btn-info btn-sm" onclick="printInvoice()"><i class="mdi mdi-printer"></i> Print </button> -->
+                </div>
+
+                <hr>
+
+                <!-- Invoice Preview Container -->
+                <div id="invoicePreview"></div>
+
+            </div>
+        </div>
+    </div>
+</div>
+
 <script>
 
     // ---- Internal state ----
@@ -969,4 +1016,74 @@ function getExportFileName() {
         // let INV = $("#invoiceNo").val() || '';
         return `Payouts (${day}-${month}-${year})`;
 }
-</script>
\ No newline at end of file
+
+function downloadInvoicePdf(){
+
+    let invoice_id = $('#invoiceID').val();
+    if(!invoice_id){
+        return toastr.warning('No data found', 'Warning');
+    }
+    window.location.href = '<?= base_url('payout/invoices/downloadPdf/') ?>' + invoice_id
+}
+
+function fetchPreviewInvoiceDetails(invoice_id, invoice_no){  
+
+    if (!invoice_id) {
+        toastr.warning("Invoice Id not found!", "WARNING");
+        return false;
+    }
+
+    let heading_text = ' - ( ' + invoice_no + ' )';
+
+    $('#invoicePreview').empty();
+    $('#invoice_heading').text(heading_text);
+    $('#invoicePreview').append('<div class="text-center p-5"><div class="spinner-border text-primary" role="status"><span class="sr-only">Loading...</span></div></div>');
+
+    var myModal = new bootstrap.Modal(document.getElementById('invoiceModal'));
+    myModal.show();
+
+    let url = '<?= base_url('payout/invoices/preview') ?>';
+
+    // Data to send in the AJAX request
+    let requestData = {
+        invoice_id: invoice_id,
+    };
+
+
+    // Send AJAX request
+    sendAjaxRequestForGlobal(url, 'GET', requestData, function(response) {
+
+        console.log('Data fetched successfully:', response);
+
+        $('#invoicePreview').empty();
+        $('#invoice_heading').text(heading_text);
+
+        if (response.status == true) {
+            $('#invoicePreview').append(response.data);
+            $('#row_invoice_id').val(invoice_id);
+        }else{
+            $('#invoicePreview').append('<div class="text-center p-5 text-muted">No data found</div>');
+        }
+
+    }, function(xhr, status, error) {
+        console.error('Error fetching data:', error);
+        console.error(xhr.responseText);
+        // toastr.error('An error occurred while fetching the data.', 'ERROR');
+        $('#invoicePreview').empty();
+        $('#invoicePreview').append('<div class="text-center p-5 text-muted">No data found</div>');
+    });
+}
+
+</script>
+
+<?php if(isset($type) && $type === 'edit'): ?> 
+    <script>
+        $(document).ready(function(){
+            $(".dt-buttons").prepend(`
+                <button class="btn btn-primary mr-2 M" onclick="showMorePolicies()" title="More Policies">
+                    More Policies
+                </button>
+            `);
+        })
+    </script>
+<?php endif; ?>
\ No newline at end of file
diff --git a/app/Views/invoice_policy_mapping_add.php b/app/Views/invoice_policy_mapping_add.php
index ee5a23f2..03168af3 100755
--- a/app/Views/invoice_policy_mapping_add.php
+++ b/app/Views/invoice_policy_mapping_add.php
@@ -293,6 +293,13 @@ table.dataTable tbody td { padding: 4px 4px !important; }
 
     filteredPolicies = allPolicies.filter(p => String(p.agentId) === String(agentId));
 
+    // policy Till Date filter 
+    filteredPolicies = allPolicies.filter(p => {
+        if (String(p.agentId) !== String(agentId)) return false;
+        if (policyTillDate && p.date_db > policyTillDate) return false;
+        return true;
+    });
+
     let rows = '';
     filteredPolicies.forEach(p => {
         const idStr = String(p.id);
diff --git a/app/Views/payout_list_handler.php b/app/Views/payout_list_handler.php
index 80315199..329645bd 100644
--- a/app/Views/payout_list_handler.php
+++ b/app/Views/payout_list_handler.php
@@ -128,6 +128,7 @@
             $('#reportrange').val('');
             $('#startDate').val('');
             $('#endDate').val('');
+            window.location.reload(true);
         });
 
     });