document.addEventListener("DOMContentLoaded", () => {
  const slides = Array.from(document.querySelectorAll(".slide"));
  const dots = Array.from(document.querySelectorAll(".dot"));
  if (!slides.length || !dots.length) return;

  let idx = 0;
  const set = (i) => {
    idx = i;
    slides.forEach((slide, index) => {
      slide.classList.toggle("active", index === idx);
    });
    dots.forEach((dot, index) => {
      dot.classList.toggle("active", index === idx);
    });
  };

  dots.forEach((dot, index) => {
    dot.addEventListener("click", () => set(index));
  });

  setInterval(() => set((idx + 1) % slides.length), 6500);
});