From e8e1dbc27faa2900d55bacff26605b1fd13e01e1 Mon Sep 17 00:00:00 2001
From: Adam Moussa <166072409+amoussa1229@users.noreply.github.com>
Date: Sat, 4 Apr 2026 19:07:01 -0400
Subject: [PATCH] Add AJAX submission and success/error feedback to contact
 form

Form now submits via fetch with JSON accept header for Basin AJAX
mode. Shows success message on completion or error message with
fallback email address on failure.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 contact/index.html | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/contact/index.html b/contact/index.html
index 55011b3..aabb766 100644
--- a/contact/index.html
+++ b/contact/index.html
@@ -440,6 +440,37 @@
 				</div>
 			</div>
 		</form>
+		<div id="form-success" style="display:none;padding:20px;margin-top:15px;background:#2ecc71;color:#fff;border-radius:4px;text-align:center;">Thank you! Your message has been sent successfully.</div>
+		<div id="form-error" style="display:none;padding:20px;margin-top:15px;background:#e74c3c;color:#fff;border-radius:4px;text-align:center;">Something went wrong. Please try again or email us directly at work-orders@seahaven.com</div>
+		<script>
+		(function(){
+		  var form = document.querySelector('.elementor-form');
+		  form.addEventListener('submit', function(e){
+		    e.preventDefault();
+		    var btn = form.querySelector('button[type="submit"]');
+		    btn.disabled = true;
+		    btn.querySelector('.elementor-button-text').textContent = 'Sending...';
+		    fetch(form.action, {
+		      method: 'POST',
+		      body: new FormData(form),
+		      headers: {'Accept': 'application/json'}
+		    }).then(function(r){
+		      if(r.ok){
+		        form.reset();
+		        form.style.display = 'none';
+		        document.getElementById('form-success').style.display = 'block';
+		      } else {
+		        document.getElementById('form-error').style.display = 'block';
+		      }
+		    }).catch(function(){
+		      document.getElementById('form-error').style.display = 'block';
+		    }).finally(function(){
+		      btn.disabled = false;
+		      btn.querySelector('.elementor-button-text').textContent = 'Submit';
+		    });
+		  });
+		})();
+		</script>
 						</div>
 				</div>
 				</div>