Update templates/index.html

templates/index.html

@@ -198,7 +198,7 @@
                         let confirmation = event.results[0][0].transcript.trim().toLowerCase();
                         recognition.stop();
                         if (confirmation.includes("ok") || confirmation.includes("yes")) {
-                            speak("Great! Now tell your mobile number.", startListeningForMobileLogin); // Added response here
+                            speak("Great! Now tell your mobile number.", startListeningForMobileLogin);
                         } else {
                             speak("Let's try again. Please tell your email.", startListeningForLogin);
                         }
@@ -219,7 +219,7 @@
                         let confirmation = event.results[0][0].transcript.trim().toLowerCase();
                         recognition.stop();
                         if (confirmation.includes("ok") || confirmation.includes("yes")) {
-                            speak("Login successful!"); // Added "Login successful!"
+                            speak("Great! Login successful!");  // Login success confirmation
                         } else {
                             speak("Let's try again. Please tell your mobile number.", startListeningForMobileLogin);
                         }
@@ -257,8 +257,78 @@
         function startListeningForEmail() {
             recognition.start();
             recognition.onresult = function(event) {
-                let emailCaptured = event.results[0][0].transcript.trim().replace(/\bat\b/g, '@').repla
+                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() {
+                    recognition.start();
+                    recognition.onresult = function(event) {
+                        let confirmation = event.results[0][0].transcript.trim().toLowerCase();
+                        recognition.stop();
+                        if (confirmation.includes("ok") || confirmation.includes("yes")) {
+                            setTimeout(() => speak("Great! Now, tell me your mobile number.", startListeningForMobile), 500);
+                        } else {
+                            speak("Let's try again. Tell me your email.", startListeningForEmail);
+                        }
+                    };
+                });
+            };
+        }
 
+        function startListeningForMobile() {
+            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() {
+                    recognition.start();
+                    recognition.onresult = function(event) {
+                        let confirmation = event.results[0][0].transcript.trim().toLowerCase();
+                        recognition.stop();
+                        if (confirmation.includes("ok") || confirmation.includes("yes")) {
+                            speak("Login successful!");  // After confirming mobile number
+                        } else {
+                            speak("Let's try again. Tell me your mobile number.", startListeningForMobile);
+                        }
+                    };
+                });
+            };
+        }
 
+        function autoConfirm() {
+            document.getElementById('confirmName').textContent = document.getElementById('name').value;
+            document.getElementById('confirmEmail').textContent = document.getElementById('email').value;
+            document.getElementById('confirmPhone').textContent = document.getElementById('mobile').value;
+            document.getElementById('confirmation').style.display = 'block';
+        }
 
+        function autoSubmit() {
+            var name = document.getElementById('name').value;
+            var email = document.getElementById('email').value;
+            var phone = document.getElementById('mobile').value;
+            fetch('/submit', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ name: name, email: email, phone: phone })
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.success) {
+                    document.getElementById('status').textContent = 'Your details were submitted successfully!';
+                    document.getElementById('confirmation').style.display = 'none';
+                    speak("Your registration is complete. Thank you for registering.");
+                    setTimeout(() => location.reload(), 5000);
+                } else {
+                    document.getElementById('status').textContent = 'There was an error submitting your details.';
+                    speak("There was an error submitting your details. Please try again.");
+                }
+            });
+        }
 
+        window.onload = function () {
+            askLoginOrRegister(); // First, ask the user whether they are a new or existing user
+        };
+    </script>
+</body>
+</html>