Update index.html

index.html

@@ -90,6 +90,9 @@
             // --- CONFIGURATION ---
             const WORKER_URL = 'https://contact-form-api.aiagents.workers.dev/';
 
+            // --- STATE ---
+            let isSubmitting = false;
+
             // --- ELEMENTS ---
             const togglePanelBtn = document.getElementById('togglePanel');
             const floatingPanel = document.getElementById('floatingPanel');
@@ -113,18 +116,24 @@
             closePanelBtn.addEventListener('click', hidePanel);
             closeSuccessBtn.addEventListener('click', () => {
                 hidePanel();
-                // Reset form for next time
                 setTimeout(() => {
                     formContainer.classList.remove('hidden');
                     successMessage.classList.add('hidden');
                     interestForm.reset();
-                }, 300); // Wait for fade out
+                }, 300); 
             });
 
             interestForm.addEventListener('submit', async (e) => {
                 e.preventDefault();
-                buttonText.textContent = 'Submitting...';
+                
+                // ** THE FIX IS HERE: If a submission is already happening, do nothing. **
+                if (isSubmitting) {
+                    return; 
+                }
+
+                isSubmitting = true;
                 submitButton.disabled = true;
+                buttonText.textContent = 'Submitting...';
 
                 const uniqueId = generateUniqueId();
                 const name = document.getElementById('name').value;
@@ -138,22 +147,22 @@
                     });
 
                     if (!response.ok) {
-                        const errorText = await response.text();
-                        throw new Error(errorText || 'Submission failed');
+                        const errorData = await response.json();
+                        throw new Error(errorData.error || 'Submission failed');
                     }
                     
-                    // Show success message
                     uniqueIDDisplay.textContent = uniqueId;
                     formContainer.classList.add('hidden');
                     successMessage.classList.remove('hidden');
 
                 } catch (error) {
                     console.error('Error submitting form:', error);
-                    alert(`There was an error: ${error.message}. Please try again.`);
+                    alert(`There was an error: ${error.message}`);
                 } finally {
-                    // Reset button
-                    buttonText.textContent = 'Generate Unique ID';
+                    // Re-enable the form for a new submission later
+                    isSubmitting = false;
                     submitButton.disabled = false;
+                    buttonText.textContent = 'Generate Unique ID';
                 }
             });
         });