Update templates/index.html

templates/index.html

@@ -120,16 +120,14 @@
             alert("Speech Recognition API is not supported in this browser.");
         }
 
-        // Speak function to read out messages
         function speak(text, callback) {
             const speech = new SpeechSynthesisUtterance(text);
             speech.onend = callback;
             window.speechSynthesis.speak(speech);
         }
 
-        // Ask if the user is new or existing
         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();
@@ -147,176 +145,272 @@
             });
         }
 
-        // Show Registration form
         function showRegistrationForm() {
             document.getElementById('welcomePage').style.display = 'none';
             document.getElementById('registrationForm').style.display = 'block';
             document.getElementById('loginForm').style.display = 'none';
         }
 
-        // Show Login form
         function showLoginForm() {
             document.getElementById('welcomePage').style.display = 'none';
             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);
+            });
+        };
+    });
+}
 
-        // Capture Name
-        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 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();
         }
+    };
+}
 
-        // Confirm Name
-        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 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));
+}
 
-        // Capture Email
-        function captureEmail() {
-            speak("Now, say your email.", function () {
+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';
+            }
+        }
+    })
+    .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();
                 recognition.onresult = function (event) {
                     let emailCaptured = event.results[0][0].transcript.trim().replace(/\bat\b/g, '@').replace(/\s+/g, '');
-                    document.getElementById('email').value = emailCaptured;
+                    document.getElementById('loginEmail').value = emailCaptured;
                     recognition.stop();
                     speak("You said " + emailCaptured + ". Is it correct?", function () {
-                        confirmEmail(emailCaptured);
+                        confirmLoginEmail(emailCaptured);
                     });
                 };
             });
         }
 
-        // Confirm Email
-        function confirmEmail(emailCaptured) {
+        function confirmLoginEmail(emailCaptured) {
             recognition.start();
             recognition.onresult = function (event) {
                 let confirmation = event.results[0][0].transcript.trim().toLowerCase();
                 recognition.stop();
                 if (isConfirmation(confirmation)) {
-                    captureMobile();
+                    captureLoginMobile();
                 } else {
-                    captureEmail();
+                    captureLoginDetails();
                 }
             };
         }
 
-        // Capture Mobile
-        function captureMobile() {
+        function captureLoginMobile() {
             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;
+                    document.getElementById('loginMobile').value = mobileCaptured;
                     recognition.stop();
                     speak("You said " + mobileCaptured + ". Is it correct?", function () {
-                        confirmMobile(mobileCaptured);
+                        confirmLoginMobile(mobileCaptured);
                     });
                 };
             });
         }
 
-        // Confirm Mobile
-        function confirmMobile(mobileCaptured) {
+        function confirmLoginMobile(mobileCaptured) {
             recognition.start();
             recognition.onresult = function (event) {
                 let confirmation = event.results[0][0].transcript.trim().toLowerCase();
                 recognition.stop();
                 if (isConfirmation(confirmation)) {
-                    submitRegistration();
+                    submitLogin();
                 } else {
-                    captureMobile();
+                    captureLoginMobile();
                 }
             };
         }
 
-        // Check for confirmation responses
-        function isConfirmation(confirmation) {
-            const validResponses = ["yes", "ok", "yeah", "correct", "yep"];
-            return validResponses.some(response => confirmation.includes(response));
-        }
+        // function submitLogin() {
+        //     const loginEmail = document.getElementById('loginEmail').value;
+        //     const loginMobile = document.getElementById('loginMobile').value;
 
-        // Submit Registration details
-        function submitRegistration() {
-            const name = document.getElementById('name')?.value.trim();
-            const email = document.getElementById('email')?.value.trim();
-            const phone = document.getElementById('mobile')?.value.trim();
+        //     // 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;
 
-            if (!name || !email || !phone) {
-                alert("Please provide all required details.");
-                return;
+    // 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("Please provide both email and mobile number.");
+    }
+}
 
-            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 => {
-                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';
-                    }
-                }
-            })
-            .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';
-                }
-            });
-        }
-
-        // Start the process when the page loads
         window.onload = function () {
             askLoginOrRegister();
         };
     </script>
 </body>
-</html>
+</html>