voicemenu143

Sleeping

App Files Files Community

lokesh341 commited on 13 days ago

Commit

55c1abf

verified ·

1 Parent(s): d3bbdc1

Update templates/index.html

Browse files

Files changed (1) hide show

templates/index.html +21 -150

templates/index.html CHANGED Viewed

@@ -49,20 +49,8 @@
 </head>
 <body>
-    <div class="container">
-        <h1>Welcome to the Biryani Hub</h1>
-        <p>Are you ready to explore our delicious menu?</p>
-        <div class="category-buttons">
-            <button onclick="window.location.href='/menu_page'">Go to Menu</button>
-        </div>
-    </div>
-</body>
-</html>
-    <!-- Welcome Page -->
     <div class="container" id="welcomePage">
-        <h1>Welcome to Biriyani Hub 🍽</h1>
         <h2 class="info" id="infoMessage">Welcome! Are you a new customer or an existing one?</h2>
         <p class="status" id="status">🔊 Please say 'new' to register or 'existing' to login.</p>
     </div>
@@ -94,54 +82,24 @@
         <p class="status" id="loginStatus">Listening... 🗣</p>
     </div>
-    <!-- Confirmation Page -->
-    <div class="container" id="confirmationPage" style="display: none;">
-        <h2>Confirm Your Details</h2>
-        <div class="confirm-details">
-            <p class="details"><strong>Name:</strong> <span id="confirmName"></span></p>
-            <p class="details"><strong>Email:</strong> <span id="confirmEmail"></span></p>
-            <p class="details"><strong>Phone:</strong> <span id="confirmPhone"></span></p>
-        </div>
-    </div>
-    <div id="statusMessage" style="display: none;">
-        <h2 id="statusText"></h2>
-    </div>
     <script>
-        let recognition;
-        if ('webkitSpeechRecognition' in window) {
-            recognition = new webkitSpeechRecognition();
-            recognition.continuous = false;
-            recognition.interimResults = false;
-            recognition.lang = 'en-US';
-        } 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("Are you a new customer or an existing customer? Say 'new' to register or 'existing' to login.", function () {
-                recognition.start();
-                recognition.onresult = function (event) {
-                    let response = event.results[0][0].transcript.trim().toLowerCase();
-                    recognition.stop();
-                    if (response.includes("new")) {
-                        showRegistrationForm();
-                        captureName();
-                    } else if (response.includes("existing")) {
-                        showLoginForm();
-                        captureLoginDetails();
                     } else {
-                        speak("I didn't understand. Please say 'new' for registration or 'existing' for login.", askLoginOrRegister);
                     }
-                };
-            });
         }
         function captureEmail() {
@@ -149,47 +107,28 @@
                 recognition.start();
                 recognition.onresult = function (event) {
                     let emailCaptured = event.results[0][0].transcript.trim();
-                    document.getElementById('email').value = emailCaptured;
                     recognition.stop();
-                    // Validate the email format
                     if (!isValidEmail(emailCaptured)) {
                         speak("The email address is invalid. Please provide a valid email like [email protected].", captureEmail);
                     } else {
-                        speak("You said " + emailCaptured + ". Is it correct?", function () {
-                            confirmEmail(emailCaptured);
-                        });
                     }
                 };
             });
         }
-        function isValidEmail(email) {
-            // Basic email validation check for "@" and "."
-            return /\S+@\S+\.\S+/.test(email);
-        }
-        function confirmEmail(emailCaptured) {
-            recognition.start();
-            recognition.onresult = function (event) {
-                let confirmation = event.results[0][0].transcript.trim().toLowerCase();
-                recognition.stop();
-                if (confirmation.includes("yes") || confirmation.includes("ok")) {
-                    captureMobile();
-                } else {
-                    captureEmail();
-                }
-            };
         }
         function captureMobile() {
-            speak("Please say your mobile number.", function () {
                 recognition.start();
                 recognition.onresult = function (event) {
                     let mobileCaptured = event.results[0][0].transcript.trim().replace(/\s+/g, '');
-                    document.getElementById('mobile').value = mobileCaptured;
                     recognition.stop();
                     if (!isValidPhone(mobileCaptured)) {
-                        speak("The mobile number is invalid. Please provide a valid 15 digit number.", captureMobile);
                     } else {
                         speak("You said " + mobileCaptured + ". Is it correct?", function () {
                             confirmMobile(mobileCaptured);
@@ -198,74 +137,6 @@
                 };
             });
         }
-        function isValidPhone(phone) {
-            // Check if phone number contains only digits and is 15 characters long
-            const phonePattern = /^\d{10,15}$/;
-            return phonePattern.test(phone);
-        }
-        function confirmMobile(mobileCaptured) {
-            recognition.start();
-            recognition.onresult = function (event) {
-                let confirmation = event.results[0][0].transcript.trim().toLowerCase();
-                recognition.stop();
-                if (confirmation.includes("yes") || confirmation.includes("ok")) {
-                    // Show confirmation page with details
-                    showConfirmationPage();
-                } else {
-                    captureMobile();
-                }
-            };
-        }
-        function showConfirmationPage() {
-            const name = document.getElementById('name').value;
-            const email = document.getElementById('email').value;
-            const phone = document.getElementById('mobile').value;
-            document.getElementById('confirmName').textContent = name;
-            document.getElementById('confirmEmail').textContent = email;
-            document.getElementById('confirmPhone').textContent = phone;
-            // Automatically submit the details after a delay
-            setTimeout(submitRegistration, 6000);  // 6 seconds delay
-        }
-        function submitRegistration() {
-            const name = document.getElementById('name').value;
-            const email = document.getElementById('email').value;
-            const phone = document.getElementById('mobile').value;
-            // Simulate submission to Salesforce
-            fetch('/submit', {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ name, email, phone })
-            })
-            .then(response => response.json())
-            .then(data => {
-                if (data.success) {
-                    document.getElementById('statusText').textContent = `Thank you for registering, ${name}!`;
-                    document.getElementById('statusMessage').style.display = 'block';
-                    // Show 'Submitted Successfully' after 6 seconds, then refresh the page after 5 seconds
-                    setTimeout(() => {
-                        document.getElementById('statusText').textContent = 'Submitted Successfully!';
-                        setTimeout(() => {
-                            window.location.reload(); // Refresh after 5 seconds
-                        }, 5000);
-                    }, 6000);
-                } else {
-                    document.getElementById('statusText').textContent = 'There was an error submitting your details. Please try again.';
-                    document.getElementById('statusMessage').style.display = 'block';
-                }
-            })
-            .catch(error => {
-                document.getElementById('statusText').textContent = 'An error occurred. Please try again.';
-                document.getElementById('statusMessage').style.display = 'block';
-            });
-        }
-        window.onload = function () {
-            askLoginOrRegister();
-        };
     </script>
 </body>
 </html>

 </head>
 <body>
     <div class="container" id="welcomePage">
+        <h1>Welcome to Biryani Hub 🍽</h1>
         <h2 class="info" id="infoMessage">Welcome! Are you a new customer or an existing one?</h2>
         <p class="status" id="status">🔊 Please say 'new' to register or 'existing' to login.</p>
     </div>
         <p class="status" id="loginStatus">Listening... 🗣</p>
     </div>
     <script>
+        function checkEmailExists(email) {
+            fetch(`/check_email?email=${encodeURIComponent(email)}`)
+                .then(response => response.json())
+                .then(data => {
+                    if (data.exists) {
+                        speak("Welcome back! You are logged in.");
+                        document.getElementById('loginForm').style.display = 'block';
+                        document.getElementById('registrationForm').style.display = 'none';
                     } else {
+                        speak("You are a new customer. Please proceed with registration.");
+                        document.getElementById('registrationForm').style.display = 'block';
+                        document.getElementById('loginForm').style.display = 'none';
                     }
+                })
+                .catch(() => {
+                    speak("Error checking email. Please try again.");
+                });
         }
         function captureEmail() {
                 recognition.start();
                 recognition.onresult = function (event) {
                     let emailCaptured = event.results[0][0].transcript.trim();
                     recognition.stop();
                     if (!isValidEmail(emailCaptured)) {
                         speak("The email address is invalid. Please provide a valid email like [email protected].", captureEmail);
                     } else {
+                        checkEmailExists(emailCaptured);
                     }
                 };
             });
         }
+        function isValidPhone(phone) {
+            return /^\d{12}$/.test(phone);
         }
         function captureMobile() {
+            speak("Please say your 12-digit mobile number.", function () {
                 recognition.start();
                 recognition.onresult = function (event) {
                     let mobileCaptured = event.results[0][0].transcript.trim().replace(/\s+/g, '');
                     recognition.stop();
                     if (!isValidPhone(mobileCaptured)) {
+                        speak("The mobile number is invalid. Please provide exactly 12 digits.", captureMobile);
                     } else {
                         speak("You said " + mobileCaptured + ". Is it correct?", function () {
                             confirmMobile(mobileCaptured);
                 };
             });
         }
     </script>
 </body>
 </html>