document.addEventListener('DOMContentLoaded', () => {
    // const seed_cont = Math.random();
    // const randKv_cont = seed_cont ? Math.ceil(seed_cont * 6) - 1 : 0;
    const randKv_cont = 0;
    const splide_cont = new Splide('.js-slider-related-contents', {
        type: 'loop',
        start: randKv_cont,
        perPage: 4,
        perMove: 1,
        pagination: true,
        arrows: true,
        autoplay: true,
        interval: 4000,
        focus: 0,
        slideFocus: false,
        pauseOnHover: false,
        pauseOnFocus: false,
        gap: '10px',
        fixedWidth: '290px',
        drag: true,
        mediaQuery: 'max',
        speed: 1500,
        breakpoints: {
            1024: {
                perPage: 3,
                perMove: 1,
                arrows: true,
                autoplay: true,
                gap: '0.67vw',
                fixedWidth: '31.4224719745vw',
                drag: 'free',
            },
            768: {
                perPage: 1,
                perMove: 1,
                arrows: true,
                autoplay: false,
                gap: '1.34vw',
                fixedWidth: '43.356657963vw',
                drag: 'free',
            },
        },
    }).mount();
    const toggleButton_cont = splide_cont.root.querySelector('.splide__toggle');

    splide_cont.on('autoplay:play', function () {
        toggleButton_cont.setAttribute('aria-label', 'Pause autoplay');
        toggleButton_cont.textContent = 'Pause';
    });

    splide_cont.on('autoplay:pause', function () {
        toggleButton_cont.setAttribute('aria-label', 'Start autoplay');
        toggleButton_cont.textContent = 'Play';
    });
    toggleButton_cont.addEventListener('click', function () {
        var Autoplay = splide_cont.Components.Autoplay;

        if (Autoplay.isPaused()) {
            // 停止中の場合は再生
            toggleButton_cont.classList.add("pause");
            toggleButton_cont.classList.remove("play");
            Autoplay.play();
        } else {
            // 再生中の場合は停止
            toggleButton_cont.classList.add("play");
            toggleButton_cont.classList.remove("pause");
            Autoplay.pause();
        }
    });
});