window.addEventListener("load", function () {

  document.addEventListener("submit", async function (e) {

    const form = e.target;
    if (!form || form.id !== "wf-form-Contact-Form") return;

    e.preventDefault();
    e.stopImmediatePropagation();

    const button = form.querySelector('[type="submit"]');
    const successBox = document.querySelector(".success_message_form");
    const errorBox   = document.querySelector(".w-form-fail");

    if (button) {
      button.disabled = true;
      button.dataset.originalText = button.innerText;
      button.innerText = "SUBMITTING...";
      button.style.opacity = "0.6";
    }

    const fd = new FormData(form);

    try {
      const res = await fetch("https://oxiinstruments.com/api/odoo/", {
        method: "POST",
        body: fd
      });

      const json = await res.json().catch(() => ({}));

      if (res.ok && json.ok) {
        form.reset();
        form.style.display = "none";
        if (errorBox) errorBox.style.display = "none";
        if (successBox) successBox.style.display = "block";
      } else {
        if (successBox) successBox.style.display = "none";
        if (errorBox) errorBox.style.display = "block";

        if (button) {
          button.disabled = false;
          button.innerText = button.dataset.originalText || "Submit";
          button.style.opacity = "1";
        }
      }

    } catch (err) {
      console.error("NETWORK ERROR:", err);

      if (successBox) successBox.style.display = "none";
      if (errorBox) errorBox.style.display = "block";

      if (button) {
        button.disabled = false;
        button.innerText = button.dataset.originalText || "Submit";
        button.style.opacity = "1";
      }
    }

  }, true);

});