Update templates/menu.html

templates/menu.html

@@ -404,11 +404,9 @@
                     document.getElementById('addons-list').innerHTML = '<p>Error loading customization options.</p>';
                 });
         }
-
-
         function filterMenu() {
             let input = document.getElementById('searchBar').value.toLowerCase();
-            let sections = document.querySelectorAll('.menu-section'); // Select all sections
+            let sections = document.querySelectorAll('h3'); // Select section headers
             let items = document.querySelectorAll('.menu-card'); // Select all items
 
             let matchedSections = new Set(); // Store matched sections
@@ -416,11 +414,11 @@
             // Hide all items initially
             items.forEach(item => {
                 let itemName = item.querySelector('.card-title').innerText.toLowerCase();
-                let itemSection = item.closest('.menu-section')?.querySelector('h3')?.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('.menu-section')); // Add section to matched list
+                    matchedSections.add(item.closest('.row')); // Add section to matched list
                 } else {
                     item.style.display = 'none'; // Hide item if not matched
                 }
@@ -428,14 +426,18 @@
 
             // Show or hide sections based on matched items
             sections.forEach(section => {
-                if (matchedSections.has(section)) {
-                    section.style.display = 'block';
+                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';
+                    section.style.display = 'none'; // Hide section header
+                    sectionRow.style.display = 'none'; // Hide section items
                 }
             });
         }
 
+
         function addToCartFromModal() {
             const itemName = document.getElementById('modal-name').innerText;
             const itemPrice = parseFloat(document.getElementById('modal-price').innerText.replace('$', ''));