const slideshow = document.getElementById("home-slideshow");
if (slideshow) {
  const items = [...slideshow.querySelectorAll(".slide")];
  const prev = slideshow.querySelector(".prev");
  const next = slideshow.querySelector(".next");
  let current = 0;

  function isPortrait() {
    return window.innerHeight > window.innerWidth;
  }

  function isSkipped(index) {
    const el = items[index];
    if (isPortrait() && el.classList.contains("desktop-only")) return true;
    if (!isPortrait() && el.classList.contains("mobile-only")) return true;
    return false;
  }

  function findNext(from, direction) {
    let index = (from + direction + items.length) % items.length;
    let steps = 0;
    while (isSkipped(index) && steps < items.length) {
      index = (index + direction + items.length) % items.length;
      steps++;
    }
    return index;
  }

  function goTo(index) {
    items[current].classList.remove("active");
    current = index;
    items[current].classList.add("active");
  }

  const firstVisible = findNext(-1, 1);
  items[firstVisible]?.classList.add("active");
  current = firstVisible;

  prev?.addEventListener("click", () => goTo(findNext(current, -1)));
  next?.addEventListener("click", () => goTo(findNext(current, 1)));

  // Recalculer la slide active si on tourne l'écran
  window.addEventListener("orientationchange", () => {
    if (isSkipped(current)) {
      goTo(findNext(current, 1));
    }
  });
}