Update templates/index.html

templates/index.html

@@ -234,7 +234,7 @@
                 let confirmation = event.results[0][0].transcript.trim().toLowerCase();
                 recognition.stop();
                 if (confirmation.includes("yes") || confirmation.includes("ok")) {
-                    // Automatically submit details
+                    // Automatically submit details to Salesforce after confirmation
                     submitRegistration();
                 } else {
                     captureMobile();
@@ -247,19 +247,34 @@
             const email = document.getElementById('email').value;
             const phone = document.getElementById('mobile').value;
 
-            // Simulate submission to Salesforce
-            setTimeout(() => {
-                document.getElementById('statusText').textContent = `Thank you for registering, ${name}!`;
-                document.getElementById('statusMessage').style.display = 'block';
+            // Make a POST request to Salesforce (simulated)
+            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';
 
-                // After 6 seconds, show "Submitted Successfully" and refresh the page after 5 seconds
-                setTimeout(() => {
-                    document.getElementById('statusText').textContent = 'Submitted Successfully!';
+                    // Show 'Submitted Successfully' after 6 seconds, then refresh the page after 5 seconds
                     setTimeout(() => {
-                        window.location.reload(); // Refresh after 5 seconds
-                    }, 5000);
-                }, 6000);
-            }, 1000);
+                        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';
+            });
         }
 
         function captureLoginDetails() {