Update templates/index.html

templates/index.html

@@ -143,13 +143,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("Are you a new customer or an existing customer? Say 'new' to register or 'existing' to login.", function () {
                 recognition.start();
@@ -168,7 +166,6 @@
                 };
             });
         }
-
         function showRegistrationForm() {
             document.getElementById('welcomePage').style.display = 'none';
             document.getElementById('registrationForm').style.display = 'block';
@@ -176,7 +173,6 @@
             document.getElementById('confirmationPage').style.display = 'none';
             document.getElementById('statusMessage').style.display = 'none';
         }
-
         function showLoginForm() {
             document.getElementById('welcomePage').style.display = 'none';
             document.getElementById('registrationForm').style.display = 'none';
@@ -184,7 +180,6 @@
             document.getElementById('confirmationPage').style.display = 'none';
             document.getElementById('statusMessage').style.display = 'none';
         }
-
         function captureName() {
             speak("Please say your name.", function () {
                 recognition.start();
@@ -198,7 +193,6 @@
                 };
             });
         }
-
         function confirmName(nameCaptured) {
             recognition.start();
             recognition.onresult = function (event) {
@@ -211,7 +205,6 @@
                 }
             };
         }
-
         function captureEmail() {
             speak("Now, say your email.", function () {
                 recognition.start();
@@ -225,7 +218,6 @@
                 };
             });
         }
-
         function confirmEmail(emailCaptured) {
             recognition.start();
             recognition.onresult = function (event) {
@@ -238,7 +230,6 @@
                 }
             };
         }
-
         function captureMobile() {
             speak("Now, say your mobile number.", function () {
                 recognition.start();
@@ -252,7 +243,6 @@
                 };
             });
         }
-
         function confirmMobile(mobileCaptured) {
             recognition.start();
             recognition.onresult = function (event) {
@@ -266,7 +256,6 @@
                 }
             };
         }
-
         function showConfirmationPage() {
             const name = document.getElementById('name').value;
             const email = document.getElementById('email').value;
@@ -277,7 +266,6 @@
             // Automatically submit the details after a delay
             setTimeout(submitRegistration, 6000);  // 6 seconds delay
         }
-
         function submitRegistration() {
             const name = document.getElementById('name').value;
             const email = document.getElementById('email').value;
@@ -310,7 +298,70 @@
                 document.getElementById('statusMessage').style.display = 'block';
             });
         }
-
+        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 (confirmation.includes("yes") || confirmation.includes("ok")) {
+                    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 (confirmation.includes("yes") || confirmation.includes("ok")) {
+                    submitLogin();
+                } else {
+                    captureLoginMobile();
+                }
+            };
+        }
+        function submitLogin() {
+            const loginEmail = document.getElementById('loginEmail').value;
+            const loginMobile = document.getElementById('loginMobile').value;
+            // Simulate login check
+            if (loginEmail && loginMobile) {
+                document.getElementById('statusText').textContent = 'Login successful! Redirecting...';
+                document.getElementById('statusMessage').style.display = 'block';
+                setTimeout(() => {
+                    window.location.href = '/dashboard';  // Redirect to dashboard
+                }, 3000);
+            } else {
+                speak("Please enter valid login details.");
+            }
+        }
         window.onload = function () {
             askLoginOrRegister();
         };