Update templates/index.html

templates/index.html

@@ -246,7 +246,7 @@
             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' },
@@ -255,10 +255,23 @@
             .then(response => response.json())
             .then(data => {
                 if (data.success) {
-                    window.location.href = '/menu'; // Redirect to menu after successful registration
+                    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 {
-                    alert('There was an error. Please try again.');
+                    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';
             });
         }