document.getElementById("submitButton").addEventListener("click", async function (event) { // Prevent the form from submitting traditionally event.preventDefault(); // Get form values const name = document.getElementById("name").value.trim(); const email = document.getElementById("email").value.trim(); const organization = document.getElementById("Organization").value.trim(); const phone = document.getElementById("phone").value.trim(); const service = document.getElementById("service").value; const consentChecked = document.getElementById("dataConsentCheckbox").checked; const product = "pension" // Validate required fields if (!name || !email || !organization || !phone || !service) { alert("Please fill in all required fields."); return; } // Validate checkbox if (!consentChecked) { alert("You must agree to the data consent policy."); return; } // Prepare the form data const formData = { name, email, organization, phone, service,product }; // Disable the button and show "sending" message const submitButton = document.getElementById("submitButton"); submitButton.disabled = true; document.getElementById("responseMessage").innerHTML = ` `; document.getElementById("responseMessage").style.display = "block"; try { // Send a POST request to the server const response = await fetch('https://cloud.octagonafrica.com/opasdevapi/new/opasapi/tier2', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(formData), }); const result = await response.json(); // Enable the button submitButton.disabled = false; if (result.status === 'success') { // Display success message document.getElementById("responseMessage").innerHTML = ` `; } else { // Display error message document.getElementById("responseMessage").innerHTML = ` `; } } catch (error) { console.log(error); // Enable the button and show error message in case of failure submitButton.disabled = false; document.getElementById("responseMessage").innerHTML = ` `; } });