Update templates/index.html

templates/index.html

@@ -179,58 +179,106 @@
         let mobileField = document.getElementById('mobile');
         let infoMessage = document.getElementById('infoMessage');
 
-        function startListeningForName() {
+         function startListeningForName() {
             recognition.start();
             recognition.onresult = function(event) {
-                const name = event.results[0][0].transcript.trim();
-                nameField.value = name;
+                nameCaptured = event.results[0][0].transcript.trim();
+                document.getElementById('name').value = nameCaptured;
                 recognition.stop();
-                infoMessage.textContent = "Listening for your email...";
-                setTimeout(startListeningForEmail, 500); // Wait a moment before listening for email
+                setTimeout(confirmName, 500);
             };
         }
+      function confirmName() {
+            speak("You said " + nameCaptured + ". Is it okay, or do you want to change it?", 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 email.", startListeningForEmail), 500);
+                    } else {
+                        setTimeout(() => speak("Let's try again. Tell me your name.", startListeningForName), 500);
+                    }
+                };
+            });
+        }
 
         function startListeningForEmail() {
             recognition.start();
             recognition.onresult = function(event) {
-                const email = event.results[0][0].transcript.trim();
-                emailField.value = email;
+                emailCaptured = event.results[0][0].transcript.trim().replace(/\bat\b/g, '@').replace(/\s+/g, '');
+                document.getElementById('email').value = emailCaptured;
                 recognition.stop();
-                infoMessage.textContent = "Listening for your mobile number...";
-                setTimeout(startListeningForMobile, 500); // Wait a moment before listening for mobile
+                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) {
-                const mobile = event.results[0][0].transcript.trim();
-                mobileField.value = mobile;
+                mobileCaptured = event.results[0][0].transcript.trim().replace(/\s+/g, '');
+                document.getElementById('mobile').value = mobileCaptured;
                 recognition.stop();
-                infoMessage.textContent = "Almost done...";
-                showConfirmation();
+                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("All details are captured. Confirming your registration.", function() {
+                                autoConfirm();
+                            });
+                        } else {
+                            speak("Let's try again. Tell me your mobile number.", startListeningForMobile);
+                        }
+                    };
+                });
             };
         }
 
-        function showConfirmation() {
-            document.getElementById('confirmName').textContent = nameField.value;
-            document.getElementById('confirmEmail').textContent = emailField.value;
-            document.getElementById('confirmPhone').textContent = mobileField.value;
+        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';
+            setTimeout(autoSubmit, 3000);
         }
-
         function autoSubmit() {
-            const name = nameField.value;
-            const email = emailField.value;
-            const phone = mobileField.value;
-            // You can submit this data to your backend or Salesforce here
-            alert(`Registration successful for ${name}`);
-            // For demo purposes, reload the page after 5 seconds
-            setTimeout(() => location.reload(), 5000);
+            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.");
+                }
+            });
         }
-
-        // Start the process by asking for registration or login
-        window.onload = askLoginOrRegister;
+        window.onload = function () {
+            setTimeout(startListeningForName, 4000);
+        };
     </script>
 </body>
 </html>