if (typeof Swiper !== "undefined") {
  document.querySelectorAll("[data-swiper-container]").forEach((container) => {
    const swiperEl = container.querySelector("[data-swiper]");
    if (!swiperEl) return;

    const nextBtn = container.querySelector("[data-slide-next]");
    const prevBtn = container.querySelector("[data-slide-prev]");
    const progressWrapper = container.querySelector(
      "[data-swiper-progres-wrap]",
    );
    const progress = container.querySelector("[data-swiper-progres]");

    const slidesCount = swiperEl.querySelectorAll(".swiper-slide").length;

    if (progress && slidesCount <= 3) {
      progressWrapper.style.display = "none";
    }

    new Swiper(swiperEl, {
      slidesPerView: 1.15,
      spaceBetween: 16,
      grabCursor: true,

      navigation: {
        nextEl: nextBtn,
        prevEl: prevBtn,
      },

      pagination: {
        el: progress,
        type: "progressbar",
      },

      breakpoints: {
        480: {
          slidesPerView: 1.2,
          spaceBetween: 20,
        },

        768: {
          slidesPerView: 2,
          spaceBetween: 24,
        },

        992: {
          slidesPerView: slidesCount <= 2 ? 2 : 3,
          spaceBetween: 24,
        },
      },

      on: {
        init(swiper) {
          if (window.innerWidth >= 992 && slidesCount <= 3) {
            swiper.allowTouchMove = false;
          }
        },
      },
    });
  });
}