--> document.addEventListener('DOMContentLoaded', function() { const form = document.getElementById('contactForm'); const messageContainer = document.getElementById('form-message'); form.addEventListener('submit', function(e) { e.preventDefault(); const submitBtn = document.getElementById('contactSubmitBtn'); submitBtn.disabled = true; submitBtn.innerHTML = 'Sending... '; const formData = new FormData(form); fetch(form.action, { method: 'POST', body: formData }) .then(response => response.json()) .then(data => { if (data.status === 'success') { form.reset(); showMessage(data.message, 'success'); } else { showMessage(data.message, 'error'); } }) .catch(error => { showMessage('An unexpected error occurred', 'error'); }) .finally(() => { submitBtn.disabled = false; submitBtn.innerHTML = 'Send Message '; }); }); function showMessage(text, type) { messageContainer.style.display = 'block'; messageContainer.textContent = text; messageContainer.className = `alert alert-${type}`; // Auto-hide after 5 seconds setTimeout(() => { messageContainer.style.display = 'none'; }, 5000); } });