document.querySelectorAll("[data-form-field-wrap]").forEach((wrapper) => {
  const input = wrapper.querySelector("input, textarea, select");
  const label = wrapper.querySelector(".form_label");

  if (!input || !label) return;

  const setActive = () => label.classList.add("is-active");
  const removeActive = () => {
    if (!input.value) {
      label.classList.remove("is-active");
    }
  };

  input.addEventListener("focus", setActive);
  input.addEventListener("blur", removeActive);

  if (input.value) {
    label.classList.add("is-active");
  }
});