Update templates/index.html

templates/index.html

@@ -275,10 +275,93 @@
             });
         }
 
+        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 {
+                        // 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.");
+            }
+        }
+
         window.onload = function () {
             askLoginOrRegister();
         };
     </script>
 </body>
 </html>
-