Update templates/index.html

templates/index.html

@@ -41,6 +41,7 @@
             border: 1px solid #ccc;
             border-radius: 5px;
             margin-top: 8px;
+            text-transform: uppercase;
         }
         .info {
             margin-top: 20px;
@@ -76,14 +77,14 @@
 
     <script>
         let recognition;
-        let currentName = "";  // Store the name as it's being formed
-        let currentEmail = ""; // Store the email as it's being formed
+        let currentName = "";
+        let currentEmail = "";
         let isCapturingName = true;
         let isCapturingEmail = false;
 
         if ('webkitSpeechRecognition' in window) {
             recognition = new webkitSpeechRecognition();
-            recognition.continuous = false;  // Stop after capturing each input
+            recognition.continuous = false;
             recognition.interimResults = false;
             recognition.lang = 'en-US';
         } else {
@@ -92,7 +93,7 @@
 
         function speak(text, callback) {
             const speech = new SpeechSynthesisUtterance(text);
-            speech.onend = callback;  // Call the next function after speech ends
+            speech.onend = callback;
             window.speechSynthesis.speak(speech);
         }
 
@@ -102,31 +103,33 @@
             status.textContent = "Listening for your name...";
             recognition.start();
             recognition.onresult = function(event) {
-                const transcript = event.results[0][0].transcript.trim().toLowerCase();
+                let transcript = event.results[0][0].transcript.trim().toUpperCase().replace(/\s+/g, "");
 
-                if (transcript.includes("next")) {
-                    recognition.stop(); // Stop recognition immediately
+                if (transcript === "NEXT") {
+                    recognition.stop();
                     isCapturingName = false;
                     isCapturingEmail = true;
-                    status.textContent = "Your name is captured. Now listening for your email...";
+                    status.textContent = "Your name is: " + currentName;
                     
-                    // Ensure name input is finalized
-                    nameInput.value = currentName.trim();
-
-                    speak("Now, please tell me your email, letter by letter", function() {
-                        startListeningForEmail(); // Start email capture
+                    speak("Your name is " + currentName + ". If correct, say 'confirm'. If wrong, say 'edit'.", function() {
+                        recognition.start();
+                        recognition.onresult = function(event) {
+                            let confirmTranscript = event.results[0][0].transcript.trim().toLowerCase();
+                            if (confirmTranscript === "confirm") {
+                                speak("Now, please tell me your email, letter by letter", startListeningForEmail);
+                            } else if (confirmTranscript === "edit") {
+                                currentName = "";
+                                nameInput.value = "";
+                                speak("Tell your name again.", startListeningForName);
+                            }
+                        };
                     });
 
-                    return; // Exit function to prevent "next" from being added to the name
+                    return;
                 }
 
-                // Append spoken letters to the name
-                currentName += transcript + " "; // Space between letters for readability
-                nameInput.value = currentName.trim(); // Display the updated name
-            };
-
-            recognition.onspeechend = function() {
-                recognition.stop(); // Stop after input ends
+                currentName += transcript;
+                nameInput.value = currentName;
             };
         }
 
@@ -134,7 +137,6 @@
             const status = document.getElementById('status');
             const emailInput = document.getElementById('email');
 
-            // Reset recognition for email input
             recognition = new webkitSpeechRecognition();
             recognition.continuous = false;
             recognition.interimResults = false;
@@ -143,43 +145,48 @@
             status.textContent = "Listening for your email...";
             recognition.start();
             recognition.onresult = function(event) {
-                const transcript = event.results[0][0].transcript.trim().toLowerCase();
+                let transcript = event.results[0][0].transcript.trim().toUpperCase().replace(/\s+/g, "");
+                
+                // Replace "AT" with "@", "DOT" with "."
+                transcript = transcript.replace(/\bAT\b/g, "@").replace(/\bDOT\b/g, ".");
 
-                if (transcript.includes("next")) {
-                    recognition.stop(); // Stop recognition for email
+                if (transcript === "NEXT") {
+                    recognition.stop();
                     isCapturingEmail = false;
-                    status.textContent = 'Registration complete.';
-
-                    // Ensure email input is finalized
-                    emailInput.value = currentEmail.trim();
-
-                    speak("Registration complete. Thank you!", function() {
-                        setTimeout(() => location.reload(), 10000); // Refresh after 10 sec
+                    status.textContent = "Your email is: " + currentEmail;
+                    
+                    speak("Your email is " + currentEmail + ". If correct, say 'confirm'. If wrong, say 'edit'.", function() {
+                        recognition.start();
+                        recognition.onresult = function(event) {
+                            let confirmTranscript = event.results[0][0].transcript.trim().toLowerCase();
+                            if (confirmTranscript === "confirm") {
+                                speak("Registration complete. Thank you!", function() {
+                                    setTimeout(() => location.reload(), 10000);
+                                });
+                            } else if (confirmTranscript === "edit") {
+                                currentEmail = "";
+                                emailInput.value = "";
+                                speak("Tell your email again.", startListeningForEmail);
+                            }
+                        };
                     });
 
-                    return; // Exit function to prevent "next" from being added
+                    return;
                 }
 
-                // Append spoken letters to the email
-                currentEmail += transcript + " "; 
-                emailInput.value = currentEmail.trim();
-            };
-
-            recognition.onspeechend = function() {
-                recognition.stop(); // Stop after input ends
+                currentEmail += transcript;
+                emailInput.value = currentEmail;
             };
         }
 
         function startProcess() {
             speak("Welcome to Biryani Hub", function() {
-                speak("Tell me your name, letter by letter, and say 'next' when you're done", function() {
-                    startListeningForName();
-                });
+                speak("Tell me your name, letter by letter, and say 'next' when you're done", startListeningForName);
             });
         }
 
         window.onload = function () {
-            setTimeout(startProcess, 4000);  // Start process after 4 seconds
+            setTimeout(startProcess, 4000);
         };
     </script>
 </body>