Update templates/menu_page.html

templates/menu_page.html

@@ -22,6 +22,11 @@
 
     <div class="menu-container">
         <h1>Welcome to the Menu</h1>
+        <!-- Buttons to select vegetarian or non-vegetarian menu -->
+        <div class="menu-option">
+            <button onclick="showMenu('veg')">Vegetarian Menu</button>
+            <button onclick="showMenu('nonVeg')">Non-Vegetarian Menu</button>
+        </div>
         <div id="menu-items"></div>
         <button onclick="viewCart()">View Cart</button>
     </div>
@@ -54,29 +59,11 @@
 
         const cart = [];
 
-        const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)();
-        recognition.lang = 'en-US';
-        recognition.interimResults = false;
-        recognition.maxAlternatives = 1;
-
-        // Greeting the user
-        function speak(text, callback) {
-            const msg = new SpeechSynthesisUtterance(text);
-            msg.onend = callback;
-            window.speechSynthesis.speak(msg);
-        }
-
-        function askForVegOrNonVeg() {
-            speak("Would you prefer vegetarian or non-vegetarian?", () => {
-                recognition.start();
-            });
-        }
-
-        // Function to display menu based on user's choice (veg/non-veg)
         function showMenu(type) {
             const menuContainer = document.getElementById('menu-items');
             menuContainer.innerHTML = ''; // Clear previous menu items
 
+            // Display items based on selected menu type
             menuItems[type].forEach(item => {
                 const div = document.createElement('div');
                 div.classList.add('menu-item');
@@ -94,20 +81,18 @@
             });
         }
 
-        // Function to add items to the cart
         function addToCart(itemName) {
             const quantity = prompt(`How many ${itemName} would you like to add?`, 1);
             if (quantity && !isNaN(quantity) && quantity > 0) {
                 const item = menuItems.veg.concat(menuItems.nonVeg).find(item => item.name === itemName);
                 const cartItem = { ...item, quantity: parseInt(quantity) };
                 cart.push(cartItem);
-                speak(`${quantity} of ${itemName} added to your cart.`);
+                alert(`${quantity} of ${itemName} added to your cart.`);
             } else {
-                speak("Please enter a valid quantity.");
+                alert("Please enter a valid quantity.");
             }
         }
 
-        // Function to view cart
         function viewCart() {
             const cartContainer = document.getElementById('cart-container');
             const cartItemsContainer = document.getElementById('cart-items');
@@ -121,49 +106,17 @@
             cartContainer.style.display = 'block';
         }
 
-        // Function to place the final order
         function placeOrder() {
             if (cart.length > 0) {
-                speak("Your order has been placed successfully.", () => {
-                    cart.length = 0; // Clear the cart after placing the order
-                    viewCart(); // Optionally, update cart view
-                });
+                alert("Your order has been placed successfully!");
+                cart.length = 0; // Clear the cart after placing the order
+                viewCart(); // Optionally, update cart view
             } else {
-                speak("Your cart is empty. Please add items before placing the order.");
+                alert("Your cart is empty. Please add items before placing the order.");
             }
         }
 
-        // Speech recognition for handling the customer’s choice
-        recognition.onresult = (event) => {
-            const command = event.results[0][0].transcript.toLowerCase();
-            if (command.includes('vegetarian')) {
-                showMenu('veg');
-                speak("Here are the vegetarian items.", () => askForItemsToAdd());
-            } else if (command.includes('non-vegetarian')) {
-                showMenu('nonVeg');
-                speak("Here are the non-vegetarian items.", () => askForItemsToAdd());
-            } else {
-                speak("Please say vegetarian or non-vegetarian.", () => {
-                    recognition.start();
-                });
-            }
-        };
-
-        recognition.onerror = (event) => {
-            console.error("Speech recognition error:", event.error);
-            speak("Sorry, I couldn't understand that. Please try again.", () => recognition.start());
-        };
-
-        function askForItemsToAdd() {
-            speak("Please say the name of the item you'd like to add to the cart.", () => {
-                recognition.start();
-            });
-        }
-
-        // Initiating the process as soon as the page loads
-        window.onload = () => {
-            speak("Welcome to the Biryani Hub menu.", () => askForVegOrNonVeg());
-        };
     </script>
 </body>
 </html>
+