From dbc3a2623ceb61490a7743ef4237b90510c58cce Mon Sep 17 00:00:00 2001
From: Focuslinkstech <45756999+Focuslinkstech@users.noreply.github.com>
Date: Sun, 17 Mar 2024 15:56:42 +0100
Subject: [PATCH] Update customers.tpl

Functionality to filter table rows based on admin input
---
 ui/ui/customers.tpl | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/ui/ui/customers.tpl b/ui/ui/customers.tpl
index 0dcd1e42..8bec2eac 100644
--- a/ui/ui/customers.tpl
+++ b/ui/ui/customers.tpl
@@ -18,7 +18,7 @@
                     <div class="col-md-8">
                         <form id="site-search" method="post" action="{$_url}customers/list/">
                             <div class="input-group">
-                                <input type="text" name="search" value="{$search}" class="form-control"
+                                <input type="text" id="search-input" name="search" value="{$search}" class="form-control"
                                     placeholder="{Lang::T('Search')}...">
                                 <div class="input-group-btn">
                                     <button class="btn btn-success" type="submit"><span
@@ -79,4 +79,25 @@
     </div>
 </div>
 
+<script>
+    // Functionality to filter table rows based on admin input
+    document.addEventListener('DOMContentLoaded', function () {
+            var searchInput = document.getElementById('search-input');
+            var tableRows = document.querySelectorAll('tbody tr');
+
+            searchInput.addEventListener('input', function () {
+                var searchText = this.value.toLowerCase();
+
+                tableRows.forEach(function (row) {
+                    var rowData = row.textContent.toLowerCase();
+
+                    if (rowData.includes(searchText)) {
+                        row.style.display = '';
+                    } else {
+                        row.style.display = 'none';
+                    }
+                });
+            });
+        });
+</script>
 {include file="sections/footer.tpl"}
\ No newline at end of file