add debounce

index.php

@@ -100,7 +100,7 @@
                 <?php endif; ?>
                 <!-- Change input type to "text" for minimum stock -->
                 <input type="text" name="min_stock" placeholder="Min Stock" value="<?= htmlspecialchars($minStock) ?>">
-                <button type="submit">Search</button>
+                <button type="submit" id="search-button">Search</button>
             </form>
         </div>
 
@@ -126,6 +126,24 @@
             &copy; 2023 Ticket Ku. All rights reserved.
         </div>
     </div>
+
+    <script>
+        // disable search button temporarily (DEBOUNCE)
+        function disableSearchButton() {
+            const searchButton = document.getElementById("search-button");
+            searchButton.disabled = true;
+
+            setTimeout(() => {
+                searchButton.disabled = false;
+            }, 1200); // 0.8s delay
+        }
+
+        document.querySelector(".search-bar form").addEventListener("submit", function (e) {
+            e.preventDefault(); 
+            disableSearchButton();
+        });
+    </script>
+
 </body>
 
 </html>