document.addEventListener('DOMContentLoaded', function() { const registerForm = document.getElementById('registerClergyForm'); if (registerForm) { registerForm.addEventListener('submit', function(e) { e.preventDefault(); const formData = new FormData(this); const submitBtn = this.querySelector('button[type="submit"]'); submitBtn.disabled = true; submitBtn.innerHTML = 'Registering...'; fetch('api/register_clergy.php', { method: 'POST', body: formData }) .then(response => response.json()) .then(data => { if (data.success) { showToast('Success', 'Clergy member registered successfully.'); setTimeout(() => location.reload(), 1500); } else { showToast('Error', data.error || 'Failed to register clergy.'); submitBtn.disabled = false; submitBtn.innerHTML = 'Register Clergy'; } }) .catch(error => { showToast('Error', 'An unexpected error occurred.'); submitBtn.disabled = false; submitBtn.innerHTML = 'Register Clergy'; }); }); } }); function showToast(title, message) { const toastContainer = document.getElementById('toastContainer'); const toastHtml = ` `; toastContainer.innerHTML = toastHtml; setTimeout(() => { toastContainer.innerHTML = ''; }, 5000); }