Update templates/index.html

templates/index.html

@@ -114,19 +114,6 @@
         </div>
     </div>
 
-    <div class="container" id="loginForm">
-        <div class="form-container">
-            <h2>Login</h2>
-            <label for="loginEmail">Your Email</label>
-            <input type="text" id="loginEmail" placeholder="Your email will appear here..." readonly>
-
-            <label for="loginMobile">Your Mobile Number</label>
-            <input type="text" id="loginMobile" placeholder="Your mobile number will appear here..." readonly>
-
-            <p class="info" id="infoMessageLogin">Listening 🗣🎙️...</p>
-        </div>
-    </div>
-
     <div id="confirmation">
         <h2>Confirm Your Details:</h2>
         <p><strong>Name:</strong> <span id="confirmName"></span></p>
@@ -161,7 +148,7 @@
                     if (response.includes("register")) {
                         showRegistrationForm();
                     } else if (response.includes("login")) {
-                        showLoginForm();
+                        // Implement login form if needed
                     } else {
                         speak("I didn't understand. Please say 'Register' to sign up or 'Login' to sign in.", askLoginOrRegister);
                     }
@@ -170,25 +157,27 @@
         }
 
         function showRegistrationForm() {
-            document.getElementById('confirmation').style.display = 'block';
+            document.getElementById('registrationForm').style.display = 'block';
             speak("Please say your name to begin registration.", startListeningForName);
         }
 
+        let nameCaptured, emailCaptured, mobileCaptured;
         let nameField = document.getElementById('name');
         let emailField = document.getElementById('email');
         let mobileField = document.getElementById('mobile');
         let infoMessage = document.getElementById('infoMessage');
 
-         function startListeningForName() {
+        function startListeningForName() {
             recognition.start();
             recognition.onresult = function(event) {
                 nameCaptured = event.results[0][0].transcript.trim();
-                document.getElementById('name').value = nameCaptured;
+                nameField.value = nameCaptured;
                 recognition.stop();
                 setTimeout(confirmName, 500);
             };
         }
-      function confirmName() {
+
+        function confirmName() {
             speak("You said " + nameCaptured + ". Is it okay, or do you want to change it?", function() {
                 recognition.start();
                 recognition.onresult = function(event) {
@@ -207,7 +196,7 @@
             recognition.start();
             recognition.onresult = function(event) {
                 emailCaptured = event.results[0][0].transcript.trim().replace(/\bat\b/g, '@').replace(/\s+/g, '');
-                document.getElementById('email').value = emailCaptured;
+                emailField.value = emailCaptured;
                 recognition.stop();
                 speak("You said " + emailCaptured + ". Is it correct?", function() {
                     recognition.start();
@@ -228,7 +217,7 @@
             recognition.start();
             recognition.onresult = function(event) {
                 mobileCaptured = event.results[0][0].transcript.trim().replace(/\s+/g, '');
-                document.getElementById('mobile').value = mobileCaptured;
+                mobileField.value = mobileCaptured;
                 recognition.stop();
                 speak("You said " + mobileCaptured + ". Is it correct?", function() {
                     recognition.start();
@@ -248,12 +237,12 @@
         }
 
         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('confirmName').textContent = nameField.value;
+            document.getElementById('confirmEmail').textContent = emailField.value;
+            document.getElementById('confirmPhone').textContent = mobileField.value;
             document.getElementById('confirmation').style.display = 'block';
-            setTimeout(autoSubmit, 3000);
         }
+
         function autoSubmit() {
             var name = document.getElementById('name').value;
             var email = document.getElementById('email').value;
@@ -276,10 +265,10 @@
                 }
             });
         }
+
         window.onload = function () {
             setTimeout(startListeningForName, 4000);
         };
     </script>
 </body>
 </html>
-