var contactUsPrefix = "contact-";
var contactUsForm = document.getElementById(contactUsPrefix + "form");
contactUsForm.addEventListener("submit", handleContactUsForm);

function handleContactUsForm(event) {
  event.preventDefault();
  var name1 = document.getElementById(contactUsPrefix + "name1").value;
  var name2 = document.getElementById(contactUsPrefix + "name2").value;
  var company = document.getElementById(contactUsPrefix + "company").value;
  var email = document.getElementById(contactUsPrefix + "email").value;
  var industry = document.getElementById(contactUsPrefix + "industry").value;
  var message = document.getElementById(contactUsPrefix + "message").value;
  var captcha = grecaptcha.getResponse();

  if (!captcha) {
    document.getElementById("g-recaptcha-error").classList.remove("hide");
  } else {
    fetch("https://rybfroljd2j7fnhlfqigomjt5y0tfqbt.lambda-url.us-west-2.on.aws/", {
      method: "POST",
      headers: {
        Accept: "application/json",
        "Content-Type": "application/json",
      },
      body: JSON.stringify({
        name1: name1,
        name2: name2,
        company: company,
        email: email,
        industry: industry,
        message: message,
        captcha: captcha
      }),
    })
    .then((response) => {
      console.log(response);
      if (response.status === 200) {
        showOverlay("Thank you for contacting us, we'll be in touch soon!");
        document.getElementById("g-recaptcha-error").classList.add("hide");
        document.getElementById(contactUsPrefix + "name1").value = '';
        document.getElementById(contactUsPrefix + "name2").value = '';
        document.getElementById(contactUsPrefix + "company").value = '';
        document.getElementById(contactUsPrefix + "email").value = '';
        document.getElementById(contactUsPrefix + "industry").value = '';
        document.getElementById(contactUsPrefix + "message").value = '';
        grecaptcha.reset()
        logFormComplete('success');
      } else {
        showOverlay("An error occurred, please try sending again.");
        document.getElementById("g-recaptcha-error").classList.add("hide");
        logFormComplete('error_lambda');
      }        
    })
    .catch((err) => {
      console.log(err);
      showOverlay("An error occurred, please try sending again.")
      document.getElementById("g-recaptcha-error").classList.add("hide");
      logFormComplete('error_fetch');
    });
  }
}

function showOverlay(message) {
  var ol_div = document.getElementById("overlay");
  var ol_msg = document.getElementById("overlay-message");

  ol_msg.textContent = message;
  ol_div.classList.remove("hide");

  setTimeout(function(){ol_div.classList.add("hide");}, 3000);
}

function logFormComplete(status) {
  window.dataLayer = window.dataLayer || [];
  window.dataLayer.push({
    'event': 'form_complete',
    'submit_status': status,
  });
}