Update templates/menu_page.html

templates/menu_page.html

@@ -95,7 +95,6 @@
     <div class="filter-buttons">
         <button onclick="filterMenu('Veg')">Vegetarian</button>
         <button onclick="filterMenu('Non-Veg')">Non-Vegetarian</button>
-        <button onclick="resetMenu()">Show All</button>
     </div>
 
     <!-- Menu Display -->
@@ -148,10 +147,8 @@
                 const command = event.results[0][0].transcript.toLowerCase();
                 if (command.includes("vegetarian") || command.includes("veg")) {
                     filterMenu("Veg");
-                    speak("Here are the vegetarian items.");
                 } else if (command.includes("non-vegetarian") || command.includes("non veg")) {
                     filterMenu("Non-Veg");
-                    speak("Here are the non-vegetarian items.");
                 } else {
                     speak("Sorry, I didn't understand. Please say Vegetarian or Non-Vegetarian.", function() {
                         startListening();
@@ -160,24 +157,25 @@
             };
         }
 
-        // ✅ Function to filter menu by category
+        // ✅ Function to filter menu by category and speak items
         function filterMenu(type) {
             const allItems = document.querySelectorAll('.menu-item');
+            let availableItems = [];
+
             allItems.forEach(item => {
                 const category = item.dataset.category.toLowerCase();
                 if (type === "Veg" && (category.includes("veg") || category.includes("paneer") || category.includes("channa"))) {
                     item.style.display = "block";
+                    availableItems.push(item.querySelector('h3').innerText);
                 } else if (type === "Non-Veg" && (category.includes("chicken") || category.includes("mutton") || category.includes("fish") || category.includes("prawn"))) {
                     item.style.display = "block";
+                    availableItems.push(item.querySelector('h3').innerText);
                 } else {
                     item.style.display = "none";
                 }
             });
-        }
 
-        // ✅ Reset filter and show all items
-        function resetMenu() {
-            document.querySelectorAll('.menu-item').forEach(item => item.style.display = "block");
+            speak("Here are the available items: " + availableItems.join(", "));
         }
 
         // ✅ Function to add items to cart
@@ -207,7 +205,7 @@
             cartContainer.style.display = "block";
         }
 
-        // ✅ Function to checkout (Placeholder)
+        // ✅ Function to checkout
         function checkout() {
             if (cart.length > 0) {
                 speak("Your order has been placed successfully!");