/**
 * Appybix Image Slider
 * Author: Kashi Ahmer
 * Website: https://K707.site/
 */

document.addEventListener("DOMContentLoaded", function () {
  const track = document.querySelector(".slider-track");
  const slides = document.querySelectorAll(".slide");
  const prevBtn = document.querySelector(".slider-btn.prev");
  const nextBtn = document.querySelector(".slider-btn.next");
  let currentIndex = 0;

  if (!track || slides.length === 0) return;

  const updateSlider = () => {
    const slideWidth = slides[0].getBoundingClientRect().width + 10; // include gap
    track.style.transform = `translateX(-${currentIndex * slideWidth}px)`;
  };

  const movePrev = () => {
    if (currentIndex > 0) {
      currentIndex--;
      updateSlider();
    }
  };

  const moveNext = () => {
    if (currentIndex < slides.length - 1) {
      currentIndex++;
      updateSlider();
    }
  };

  // Event listeners
  if (prevBtn) prevBtn.addEventListener("click", movePrev);
  if (nextBtn) nextBtn.addEventListener("click", moveNext);
  window.addEventListener("resize", updateSlider);

  // Initialize
  updateSlider();
});