getNavs();
preventSubmit();

const delayInSeconds = 51 * 60 + 30;
let showContent = false;
let countdownStarted = false;

const videoCheckInterval = setInterval(() => {
  const video = document.querySelector(".smartplayer-video-current");

  if (video) {
    clearInterval(videoCheckInterval);

    video.addEventListener("timeupdate", () => {
      showContent = video.currentTime >= delayInSeconds;
      renderContent();
    });

    video.addEventListener("ended", () => {
      showContent = true;
      renderContent();
    });
  }
}, 500);

function renderContent() {
  const contentContainer = document.getElementById("content-container");
  contentContainer.style.display = showContent ? "block" : "none";

  if (showContent && !countdownStarted) {
    countdownStarted = true;
  }
}

function getNavs() {
  const navActive = document.querySelector(".nav-active");
  const navClose = document.querySelector(".nav-close");
  const navsContainer = document.querySelector(".navs-container");

  [navActive, navClose].forEach((navButton) => {
    navButton.addEventListener("click", (e) => {
      e.preventDefault();

      if (navsContainer.classList.contains("is-active")) {
        navClose.classList.add("hidden");
        navActive.classList.remove("hidden");

        navsContainer.classList.remove("is-active");
        navsContainer.classList.add("hidden");
        navsContainer.classList.remove("flex");
      } else {
        navActive.classList.add("hidden");
        navClose.classList.remove("hidden");

        navsContainer.classList.add("is-active");
        navsContainer.classList.remove("hidden");
        navsContainer.classList.add("flex");
      }
    });
  });
}

function preventSubmit() {
  const forms = document.querySelectorAll("form");

  forms.forEach((form) => {
    form.addEventListener("submit", (e) => {
      e.preventDefault();
    });
  });
}