Update templates/index.html

templates/index.html

@@ -125,7 +125,7 @@
             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 () {
+            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();
                 recognition.onresult = function (event) {
                     let response = event.results[0][0].transcript.trim().toLowerCase();
@@ -152,145 +152,139 @@
             document.getElementById('registrationForm').style.display = 'none';
             document.getElementById('loginForm').style.display = 'block';
         }
-function captureName() {
-    speak("Please say your name.", function () {
-        recognition.start();
-        recognition.onresult = function (event) {
-            let nameCaptured = event.results[0][0].transcript.trim();
-            document.getElementById('name').value = nameCaptured;
-            recognition.stop();
-            speak("You said " + nameCaptured + ". Is it correct?", function () {
-                confirmName(nameCaptured);
+        function captureName() {
+            speak("Please say your name.", function () {
+                recognition.start();
+                recognition.onresult = function (event) {
+                    let nameCaptured = event.results[0][0].transcript.trim();
+                    document.getElementById('name').value = nameCaptured;
+                    recognition.stop();
+                    speak("You said " + nameCaptured + ". Is it correct?", function () {
+                        confirmName(nameCaptured);
+                    });
+                };
             });
-        };
-    });
-}
-function confirmName(nameCaptured) {
-    recognition.start();
-    recognition.onresult = function (event) {
-        let confirmation = event.results[0][0].transcript.trim().toLowerCase();
-        recognition.stop();
-        if (isConfirmation(confirmation)) {
-            captureEmail();
-        } else {
-            captureName();
         }
-    };
-}
-function captureEmail() {
-    speak("Now, say your email.", function () {
-        recognition.start();
-        recognition.onresult = function (event) {
-            let emailCaptured = event.results[0][0].transcript.trim().replace(/\bat\b/g, '@').replace(/\s+/g, '');
-            document.getElementById('email').value = emailCaptured;
-            recognition.stop();
-            speak("You said " + emailCaptured + ". Is it correct?", function () {
-                confirmEmail(emailCaptured);
+        function confirmName(nameCaptured) {
+            recognition.start();
+            recognition.onresult = function (event) {
+                let confirmation = event.results[0][0].transcript.trim().toLowerCase();
+                recognition.stop();
+                if (isConfirmation(confirmation)) {
+                    captureEmail();
+                } else {
+                    captureName();
+                }
+            };
+        }
+        function captureEmail() {
+            speak("Now, say your email.", function () {
+                recognition.start();
+                recognition.onresult = function (event) {
+                    let emailCaptured = event.results[0][0].transcript.trim().replace(/\bat\b/g, '@').replace(/\s+/g, '');
+                    document.getElementById('email').value = emailCaptured;
+                    recognition.stop();
+                    speak("You said " + emailCaptured + ". Is it correct?", function () {
+                        confirmEmail(emailCaptured);
+                    });
+                };
             });
-        };
-    });
-}
-function confirmEmail(emailCaptured) {
-    recognition.start();
-    recognition.onresult = function (event) {
-        let confirmation = event.results[0][0].transcript.trim().toLowerCase();
-        recognition.stop();
-        if (isConfirmation(confirmation)) {
-            captureMobile();
-        } else {
-            captureEmail();
         }
-    };
-}
-function captureMobile() {
-    speak("Now, say your mobile number.", function () {
-        recognition.start();
-        recognition.onresult = function (event) {
-            let mobileCaptured = event.results[0][0].transcript.trim().replace(/\s+/g, '');
-            document.getElementById('mobile').value = mobileCaptured;
-            recognition.stop();
-            speak("You said " + mobileCaptured + ". Is it correct?", function () {
-                confirmMobile(mobileCaptured);
+        function confirmEmail(emailCaptured) {
+            recognition.start();
+            recognition.onresult = function (event) {
+                let confirmation = event.results[0][0].transcript.trim().toLowerCase();
+                recognition.stop();
+                if (isConfirmation(confirmation)) {
+                    captureMobile();
+                } else {
+                    captureEmail();
+                }
+            };
+        }
+        function captureMobile() {
+            speak("Now, say your mobile number.", function () {
+                recognition.start();
+                recognition.onresult = function (event) {
+                    let mobileCaptured = event.results[0][0].transcript.trim().replace(/\s+/g, '');
+                    document.getElementById('mobile').value = mobileCaptured;
+                    recognition.stop();
+                    speak("You said " + mobileCaptured + ". Is it correct?", function () {
+                        confirmMobile(mobileCaptured);
+                    });
+                };
             });
-        };
-    });
-}
-function confirmMobile(mobileCaptured) {
-    recognition.start();
-    recognition.onresult = function (event) {
-        let confirmation = event.results[0][0].transcript.trim().toLowerCase();
-        recognition.stop();
-        if (isConfirmation(confirmation)) {
-            submitRegistration();
-        } else {
-            captureMobile();
         }
-    };
-}
-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' },
-        body: JSON.stringify({ name, email, phone })
-    })
-    .then(response => response.json())
-    .then(data => {
-        console.log("Response Data:", data);
-        if (data.success) {
-            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}!`;
-                statusMessage.style.display = 'block';
-                setTimeout(() => {
-                    statusText.textContent = 'Submitted Successfully!';
-                    setTimeout(() => {
-                        window.location.reload();
-                    }, 5000);
-                }, 6000);
-            }
-        } else {
-            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';
-            }
+        function confirmMobile(mobileCaptured) {
+            recognition.start();
+            recognition.onresult = function (event) {
+                let confirmation = event.results[0][0].transcript.trim().toLowerCase();
+                recognition.stop();
+                if (isConfirmation(confirmation)) {
+                    submitRegistration();
+                } else {
+                    captureMobile();
+                }
+            };
+        }
+        function isConfirmation(confirmation) {
+            const validResponses = ["yes", "ok", "yeah", "correct", "yep"];
+            return validResponses.some(response => confirmation.includes(response));
         }
-    })
-    .catch(error => {
-        console.error("Fetch Error:", error);
-        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 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' },
+                body: JSON.stringify({ name, email, phone })
+            })
+            .then(response => response.json())
+            .then(data => {
+                console.log("Response Data:", data);
+                if (data.success) {
+                    speak(`Thank you for registering, ${name}!`);
+                    speak(`Hi ${name}, Welcome to Biryani Hub. Speak out.`);
+                    let statusText = document.getElementById('statusText');
+                    let statusMessage = document.getElementById('statusMessage');
+                    
+                    if (statusText && statusMessage) {
+                        statusText.textContent = `Thank you for registering, ${name}!`;
+                        statusMessage.style.display = 'block';
+                        setTimeout(() => {
+                            statusText.textContent = 'Submitted Successfully!';
+                            setTimeout(() => {
+                                window.location.reload();
+                            }, 5000);
+                        }, 6000);
+                    }
+                } else {
+                    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';
+                    }
+                }
+            })
+            .catch(error => {
+                console.error("Fetch Error:", error);
+                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 () {
-        if (callback) callback();
-    };
-    window.speechSynthesis.speak(utterance);
-}
         function captureLoginDetails() {
             speak("Please say your email for login.", function () {
                 recognition.start();
@@ -341,45 +335,35 @@ 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
-        //     } else {
-        //         alert("Invalid login details. Please try again.");
-        //     }
-        // }
-      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', {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ email: loginEmail, mobile: loginMobile })
-        })
-        .then(response => response.json())
-        .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
-                window.location.href = '/menu'; // Redirect to menu after successful login
+        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', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ email: loginEmail, mobile: loginMobile })
+                })
+                .then(response => response.json())
+                .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
+                        window.location.href = '/menu'; // Redirect to menu after successful login
+                    } else {
+                        // alert("Invalid login details. Please try again.");
+                        speak("Invalid login details. Please try again.");
+                    }
+                })
+                .catch(error => {
+                    console.error('Login validation failed:', error);
+                    alert("An error occurred. Please try again.");
+                });
             } else {
-                // alert("Invalid login details. Please try again.");
-               speak("Invalid login details. Please try again.");
+                alert("Please provide both email and mobile number.");
             }
-        })
-        .catch(error => {
-            console.error('Login validation failed:', error);
-            alert("An error occurred. Please try again.");
-        });
-    } else {
-        alert("Please provide both email and mobile number.");
-    }
-}
+        }
         window.onload = function () {
             askLoginOrRegister();
         };