const inputFields = document.querySelectorAll(
  ".contact-form__input-control input, .contact-form__input-control textarea",
);

export const initFormBehaviour = () => {
  if (!inputFields) {
    return;
  }

  inputFields.forEach((field, index) => {
    field.addEventListener("focus", () => {
      document
        .querySelectorAll(".contact-form__input-control")
        [index].classList.add("contact-form__input-control--activated");
    });

    field.addEventListener("blur", () => {
      if (field.value == "") {
        document
          .querySelectorAll(".contact-form__input-control")
          [index].classList.remove("contact-form__input-control--activated");
      }
    });
  });

  document.addEventListener("wpcf7submit", function (e) {
    const formWrap = document.querySelectorAll(".contact-page__form-wrapper");

    formWrap.classList.add("contact-page__form-wrapper--success");
  });
};