(function(jQuery) {
    "use strict";
    jQuery(document).ready(function() {
  // ott thumb slider start
  function ottThumbSlider() {
    if (typeof Swiper !== "undefined") {
      const slider_thumb = {
        direction: "horizontal",
        spaceBetween: 24,
        slidesPerView: 2,
        loop: true,
        loopedSlides: 12,
        slideToClickedSlide: true,
        autoplay: true,
        navigation: {
          nextEl: ".slider-next",
          prevEl: ".slider-prev",
        },
        breakpoints: {
          0: {
            direction: "horizontal",
            slidesPerView: 1,
          },
          768: {
            direction: "horizontal",
            slidesPerView: 2,
          },
        },
      };

      const slider_img = {
        direction: "vertical",
        spaceBetween: 0,
        slidesPerView: 1,
        loop: true,
        loopedSlides: 12,
        mousewheel: false,
        effect: "fade",
        rewind: true,
        slideToClickedSlide: true,
        breakpoints: {
          0: {
            direction: "horizontal",
          },
          768: {
            direction: "vertical",
          },
        },
      };
      let sliderThumbsOtt = new Swiper(
        '[data-swiper="slider-thumbs-ott"] [data-swiper="slider-thumbs-inner-ott"]',
        slider_thumb
      );
      let sliderImagesOtt = new Swiper(
        '[data-swiper="slider-images-ott"] [data-swiper="slider-images-inner-ott"]',
        slider_img
      );

      sliderImagesOtt.controller.control = sliderThumbsOtt;
      sliderThumbsOtt.controller.control = sliderImagesOtt;
    }
  }
  ottThumbSlider();
  // ott thumb slider end
    });
})(jQuery);

document.addEventListener("DOMContentLoaded", function() {
  var swiperContainer = document.querySelector('.most-popular-slider');
  var totalSlides = swiperContainer ? swiperContainer.querySelectorAll('.most-popular-swiper-slider').length : 0;
  var maxSlidesPerView = 6;
  var slidesPerView = sceneflixMostPopularSwiperSettings.slidesPerView ? Math.min(parseInt(sceneflixMostPopularSwiperSettings.slidesPerView, 10), maxSlidesPerView) : maxSlidesPerView;

  var swiper = new Swiper(".most-popular-slider", {
      slidesPerView: slidesPerView,
      loop: totalSlides > slidesPerView,
      spaceBetween: 5,
      loopedSlides: totalSlides > slidesPerView ? Math.min(4, totalSlides) : 0,
      centeredSlides: totalSlides > slidesPerView,
      slideToClickedSlide: true,
      touchRatio: 0.2,
      scrollbar: {
          el: ".swiper-scrollbar",
          hide: false,
        },
      breakpoints: {
          0: {
              slidesPerView: 2,
          },
          479: {
              slidesPerView: Math.min(4, slidesPerView),
          },
          1000: {
              slidesPerView: slidesPerView,
          },
      },
      navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
      },
      autoplay: {
          delay: 3000,
      },
  });
});

document.addEventListener("DOMContentLoaded", function() {
  var swiperContainer = document.querySelector('.top-streaming-swiper');
  var totalSlides = swiperContainer ? swiperContainer.querySelectorAll('.top-streaming-swiper-slide').length : 0;
  var maxSlidesPerView = 5;
  var slidesPerView = sceneflixTopStreamingSwiperSettings.slidesPerView ? Math.min(parseInt(sceneflixTopStreamingSwiperSettings.slidesPerView, 10), maxSlidesPerView) : maxSlidesPerView;
  var swiper = new Swiper(".top-streaming-swiper", {
      slidesPerView: slidesPerView,
      loop: totalSlides > slidesPerView,
      spaceBetween: 5,
      loopedSlides: totalSlides > slidesPerView ? Math.min(4, totalSlides) : 0,
      centeredSlides: totalSlides > slidesPerView,
      slideToClickedSlide: true,
      touchRatio: 0.2,
      breakpoints: {
          0: {
              slidesPerView: 2,
          },
          479: {
              slidesPerView: Math.min(4, slidesPerView),
          },
          1000: {
              slidesPerView: slidesPerView,
          },
      },
      pagination: {
        el: ".top-streaming-pagination",
        clickable: true
      },
      autoplay: {
          delay: 3000,
      },
  });
});