Update templates/menu_page.html

templates/menu_page.html

@@ -91,10 +91,11 @@
 
     <h1>Restaurant Menu</h1>
 
-    <!-- Buttons for filtering menu -->
+    <!-- Filter Buttons -->
     <div class="filter-buttons">
-        <button onclick="filterMenu('veg')">Vegetarian</button>
-        <button onclick="filterMenu('non-veg')">Non-Vegetarian</button>
+        <button onclick="filterMenu('Veg')">Vegetarian</button>
+        <button onclick="filterMenu('Non-Veg')">Non-Vegetarian</button>
+        <button onclick="resetMenu()">Show All</button>
     </div>
 
     <!-- Menu Display -->
@@ -121,6 +122,8 @@
     <button onclick="viewCart()">View Cart</button>
 
     <script>
+        let cart = [];
+
         // ✅ Speech Synthesis - Welcome message
         function speak(text, callback) {
             const msg = new SpeechSynthesisUtterance(text);
@@ -144,10 +147,10 @@
             recognition.onresult = function(event) {
                 const command = event.results[0][0].transcript.toLowerCase();
                 if (command.includes("vegetarian") || command.includes("veg")) {
-                    filterMenu("veg");
+                    filterMenu("Veg");
                     speak("Here are the vegetarian items.");
                 } else if (command.includes("non-vegetarian") || command.includes("non veg")) {
-                    filterMenu("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() {
@@ -161,9 +164,10 @@
         function filterMenu(type) {
             const allItems = document.querySelectorAll('.menu-item');
             allItems.forEach(item => {
-                if (type === "veg" && item.dataset.category.toLowerCase().includes("veg")) {
+                const category = item.dataset.category.toLowerCase();
+                if (type === "Veg" && (category.includes("veg") || category.includes("paneer") || category.includes("channa"))) {
                     item.style.display = "block";
-                } else if (type === "non-veg" && item.dataset.category.toLowerCase().includes("chicken") || item.dataset.category.toLowerCase().includes("mutton") || item.dataset.category.toLowerCase().includes("fish") || item.dataset.category.toLowerCase().includes("prawn")) {
+                } else if (type === "Non-Veg" && (category.includes("chicken") || category.includes("mutton") || category.includes("fish") || category.includes("prawn"))) {
                     item.style.display = "block";
                 } else {
                     item.style.display = "none";
@@ -171,6 +175,49 @@
             });
         }
 
+        // ✅ Reset filter and show all items
+        function resetMenu() {
+            document.querySelectorAll('.menu-item').forEach(item => item.style.display = "block");
+        }
+
+        // ✅ Function to add items to cart
+        function addToCart(name, price) {
+            const existingItem = cart.find(item => item.name === name);
+            if (existingItem) {
+                existingItem.quantity += 1;
+            } else {
+                cart.push({ name, price, quantity: 1 });
+            }
+            speak(name + " added to cart!");
+        }
+
+        // ✅ Function to view cart
+        function viewCart() {
+            const cartContainer = document.getElementById("cart-container");
+            const cartItemsContainer = document.getElementById("cart-items");
+
+            cartItemsContainer.innerHTML = "";
+            cart.forEach(cartItem => {
+                const div = document.createElement("div");
+                div.classList.add("cart-item");
+                div.innerHTML = `<span>${cartItem.name} (x${cartItem.quantity}) - $${cartItem.price * cartItem.quantity}</span>`;
+                cartItemsContainer.appendChild(div);
+            });
+
+            cartContainer.style.display = "block";
+        }
+
+        // ✅ Function to checkout (Placeholder)
+        function checkout() {
+            if (cart.length > 0) {
+                speak("Your order has been placed successfully!");
+                cart = [];
+                viewCart();
+            } else {
+                speak("Your cart is empty. Please add items before placing the order.");
+            }
+        }
+
         // ✅ Welcome Message on Page Load
         window.onload = askMenuType;
     </script>