Update templates/menu.html

templates/menu.html

@@ -472,33 +472,38 @@
         }
 
         function filterMenu() {
-            let input = document.getElementById('searchBar').value.toLowerCase();
-            let sections = document.querySelectorAll('h3'); // Select section headers
-            let items = document.querySelectorAll('.menu-card'); // Select all items
-            let matchedSections = new Set(); // Store matched sections
-            // Hide all items initially
-            items.forEach(item => {
-                let itemName = item.querySelector('.card-title').innerText.toLowerCase();
-                let itemSection = item.closest('.row').previousElementSibling.innerText.toLowerCase(); // Get section name
-                if (itemName.includes(input) || (itemSection && itemSection.includes(input))) {
-                    item.style.display = 'block';  // Show item if it matches search
-                    matchedSections.add(item.closest('.row')); // Add section to matched list
-                } else {
-                    item.style.display = 'none'; // Hide item if not matched
-                }
-            });
-            // Show or hide sections based on matched items
-            sections.forEach(section => {
-                let sectionRow = section.nextElementSibling; // The row containing items
-                if (matchedSections.has(sectionRow)) {
-                    section.style.display = 'block'; // Show section header
-                    sectionRow.style.display = 'flex'; // Show section items
-                } else {
-                    section.style.display = 'none'; // Hide section header
-                    sectionRow.style.display = 'none'; // Hide section items
-                }
-            });
+    let input = document.getElementById('searchBar').value.toLowerCase(); // Get the value from search bar
+    let sections = document.querySelectorAll('h3'); // Select section headers
+    let items = document.querySelectorAll('.menu-card'); // Select all items
+    let matchedSections = new Set(); // Store matched sections
+    
+    // Hide all items initially
+    items.forEach(item => {
+        let itemName = item.querySelector('.card-title').innerText.toLowerCase(); // Get item name
+        let itemSection = item.closest('.row').previousElementSibling.innerText.toLowerCase(); // Get section name
+        
+        // If the search matches item name or section, show the item
+        if (itemName.includes(input) || (itemSection && itemSection.includes(input))) {
+            item.style.display = 'block';  // Show item if it matches search
+            matchedSections.add(item.closest('.row')); // Add section to matched list
+        } else {
+            item.style.display = 'none'; // Hide item if not matched
+        }
+    });
+    
+    // Show or hide sections based on matched items
+    sections.forEach(section => {
+        let sectionRow = section.nextElementSibling; // The row containing items
+        if (matchedSections.has(sectionRow)) {
+            section.style.display = 'block'; // Show section header
+            sectionRow.style.display = 'flex'; // Show section items
+        } else {
+            section.style.display = 'none'; // Hide section header
+            sectionRow.style.display = 'none'; // Hide section items
         }
+    });
+}
+
 
         function addToCartFromModal() {
             const itemName = document.getElementById('modal-name').innerText;