document.getElementById('heroForm').addEventListener('submit', function(e) { e.preventDefault(); var email = document.getElementById('heroEmail').value; var btn = document.getElementById('heroBtn'); var msgDiv = document.getElementById('cs-message'); // Loading State btn.innerText = 'Sending...'; btn.disabled = true; msgDiv.innerText = ''; // Form Data var formData = new FormData(); formData.append('action', 'hero_save_email'); formData.append('email', email); // Fetch to WordPress AJAX fetch('/wp-admin/admin-ajax.php', { method: 'POST', body: formData }) .then(response => response.json()) .then(data => { if(data.success) { msgDiv.style.color = '#39ff14'; // Neon Green for success msgDiv.innerText = data.data.message; document.getElementById('heroForm').reset(); } else { msgDiv.style.color = '#ff4d4d'; // Red for error msgDiv.innerText = data.data.message; } btn.innerText = 'Notify Me'; btn.disabled = false; }) .catch(error => { msgDiv.style.color = '#ff4d4d'; msgDiv.innerText = 'Something went wrong.'; btn.innerText = 'Notify Me'; btn.disabled = false; }); });