document.addEventListener("DOMContentLoaded", function () {
  const form = document.getElementById("wf-form-KYC-Form");
  const successMessage = document.getElementById("success-message");
  const errorMessage = document.getElementById("error-message");

  form.addEventListener("submit", async function (event) {
    event.preventDefault();

    const formData = new FormData(form);
    const jsonObject = {};

    formData.forEach((value, key) => {
      if (jsonObject[key]) {
        if (!Array.isArray(jsonObject[key])) {
          jsonObject[key] = [jsonObject[key]];
        }
        jsonObject[key].push(value);
      } else {
        jsonObject[key] = value;
      }
    });

    const signatureInput = document.getElementById("signatureInput");
    if (signatureInput && signatureInput.value) {
      jsonObject["signature"] = signatureInput.value;
    }

    try {
      const response = await fetch(
        "https://api.backend.ae/utils/receive/pdf_form",
        {
          method: "POST",
          headers: {
            "Content-Type": "application/json",
          },
          body: JSON.stringify(jsonObject),
        }
      );

      if (response.ok) {
        form.classList.add("u-d-none");
        successMessage.classList.remove("u-d-none");
        form.reset();
      } else {
        errorMessage.classList.remove("u-d-none");
      }
    } catch (error) {
      errorMessage.classList.remove("u-d-none");
      console.error("Error submitting form:", error);
    }
  });
});