Update templates/index.html

templates/index.html

@@ -31,7 +31,7 @@
             border-radius: 10px;
             width: 500px;
             box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
-            display: none; /* Initially hidden, will show based on selection */
+            display: none;
         }
         .form-container {
             width: 100%;
@@ -93,7 +93,6 @@
             <input type="text" id="mobile" placeholder="Your mobile number will appear here..." readonly>
 
             <p class="info" id="infoMessage">Listening 🗣🎙️...</p>
-            <p class="status" id="status">🔊...</p>
         </div>
     </div>
 
@@ -107,7 +106,6 @@
             <input type="text" id="loginMobile" placeholder="Your mobile number will appear here..." readonly>
 
             <p class="info" id="infoMessageLogin">Listening 🗣🎙️...</p>
-            <p class="status" id="statusLogin">🔊...</p>
         </div>
     </div>
 
@@ -129,7 +127,7 @@
         }
 
         function askLoginOrRegister() {
-            speak("Welcome to Biryani Hub. Are you a new customer or an existing customer? Say 'Register' for registration or 'Login' to log in.", function() {
+            speak("Welcome to Biryani Hub. Say 'Register' to create an account or 'Login' to sign in.", function() {
                 recognition.start();
                 recognition.onresult = function(event) {
                     let response = event.results[0][0].transcript.trim().toLowerCase();
@@ -139,7 +137,7 @@
                     } else if (response.includes("login")) {
                         showLoginForm();
                     } else {
-                        speak("Sorry, I didn't understand. Please say 'Register' for registration or 'Login' to log in.", askLoginOrRegister);
+                        speak("I didn't understand. Please say 'Register' to sign up or 'Login' to sign in.", askLoginOrRegister);
                     }
                 };
             });
@@ -148,13 +146,13 @@
         function showRegistrationForm() {
             document.getElementById('registrationForm').style.display = 'block';
             document.getElementById('loginForm').style.display = 'none';
-            speak("Please tell me your name to begin the registration.", startListeningForName);
+            speak("Please say your name to begin registration.", startListeningForName);
         }
 
         function showLoginForm() {
             document.getElementById('loginForm').style.display = 'block';
             document.getElementById('registrationForm').style.display = 'none';
-            speak("Please tell me your email to begin the login process.", startListeningForLoginEmail);
+            speak("Please say your email for login.", startListeningForLoginEmail);
         }
 
         function startListeningForName() {
@@ -162,7 +160,7 @@
             recognition.onresult = function(event) {
                 document.getElementById('name').value = event.results[0][0].transcript.trim();
                 recognition.stop();
-                speak("Your name is " + document.getElementById('name').value + ". Is it correct?", confirmName);
+                speak("Your name is " + document.getElementById('name').value + ". Is this correct?", confirmName);
             };
         }
 
@@ -172,9 +170,9 @@
                 let confirmation = event.results[0][0].transcript.trim().toLowerCase();
                 recognition.stop();
                 if (confirmation.includes("ok")) {
-                    speak("Great! Now, tell me your email.", startListeningForEmail);
+                    speak("Now, say your email.", startListeningForEmail);
                 } else {
-                    speak("Let's try again. Tell me your name.", startListeningForName);
+                    speak("Let's try again. Say your name.", startListeningForName);
                 }
             };
         }
@@ -184,7 +182,7 @@
             recognition.onresult = function(event) {
                 document.getElementById('email').value = event.results[0][0].transcript.trim().replace(/\bat\b/g, '@').replace(/\s+/g, '');
                 recognition.stop();
-                speak("You said " + document.getElementById('email').value + ". Is it correct?", confirmEmail);
+                speak("You said " + document.getElementById('email').value + ". Is this correct?", confirmEmail);
             };
         }
 
@@ -194,9 +192,31 @@
                 let confirmation = event.results[0][0].transcript.trim().toLowerCase();
                 recognition.stop();
                 if (confirmation.includes("ok")) {
-                    speak("Great! Now, tell me your mobile number.", startListeningForMobile);
+                    speak("Now, say your mobile number.", startListeningForMobile);
                 } else {
-                    speak("Let's try again. Tell me your email.", startListeningForEmail);
+                    speak("Let's try again. Say your email.", startListeningForEmail);
+                }
+            };
+        }
+
+        function startListeningForMobile() {
+            recognition.start();
+            recognition.onresult = function(event) {
+                document.getElementById('mobile').value = event.results[0][0].transcript.trim().replace(/\s+/g, '');
+                recognition.stop();
+                speak("You said " + document.getElementById('mobile').value + ". Is this correct?", confirmMobile);
+            };
+        }
+
+        function confirmMobile() {
+            recognition.start();
+            recognition.onresult = function(event) {
+                let confirmation = event.results[0][0].transcript.trim().toLowerCase();
+                recognition.stop();
+                if (confirmation.includes("ok")) {
+                    speak("Registration complete.");
+                } else {
+                    speak("Let's try again. Say your mobile number.", startListeningForMobile);
                 }
             };
         }
@@ -206,7 +226,16 @@
             recognition.onresult = function(event) {
                 document.getElementById('loginEmail').value = event.results[0][0].transcript.trim().replace(/\bat\b/g, '@').replace(/\s+/g, '');
                 recognition.stop();
-                speak("You said " + document.getElementById('loginEmail').value + ". Is it correct?", confirmLoginEmail);
+                speak("Now, say your mobile number.", startListeningForLoginMobile);
+            };
+        }
+
+        function startListeningForLoginMobile() {
+            recognition.start();
+            recognition.onresult = function(event) {
+                document.getElementById('loginMobile').value = event.results[0][0].transcript.trim().replace(/\s+/g, '');
+                recognition.stop();
+                speak("Login successful.");
             };
         }