Update templates/index.html

templates/index.html

@@ -170,51 +170,69 @@
         }
 
         function showRegistrationForm() {
-            document.getElementById('registrationForm').style.display = 'block';
-            document.getElementById('loginForm').style.display = 'none';
-            speak("Please say your name to begin registration.", startListeningForName);
-        }
-
-        function startListeningForName() {
-            recognition.start();
-            recognition.onresult = function(event) {
-                document.getElementById('name').value = event.results[0][0].transcript.trim();
-                recognition.stop();
-                autoConfirm();
-            };
-        }
-
-        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() {
-            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) {
-                    speak("Your registration is complete. Thank you for registering.");
-                    setTimeout(() => location.reload(), 5000);
-                } else {
-                    speak("There was an error submitting your details. Please try again.");
-                }
-            });
+        document.getElementById('registrationForm').style.display = 'block';
+        speak("Please say your name to begin registration.", startListeningForName);
+    }
+
+    // Function to start listening for the name
+    function startListeningForName() {
+        recognition.start();
+        recognition.onresult = function(event) {
+            const name = event.results[0][0].transcript.trim();
+            nameField.value = name;
+            recognition.stop();
+            listeningText.textContent = "Listening for your email...";
+            step++;
+            setTimeout(startListeningForEmail, 500); // Wait a moment before listening for email
+        };
+    }
+
+    // Function to start listening for the email
+    function startListeningForEmail() {
+        recognition.start();
+        recognition.onresult = function(event) {
+            const email = event.results[0][0].transcript.trim();
+            emailField.value = email;
+            recognition.stop();
+            listeningText.textContent = "Listening for your mobile number...";
+            step++;
+            setTimeout(startListeningForMobile, 500); // Wait a moment before listening for mobile
+        };
+    }
+
+    // Function to start listening for the mobile number
+    function startListeningForMobile() {
+        recognition.start();
+        recognition.onresult = function(event) {
+            const mobile = event.results[0][0].transcript.trim();
+            mobileField.value = mobile;
+            recognition.stop();
+            listeningText.textContent = "Almost done...";
+            submitBtn.disabled = false;  // Enable the submit button
+        };
+    }
+
+    // Function to submit the form
+    submitBtn.addEventListener('click', function() {
+        const name = nameField.value;
+        const email = emailField.value;
+        const mobile = mobileField.value;
+
+        if (name && email && mobile) {
+            alert(`Registration successful for ${name}`);
+            // Here, you can send the registration data to the backend or Salesforce
         }
+    });
 
-        window.onload = function () {
-            askLoginOrRegister();
-        };
+    // Function to speak a message (for better user interaction)
+    function speak(message, callback) {
+        const msg = new SpeechSynthesisUtterance(message);
+        window.speechSynthesis.speak(msg);
+        msg.onend = callback;
+    }
+
+    // Start the process by showing the registration form
+    showRegistrationForm();
     </script>
 </body>
 </html>