let lastScrollPosition = 0;
let hasStopped = false;
let triggerPoint = 4;
let popup_background = document.getElementById("popup-background-module");
let exit_button = document.getElementById("popup-exit-button");

const closeBackground = (event) => {
  if (
    event.target === popup_background ||
    event.target === exit_button ||
    event.key === "Escape"
  ) {
    popup_background.classList.add("popup-hide");
    document.body.style.overflow = "auto";
    document.removeEventListener("keydown", closeBackground);
    popup_background.removeEventListener("click", closeBackground);
    exit_button.removeEventListener("click", closeBackground);
  }
};

const exitCheck = () => {
  if (window.scrollY < lastScrollPosition) {
    window.removeEventListener("scroll", exitCheck);
    popup_background.classList.add("popup-show");
    document.body.style.overflow = "hidden";
    sessionStorage.setItem("session-popup", "true");
  }
  lastScrollPosition = window.scrollY;
};

function triggerCheck() {
  if (
    window.scrollY > document.body.scrollHeight / triggerPoint &&
    !hasStopped
  ) {
    hasStopped = true;
    document.getElementById("popup-content-module").style.display = "block";
    window.removeEventListener("scroll", triggerCheck);
    window.addEventListener("scroll", exitCheck, { passive: true });
    document.addEventListener("keydown", closeBackground);
    popup_background.addEventListener("click", closeBackground);
    exit_button.addEventListener("click", closeBackground);
  }
}

const popupTrigger = () => {
  if (
    sessionStorage.getItem("session-popup") ||
    getComputedStyle(document.getElementById("vet_bills_middle_banner_link"))
      .display === "none" ||
    getComputedStyle(document.getElementById("hide_popup_div")).display ===
      "none"
  )
    return;
  window.addEventListener("scroll", triggerCheck, { passive: true });
};

popupTrigger();

if (sessionStorage.getItem("searchData")) {
  document
    .querySelectorAll('[template-container="default"]')
    .forEach((container) => {
      container.querySelectorAll('a[href$="/mypet"]').forEach((link) => {
        link.setAttribute("data-stack", "default");
        link.href = `https://${
          window.location.hostname
        }/mypet${sessionStorage.getItem("searchData")}`;
      });
    });
}