var x = document.getElementsByClassName("swiper-container--multiple");

if (x.length > 0) {
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 3,
        spaceBetween: 0,
        centeredSlides: false,
        breakpoints: {
            992: {
                slidesPerView: 6
            }
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        on: {
            init: function () {
                if (window.innerWidth >= 992 && this.slides.length <= 6) {
                    document.querySelector(".swiper-pagination").classList.add("invisible")
                } else if (window.innerWidth < 992 && this.slides.length <= 3) {
                    document.querySelector(".swiper-pagination").classList.add("invisible")
                }
            },
            beforeDestroy: function () {
                window.removeEventListener("resize", debouncedHandleResize)
            }
        }
    });

    function debounce(fn, ms) {
        let timer;
        return function () {
            clearTimeout(timer);
            timer = setTimeout(() => {
                timer = null;
                fn.apply(arguments);
            }, ms);
        };
    }

    const debouncedHandleResize = debounce(function handleResize() {
        let pagination = document.querySelector(".swiper-pagination")
        if (window.innerWidth >= 992 && swiper.slides.length <= 6) {
            pagination.classList.add("invisible")
        } else if (window.innerWidth < 992 && swiper.slides.length <= 3) {
            pagination.classList.add("invisible")
        } else {
            pagination.classList.remove("invisible")
        }
    }, 200);

    window.addEventListener("resize", debouncedHandleResize);
}
else {
    var swiper = new Swiper('.swiper-container--arrows', {
        loop: true,
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });

    var swiperDots = new Swiper('.swiper-container--dots', {
        loop: true,
        autoplay: {
            delay: 3500,
            disableOnInteraction: false,
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true
        },
    });
}



var x = document.querySelectorAll(".resources__carousel");

if (x.length > 0) {
    x.forEach((swiperContainer, index) => {
        let pagination = swiperContainer.querySelector('.resources__pagination');
        swiperContainer.classList.add(`resources__carousel-${index}`);
        if(pagination) {
            pagination.classList.add(`resources__pagination-${index}`);
        }
        let swiper = new Swiper(`.resources__carousel-${index}`, {
            slidesPerView: 3,
            spaceBetween: 0,
            centeredSlides: false,
            breakpoints: {
                992: {
                    slidesPerView: 6
                }
            },
            pagination: {
                el: `.resources__pagination-${index}`,
                dynamicBullets: true,
                clickable: true,
            },
            on: {
                init: function () {
                    // console.log(this.slides.length);
                    // if (window.innerWidth >= 992 && this.slides.length <= 6) {
                    //     document.querySelector(`.swiper-pagination-${index}`).classList.add("invisible")
                    // } else if (window.innerWidth < 992 && this.slides.length <= 3) {
                    //     document.querySelector(`.swiper-pagination-${index}`).classList.add("invisible")
                    // }
                },
                // beforeDestroy: function () {
                //     window.removeEventListener("resize", debouncedHandleResize)
                // }
            }
        });

        // const debouncedHandleResize = debounce(function handleResize() {
        //     console.log(swiper);
        //     console.log(swiperContainer);
        //     let pagination = document.querySelector(`.swiper-pagination-${index}`);
        //     if (window.innerWidth >= 992 && swiper.slides.length <= 6) {
        //         pagination.classList.add("invisible")
        //     } else if (window.innerWidth < 992 && swiper.slides.length <= 3) {
        //         pagination.classList.add("invisible")
        //     } else {
        //         pagination.classList.remove("invisible")
        //     }
        // }, 200);
        //
        // window.addEventListener("resize", debouncedHandleResize);
    });


    function debounce(fn, ms) {
        let timer;
        return function () {
            clearTimeout(timer);
            timer = setTimeout(() => {
                timer = null;
                fn.apply(arguments);
            }, ms);
        };
    }
}