(() => {
  const { actions } = ShopbySkin;

  const bannerId = document.currentScript.getAttribute('shopby-banner-id');

  if (bannerId) {
    actions?.getBannerById?.({ bannerId });
  }

  EventManager.on('QUERY_BANNER_BY_ID', (data) => {
    if(data.bannerId === "pc-main-slider"){
      if(data.data?.banners[0].bannerImages.length < 3){
        if(document.querySelector(".main_banner_box [shopby-slider]").swiper !== undefined){
          document.querySelector(".main_banner_box [shopby-slider]").swiper.destroy();
          new Swiper(".main_banner_box [shopby-slider]", {
            autoplay: {
              delay: 3000,
              waitForTransition: true,
              disableOnInteraction: false,
            },
            pagination: {
              el: "[shopby-slider-pagination]",
            },
            navigation: {
              nextEl: "[shopby-slider-nav-next]",
              prevEl: "[shopby-slider-nav-prev]"
            },
            speed: 500,
            loop: true,
          });
        }
      }
    }
  });
})();