From 5de65a73f113816affc6e9415c266b14e2e5919c Mon Sep 17 00:00:00 2001
From: DevSoftTech Server <info.devsofttech@gmail.com>
Date: Fri, 10 Jul 2026 00:45:07 +0530
Subject: [PATCH] Handle no-records cleanly without DataTable warning in
 Invoice lists

---
 app/Views/Invoice/case_list_all.php        | 84 +++++++++++++++++++---
 app/Views/Invoice/payment_request_list.php | 74 +++++++++++++++++--
 app/Views/Invoice/refund_invoice.php       | 76 ++++++++++++++++++--
 3 files changed, 212 insertions(+), 22 deletions(-)

diff --git a/app/Views/Invoice/case_list_all.php b/app/Views/Invoice/case_list_all.php
index 98359e6..a755e3c 100644
--- a/app/Views/Invoice/case_list_all.php
+++ b/app/Views/Invoice/case_list_all.php
@@ -25,9 +25,6 @@
 		</div>
 		<div class="card admin-card">
 			<div class="card-body">
-				<div class="alert alert-warning d-none" id="datatable-missing">
-					DataTable plugin is not loaded. Please include jQuery DataTables to enable filtering.
-				</div>
 				<div class="table-responsive">
 					<table class="table table-striped table-hover align-middle TableData" id="employee-grid" width="100%">
 					<thead>
@@ -93,11 +90,6 @@
 <!-- /.content -->
 <script type="text/javascript" language="javascript" >
 			(function() {
-				if (!$.fn || !$.fn.DataTable) {
-					$('#datatable-missing').removeClass('d-none');
-					return;
-				}
-
 				var $table = $('#employee-grid');
 				if ($table.length === 0) {
 					return;
@@ -108,6 +100,82 @@
 				}
 				$table.data('case-list-init', 1);
 
+				function escHtml(value) {
+					return String(value == null ? '' : value)
+						.replace(/&/g, '&amp;')
+						.replace(/</g, '&lt;')
+						.replace(/>/g, '&gt;')
+						.replace(/"/g, '&quot;')
+						.replace(/'/g, '&#39;');
+				}
+
+				function renderFallbackRows(rows) {
+					var $tbody = $('#employee-grid tbody');
+					$tbody.empty();
+
+					if (!rows || rows.length === 0) {
+						$tbody.append('<tr><td colspan="7" class="text-center text-muted">No records found</td></tr>');
+						return;
+					}
+
+					rows.forEach(function(res) {
+						var caseNo = res[0] || '';
+						var urlLink = "javascript:load_form('<?= base_url('Orgcase/case_invoice') ?>/" + encodeURIComponent(caseNo) + "');";
+						var statusHtml = escHtml(res[6] || '');
+
+						if ((res[6] || '') === 'submitted') {
+							statusHtml = '<a data-toggle="modal" data-target="#payModal" data-caseid="' + encodeURIComponent(caseNo) + '" href="#">' + statusHtml + '</a>';
+						}
+
+						$tbody.append(
+							'<tr>' +
+							'<td><a href="' + urlLink + '">' + escHtml(caseNo) + '</a></td>' +
+							'<td>' + escHtml(res[1] || '') + '</td>' +
+							'<td>' + (res[2] || '') + '</td>' +
+							'<td>' + escHtml(res[3] || '') + '</td>' +
+							'<td>' + escHtml(res[4] || '') + '</td>' +
+							'<td>' + escHtml(res[5] || '') + '</td>' +
+							'<td>' + statusHtml + '</td>' +
+							'</tr>'
+						);
+					});
+				}
+
+				function loadFallbackData() {
+					$.ajax({
+						url: "<?= base_url('Orgcase/getCaseTable') ?>",
+						type: 'post',
+						dataType: 'json',
+						data: {
+							'<?= csrf_token() ?>': '<?= csrf_hash() ?>',
+							draw: 1,
+							start: 0,
+							length: 200,
+							'order[0][column]': 0,
+							'order[0][dir]': 'desc',
+							'columns[0][search][value]': $('input[data-column="0"]').val() || '',
+							'columns[1][search][value]': $('input[data-column="1"]').val() || '',
+							'columns[2][search][value]': $('input[data-column="2"]').val() || '',
+							'columns[3][search][value]': $('#org_comp').val() || 0,
+							'columns[4][search][value]': $('input[data-column="4"]').val() || '',
+							'columns[5][search][value]': $('#org_status').val() || 0
+						}
+					})
+					.done(function(resp) {
+						renderFallbackRows(resp && Array.isArray(resp.data) ? resp.data : []);
+					})
+					.fail(function() {
+						renderFallbackRows([]);
+					});
+				}
+
+				if (!$.fn || !$.fn.DataTable) {
+					$(".search-input-select").off('change.caseListAllFallback').on('change.caseListAllFallback', loadFallbackData);
+					$('input[type=text]').off('input.caseListAllFallback').on('input.caseListAllFallback', loadFallbackData);
+					loadFallbackData();
+					return;
+				}
+
 				if ($.fn.DataTable.isDataTable($table)) {
 					$table.DataTable().destroy();
 				}
diff --git a/app/Views/Invoice/payment_request_list.php b/app/Views/Invoice/payment_request_list.php
index 4d9aab9..e62cc04 100644
--- a/app/Views/Invoice/payment_request_list.php
+++ b/app/Views/Invoice/payment_request_list.php
@@ -25,9 +25,6 @@
     </div>
     <div class="card admin-card">
         <div class="card-body">
-            <div class="alert alert-warning d-none" id="datatable-missing">
-                DataTable plugin is not loaded. Please include jQuery DataTables to enable filtering.
-            </div>
             <div class="table-responsive">
                 <table class="table table-striped table-hover align-middle TableData" id="employee-grid" width="100%">
                 <thead>
@@ -65,13 +62,76 @@
 </div>
 <script type="text/javascript" language="javascript">
     (function() {
-        if (!$.fn || !$.fn.DataTable) {
-            $('#datatable-missing').removeClass('d-none');
+        var $table = $('#employee-grid');
+        if ($table.length === 0) {
             return;
         }
 
-        var $table = $('#employee-grid');
-        if ($table.length === 0) {
+        function escHtml(value) {
+            return String(value == null ? '' : value)
+                .replace(/&/g, '&amp;')
+                .replace(/</g, '&lt;')
+                .replace(/>/g, '&gt;')
+                .replace(/"/g, '&quot;')
+                .replace(/'/g, '&#39;');
+        }
+
+        function renderFallbackRows(rows) {
+            var $tbody = $('#employee-grid tbody');
+            $tbody.empty();
+
+            if (!rows || rows.length === 0) {
+                $tbody.append('<tr><td colspan="6" class="text-center text-muted">No records found</td></tr>');
+                return;
+            }
+
+            rows.forEach(function(res) {
+                var reqNo = res[0] || '';
+                var link = "javascript:load_form('<?= base_url('Invoice/payment_form') ?>/" + encodeURIComponent(reqNo) + "');";
+                $tbody.append(
+                    '<tr>' +
+                    '<td><a class="btn btn-sm btn-outline-primary w-100 text-start" style="white-space: normal; word-break: break-word;" title="Request No. : ' + escHtml(reqNo) + '" href="' + link + '">Request No. : ' + escHtml(reqNo) + '</a></td>' +
+                    '<td>' + escHtml(res[1] || '') + '</td>' +
+                    '<td>' + escHtml(res[2] || '') + '</td>' +
+                    '<td>' + escHtml(res[3] || '') + '</td>' +
+                    '<td>' + escHtml(res[4] || '') + '</td>' +
+                    '<td>' + escHtml(res[5] || '') + '</td>' +
+                    '</tr>'
+                );
+            });
+        }
+
+        function loadFallbackData() {
+            $.ajax({
+                url: "<?= base_url('Invoice/getRequestTable') ?>",
+                type: 'post',
+                dataType: 'json',
+                data: {
+                    "<?= csrf_token() ?>": "<?= csrf_hash() ?>",
+                    draw: 1,
+                    start: 0,
+                    length: 200,
+                    'order[0][column]': 0,
+                    'order[0][dir]': 'desc',
+                    'columns[0][search][value]': $('input[data-column="0"]').val() || '',
+                    'columns[1][search][value]': $('input[data-column="1"]').val() || '',
+                    'columns[2][search][value]': $('input[data-column="2"]').val() || '',
+                    'columns[4][search][value]': $('input[data-column="4"]').val() || '',
+                    'columns[5][search][value]': $('select[data-column="5"]').val() || ''
+                }
+            })
+            .done(function(resp) {
+                renderFallbackRows(resp && Array.isArray(resp.data) ? resp.data : []);
+            })
+            .fail(function() {
+                renderFallbackRows([]);
+            });
+        }
+
+        if (!$.fn || !$.fn.DataTable) {
+            $(".search-input-select").off('change.listReqPaymentFallback').on('change.listReqPaymentFallback', loadFallbackData);
+            $('input[data-column]').off('input.listReqPaymentFallback').on('input.listReqPaymentFallback', loadFallbackData);
+            loadFallbackData();
             return;
         }
 
diff --git a/app/Views/Invoice/refund_invoice.php b/app/Views/Invoice/refund_invoice.php
index 2586722..196578b 100644
--- a/app/Views/Invoice/refund_invoice.php
+++ b/app/Views/Invoice/refund_invoice.php
@@ -25,9 +25,6 @@
     </div>
     <div class="card admin-card">
         <div class="card-body">
-            <div class="alert alert-warning d-none" id="datatable-missing">
-                DataTable plugin is not loaded. Please include jQuery DataTables to enable filtering.
-            </div>
             <div class="table-responsive">
                 <table class="table table-striped table-hover align-middle TableData" id="employee-grid" width="100%">
                 <thead>
@@ -67,13 +64,78 @@
 </div>
 <script type="text/javascript" language="javascript">
     (function() {
-        if (!$.fn || !$.fn.DataTable) {
-            $('#datatable-missing').removeClass('d-none');
+        var $table = $('#employee-grid');
+        if ($table.length === 0) {
             return;
         }
 
-        var $table = $('#employee-grid');
-        if ($table.length === 0) {
+        function escHtml(value) {
+            return String(value == null ? '' : value)
+                .replace(/&/g, '&amp;')
+                .replace(/</g, '&lt;')
+                .replace(/>/g, '&gt;')
+                .replace(/"/g, '&quot;')
+                .replace(/'/g, '&#39;');
+        }
+
+        function renderFallbackRows(rows) {
+            var $tbody = $('#employee-grid tbody');
+            $tbody.empty();
+
+            if (!rows || rows.length === 0) {
+                $tbody.append('<tr><td colspan="7" class="text-center text-muted">No records found</td></tr>');
+                return;
+            }
+
+            rows.forEach(function(res) {
+                var refundNo = res[0] || '';
+                var link = "javascript:load_form('<?= base_url('Invoice/refund_form') ?>/" + encodeURIComponent(refundNo) + "');";
+                $tbody.append(
+                    '<tr>' +
+                    '<td><a class="btn btn-sm btn-outline-primary w-100 text-start" style="white-space: normal; word-break: break-word;" title="Refund No. : ' + escHtml(refundNo) + '" href="' + link + '">Refund No. : ' + escHtml(refundNo) + '</a></td>' +
+                    '<td>' + escHtml(res[1] || '') + '</td>' +
+                    '<td>' + escHtml(res[2] || '') + '</td>' +
+                    '<td>' + escHtml(res[3] || '') + '</td>' +
+                    '<td>' + escHtml(res[4] || '') + '</td>' +
+                    '<td>' + escHtml(res[5] || '') + '</td>' +
+                    '<td>' + escHtml(res[6] || '') + '</td>' +
+                    '</tr>'
+                );
+            });
+        }
+
+        function loadFallbackData() {
+            $.ajax({
+                url: "<?= base_url('Invoice/getRefundTable') ?>",
+                type: 'post',
+                dataType: 'json',
+                data: {
+                    "<?= csrf_token() ?>": "<?= csrf_hash() ?>",
+                    draw: 1,
+                    start: 0,
+                    length: 200,
+                    'order[0][column]': 0,
+                    'order[0][dir]': 'desc',
+                    'columns[0][search][value]': $('input[data-column="0"]').val() || '',
+                    'columns[1][search][value]': $('input[data-column="1"]').val() || '',
+                    'columns[2][search][value]': $('input[data-column="2"]').val() || '',
+                    'columns[3][search][value]': $('input[data-column="3"]').val() || '',
+                    'columns[5][search][value]': $('input[data-column="5"]').val() || '',
+                    'columns[6][search][value]': $('select[data-column="6"]').val() || ''
+                }
+            })
+            .done(function(resp) {
+                renderFallbackRows(resp && Array.isArray(resp.data) ? resp.data : []);
+            })
+            .fail(function() {
+                renderFallbackRows([]);
+            });
+        }
+
+        if (!$.fn || !$.fn.DataTable) {
+            $(".search-input-select").off('change.refundInvoiceFallback').on('change.refundInvoiceFallback', loadFallbackData);
+            $('input[data-column]').off('input.refundInvoiceFallback').on('input.refundInvoiceFallback', loadFallbackData);
+            loadFallbackData();
             return;
         }