Update templates/index.html

templates/index.html

@@ -170,69 +170,68 @@
         }
 
         function showRegistrationForm() {
-        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) {
+            document.getElementById('registrationForm').style.display = 'block';
+            speak("Please say your name to begin registration.", startListeningForName);
+        }
+
+        let nameField = document.getElementById('name');
+        let emailField = document.getElementById('email');
+        let mobileField = document.getElementById('mobile');
+        let infoMessage = document.getElementById('infoMessage');
+
+        function startListeningForName() {
+            recognition.start();
+            recognition.onresult = function(event) {
+                const name = event.results[0][0].transcript.trim();
+                nameField.value = name;
+                recognition.stop();
+                infoMessage.textContent = "Listening for your email...";
+                setTimeout(startListeningForEmail, 500); // Wait a moment before listening for email
+            };
+        }
+
+        function startListeningForEmail() {
+            recognition.start();
+            recognition.onresult = function(event) {
+                const email = event.results[0][0].transcript.trim();
+                emailField.value = email;
+                recognition.stop();
+                infoMessage.textContent = "Listening for your mobile number...";
+                setTimeout(startListeningForMobile, 500); // Wait a moment before listening for mobile
+            };
+        }
+
+        function startListeningForMobile() {
+            recognition.start();
+            recognition.onresult = function(event) {
+                const mobile = event.results[0][0].transcript.trim();
+                mobileField.value = mobile;
+                recognition.stop();
+                infoMessage.textContent = "Almost done...";
+                showConfirmation();
+            };
+        }
+
+        function showConfirmation() {
+            document.getElementById('confirmName').textContent = nameField.value;
+            document.getElementById('confirmEmail').textContent = emailField.value;
+            document.getElementById('confirmPhone').textContent = mobileField.value;
+            document.getElementById('confirmation').style.display = 'block';
+        }
+
+        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}`);
-            // Here, you can send the registration data to the backend or Salesforce
+            // For demo purposes, reload the page after 5 seconds
+            setTimeout(() => location.reload(), 5000);
         }
-    });
 
-    // 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();
+        // Start the process by asking for registration or login
+        window.onload = askLoginOrRegister;
     </script>
 </body>
 </html>
+