Update templates/index.html

templates/index.html

@@ -264,18 +264,18 @@
                     speak(`Thank you for registering, ${name}!`, function () {
                         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!';
-                            // Auto refresh after 10 seconds
                             setTimeout(() => {
-                                location.reload();  // Refresh the page
-                            }, 10000); // 10 seconds delay
+                                // Refresh the page after 10 seconds
+                                window.location.reload();
+                            }, 5000);
                         }, 6000);
                     }
                 } else {
@@ -300,6 +300,89 @@
             });
         }
 
+        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('loginEmail').value = emailCaptured;
+                    recognition.stop();
+                    speak("You said " + emailCaptured + ". Is it correct?", function () {
+                        confirmLoginEmail(emailCaptured);
+                    });
+                };
+            });
+        }
+
+        function confirmLoginEmail(emailCaptured) {
+            recognition.start();
+            recognition.onresult = function (event) {
+                let confirmation = event.results[0][0].transcript.trim().toLowerCase();
+                recognition.stop();
+                if (isConfirmation(confirmation)) {
+                    captureLoginMobile();
+                } else {
+                    captureLoginDetails();
+                }
+            };
+        }
+
+        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('loginMobile').value = mobileCaptured;
+                    recognition.stop();
+                    speak("You said " + mobileCaptured + ". Is it correct?", function () {
+                        confirmLoginMobile(mobileCaptured);
+                    });
+                };
+            });
+        }
+
+        function confirmLoginMobile(mobileCaptured) {
+            recognition.start();
+            recognition.onresult = function (event) {
+                let confirmation = event.results[0][0].transcript.trim().toLowerCase();
+                recognition.stop();
+                if (isConfirmation(confirmation)) {
+                    submitLogin();
+                } else {
+                    captureLoginMobile();
+                }
+            };
+        }
+
+        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 {
+                        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.");
+            }
+        }
+
         window.onload = function () {
             askLoginOrRegister();
         };