Update templates/index.html

templates/index.html

@@ -60,7 +60,7 @@
             color: gray;
             margin-top: 10px;
         }
-        .confirm-button, .switch-button {
+        .confirm-button, .switch-button, .refresh-button {
             padding: 10px 20px;
             background-color: #ff6a00;
             color: white;
@@ -69,7 +69,7 @@
             cursor: pointer;
             margin-top: 10px;
         }
-        .confirm-button:hover, .switch-button:hover {
+        .confirm-button:hover, .switch-button:hover, .refresh-button:hover {
             background-color: #e65e00;
         }
     </style>
@@ -119,11 +119,13 @@
         } else {
             alert("Speech Recognition API is not supported in this browser.");
         }
+
         function speak(text, callback) {
             const speech = new SpeechSynthesisUtterance(text);
             speech.onend = callback;
             window.speechSynthesis.speak(speech);
         }
+
         function askLoginOrRegister() {
             speak("Welcome to Biryani Hub. Are you a new customer or an existing customer? Say 'new' to register or 'existing' to login.", function () {
                 recognition.start();
@@ -142,16 +144,19 @@
                 };
             });
         }
+
         function showRegistrationForm() {
             document.getElementById('welcomePage').style.display = 'none';
             document.getElementById('registrationForm').style.display = 'block';
             document.getElementById('loginForm').style.display = 'none';
         }
+
         function showLoginForm() {
             document.getElementById('welcomePage').style.display = 'none';
             document.getElementById('registrationForm').style.display = 'none';
             document.getElementById('loginForm').style.display = 'block';
         }
+
         function captureName() {
             speak("Please say your name.", function () {
                 recognition.start();
@@ -165,6 +170,7 @@
                 };
             });
         }
+
         function confirmName(nameCaptured) {
             recognition.start();
             recognition.onresult = function (event) {
@@ -177,6 +183,7 @@
                 }
             };
         }
+
         function captureEmail() {
             speak("Now, say your email.", function () {
                 recognition.start();
@@ -190,6 +197,7 @@
                 };
             });
         }
+
         function confirmEmail(emailCaptured) {
             recognition.start();
             recognition.onresult = function (event) {
@@ -202,6 +210,7 @@
                 }
             };
         }
+
         function captureMobile() {
             speak("Now, say your mobile number.", function () {
                 recognition.start();
@@ -215,6 +224,7 @@
                 };
             });
         }
+
         function confirmMobile(mobileCaptured) {
             recognition.start();
             recognition.onresult = function (event) {
@@ -227,10 +237,12 @@
                 }
             };
         }
+
         function isConfirmation(confirmation) {
             const validResponses = ["yes", "ok", "yeah", "correct", "yep"];
             return validResponses.some(response => confirmation.includes(response));
         }
+
         function submitRegistration() {
             const name = document.getElementById('name')?.value.trim();
             const email = document.getElementById('email')?.value.trim();
@@ -249,21 +261,32 @@
             .then(data => {
                 console.log("Response Data:", data);
                 if (data.success) {
-                    speak(`Thank you for registering, ${name}!`);
-                    speak(`Hi ${name}, Welcome to Biryani Hub. Speak out.`);
+                    speak(`Thank you for registering, ${name}!`, function () {
+                        speak(`Hi ${name}, Welcome to Biryani Hub. Speak out.`);
+                    });
+
                     let statusText = document.getElementById('statusText');
                     let statusMessage = document.getElementById('statusMessage');
-                    
                     if (statusText && statusMessage) {
                         statusText.textContent = `Thank you for registering, ${name}!`;
                         statusMessage.style.display = 'block';
                         setTimeout(() => {
                             statusText.textContent = 'Submitted Successfully!';
+                            // Refresh the page after 10 seconds
                             setTimeout(() => {
-                                window.location.reload();
-                            }, 5000);
+                                location.reload();  // Refresh the page
+                            }, 10000); // 10 seconds delay
                         }, 6000);
                     }
+
+                    // Add the "Refresh me" button after successful registration
+                    let refreshButton = document.createElement("button");
+                    refreshButton.classList.add("refresh-button");
+                    refreshButton.textContent = "Refresh Me";
+                    refreshButton.onclick = function () {
+                        location.reload();
+                    };
+                    document.body.appendChild(refreshButton);
                 } else {
                     speak("There was an error submitting your details. Please try again.");
                     let statusText = document.getElementById('statusText');
@@ -285,85 +308,7 @@
                 }
             });
         }
-        function captureLoginDetails() {
-            speak("Please say your email for login.", function () {
-                recognition.start();
-                recognition.onresult = function (event) {
-                    let emailCaptured = event.results[0][0].transcript.trim().replace(/\bat\b/g, '@').replace(/\s+/g, '');
-                    document.getElementById('loginEmail').value = emailCaptured;
-                    recognition.stop();
-                    speak("You said " + emailCaptured + ". Is it correct?", function () {
-                        confirmLoginEmail(emailCaptured);
-                    });
-                };
-            });
-        }
-        function confirmLoginEmail(emailCaptured) {
-            recognition.start();
-            recognition.onresult = function (event) {
-                let confirmation = event.results[0][0].transcript.trim().toLowerCase();
-                recognition.stop();
-                if (isConfirmation(confirmation)) {
-                    captureLoginMobile();
-                } else {
-                    captureLoginDetails();
-                }
-            };
-        }
-        function captureLoginMobile() {
-            speak("Now, say your mobile number.", function () {
-                recognition.start();
-                recognition.onresult = function (event) {
-                    let mobileCaptured = event.results[0][0].transcript.trim().replace(/\s+/g, '');
-                    document.getElementById('loginMobile').value = mobileCaptured;
-                    recognition.stop();
-                    speak("You said " + mobileCaptured + ". Is it correct?", function () {
-                        confirmLoginMobile(mobileCaptured);
-                    });
-                };
-            });
-        }
-        function confirmLoginMobile(mobileCaptured) {
-            recognition.start();
-            recognition.onresult = function (event) {
-                let confirmation = event.results[0][0].transcript.trim().toLowerCase();
-                recognition.stop();
-                if (isConfirmation(confirmation)) {
-                    submitLogin();
-                } else {
-                    captureLoginMobile();
-                }
-            };
-        }
-        function submitLogin() {
-            const loginEmail = document.getElementById('loginEmail').value;
-            const loginMobile = document.getElementById('loginMobile').value;
-            // Simulate login check by querying Salesforce
-            if (loginEmail && loginMobile) {
-                fetch('/validate-login', {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ email: loginEmail, mobile: loginMobile })
-                })
-                .then(response => response.json())
-                .then(data => {
-                    if (data.success) {
-                        const userName = data.name;  // Retrieve the name from the response
-                        speak(`Welcome, ${userName}!`); // Speak the welcome message with the user's name
-                        window.location.href = '/menu'; // Redirect to menu after successful login
-                    } else {
-                        // alert("Invalid login details. Please try again.");
-                        speak("Invalid login details. Please try again.");
-                    }
-                })
-                .catch(error => {
-                    console.error('Login validation failed:', error);
-                    alert("An error occurred. Please try again.");
-                });
-            } else {
-                alert("Please provide both email and mobile number.");
-            }
-        }
+
         window.onload = function () {
             askLoginOrRegister();
         };