Update templates/index.html

templates/index.html

@@ -119,13 +119,11 @@
         } else {
             alert("Speech Recognition API is not supported in this browser.");
         }
-
         function speak(text, callback) {
             const speech = new SpeechSynthesisUtterance(text);
             speech.onend = callback;
             window.speechSynthesis.speak(speech);
         }
-
         function askLoginOrRegister() {
             speak("Welcome to Biryani Hub.Are you a new customer or an existing customer? Say 'new' to register or 'existing' to login.", function () {
                 recognition.start();
@@ -144,13 +142,11 @@
                 };
             });
         }
-
         function showRegistrationForm() {
             document.getElementById('welcomePage').style.display = 'none';
             document.getElementById('registrationForm').style.display = 'block';
             document.getElementById('loginForm').style.display = 'none';
         }
-
         function showLoginForm() {
             document.getElementById('welcomePage').style.display = 'none';
             document.getElementById('registrationForm').style.display = 'none';
@@ -169,7 +165,6 @@ function captureName() {
         };
     });
 }
-
 function confirmName(nameCaptured) {
     recognition.start();
     recognition.onresult = function (event) {
@@ -182,7 +177,6 @@ function confirmName(nameCaptured) {
         }
     };
 }
-
 function captureEmail() {
     speak("Now, say your email.", function () {
         recognition.start();
@@ -196,7 +190,6 @@ function captureEmail() {
         };
     });
 }
-
 function confirmEmail(emailCaptured) {
     recognition.start();
     recognition.onresult = function (event) {
@@ -209,7 +202,6 @@ function confirmEmail(emailCaptured) {
         }
     };
 }
-
 function captureMobile() {
     speak("Now, say your mobile number.", function () {
         recognition.start();
@@ -223,7 +215,6 @@ function captureMobile() {
         };
     });
 }
-
 function confirmMobile(mobileCaptured) {
     recognition.start();
     recognition.onresult = function (event) {
@@ -236,24 +227,19 @@ function confirmMobile(mobileCaptured) {
         }
     };
 }
-
 function isConfirmation(confirmation) {
     const validResponses = ["yes", "ok", "yeah", "correct", "yep"];
     return validResponses.some(response => confirmation.includes(response));
 }
-
 function submitRegistration() {
     const name = document.getElementById('name')?.value.trim();
     const email = document.getElementById('email')?.value.trim();
     const phone = document.getElementById('mobile')?.value.trim();
-
     if (!name || !email || !phone) {
         alert("Please provide all required details.");
         return;
     }
-
     console.log("Sending data:", { name, email, phone });
-
     fetch('/submit', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
@@ -263,12 +249,12 @@ function submitRegistration() {
     .then(data => {
         console.log("Response Data:", data);
         if (data.success) {
-            speak(Thank you for registering, ${name}!);
+            speak(`Thank you for registering, ${name}!`);
             let statusText = document.getElementById('statusText');
             let statusMessage = document.getElementById('statusMessage');
             
             if (statusText && statusMessage) {
-                statusText.textContent = Thank you for registering, ${name}!;
+                statusText.textContent = `Thank you for registering, ${name}!`;
                 statusMessage.style.display = 'block';
                 setTimeout(() => {
                     statusText.textContent = 'Submitted Successfully!';
@@ -281,7 +267,6 @@ function submitRegistration() {
             speak("There was an error submitting your details. Please try again.");
             let statusText = document.getElementById('statusText');
             let statusMessage = document.getElementById('statusMessage');
-
             if (statusText && statusMessage) {
                 statusText.textContent = 'There was an error submitting your details. Please try again.';
                 statusMessage.style.display = 'block';
@@ -293,16 +278,12 @@ function submitRegistration() {
         speak("An error occurred. Please try again.");
         let statusText = document.getElementById('statusText');
         let statusMessage = document.getElementById('statusMessage');
-
         if (statusText && statusMessage) {
             statusText.textContent = 'An error occurred. Please try again.';
             statusMessage.style.display = 'block';
         }
     });
 }
-
-
-
 function speak(message, callback) {
     const utterance = new SpeechSynthesisUtterance(message);
     utterance.onend = function () {
@@ -310,8 +291,6 @@ function speak(message, callback) {
     };
     window.speechSynthesis.speak(utterance);
 }
-
-
         function captureLoginDetails() {
             speak("Please say your email for login.", function () {
                 recognition.start();
@@ -325,7 +304,6 @@ function speak(message, callback) {
                 };
             });
         }
-
         function confirmLoginEmail(emailCaptured) {
             recognition.start();
             recognition.onresult = function (event) {
@@ -338,7 +316,6 @@ function speak(message, callback) {
                 }
             };
         }
-
         function captureLoginMobile() {
             speak("Now, say your mobile number.", function () {
                 recognition.start();
@@ -352,7 +329,6 @@ function speak(message, callback) {
                 };
             });
         }
-
         function confirmLoginMobile(mobileCaptured) {
             recognition.start();
             recognition.onresult = function (event) {
@@ -365,11 +341,9 @@ function speak(message, callback) {
                 }
             };
         }
-
         // function submitLogin() {
         //     const loginEmail = document.getElementById('loginEmail').value;
         //     const loginMobile = document.getElementById('loginMobile').value;
-
         //     // Simulate login check
         //     if (loginEmail && loginMobile) {
         //         window.location.href = '/menu'; // Redirect to menu after successful login
@@ -380,7 +354,6 @@ function speak(message, callback) {
       function submitLogin() {
           const loginEmail = document.getElementById('loginEmail').value;
           const loginMobile = document.getElementById('loginMobile').value;
-
     // Simulate login check by querying Salesforce
     if (loginEmail && loginMobile) {
         fetch('/validate-login', {
@@ -392,7 +365,7 @@ function speak(message, callback) {
         .then(data => {
             if (data.success) {
                 const userName = data.name;  // Retrieve the name from the response
-                speak(Welcome, ${userName}!); // Speak the welcome message with the user's name
+                speak(`Welcome, ${userName}!`); // Speak the welcome message with the user's name
                 window.location.href = '/menu'; // Redirect to menu after successful login
             } else {
                 // alert("Invalid login details. Please try again.");
@@ -407,10 +380,9 @@ function speak(message, callback) {
         alert("Please provide both email and mobile number.");
     }
 }
-
         window.onload = function () {
             askLoginOrRegister();
         };
     </script>
 </body>
-</html> 
+</html>