$(document).ready(function() {

    function mPtToolTeasers(section) {
        var $toolslider = $(section).find('.toolslider');

        function miniPagination($slider, currentSlide, maxSlide) {
            currentSlide += 1;

            if (maxSlide > 1) {
                $slider.find('.mini-pagination').html(currentSlide + '/' + maxSlide);
            }
        }

        $toolslider.on('init', function (event, slick) {
            var $slider = slick.$slider;
            var stHeight = $slider.find('.slick-track').height();
            $slider.find('.slick-slide').css('min-height', stHeight + 'px');
            $slider.prepend('<div class="mini-pagination"></div>');
            miniPagination($slider, 0, slick.slideCount);
        });

        $toolslider.on('afterChange', function (event, slick, currentSlide, nextSlide) {
            var $slider = slick.$slider;
            miniPagination($slider, slick.currentSlide, slick.slideCount);
        });

        $(window).on('orientationchange', function (event) {
            $toolslider.slick('reinit');
        });

        if ('undefined' === typeof($toolslider.slick)) {
            setTimeout(function() {
                initializeToolsliderSlick();
            }, 100);
        } else {
            initializeToolsliderSlick();
        }

        function initializeToolsliderSlick() {
            // console.log($toolslider.closest('.m-pt_tool_teasers').hasClass('num_column_3'));

            let numMdColum = ($toolslider.closest('.m-pt_tool_teasers').hasClass('num_column_3')) ? 3 : 4;

            $toolslider.slick({
                infinite: true,
                slidesToShow: 4,
                slidesToScroll: 4,
                slidesPerRow: 4,
                rows: 1,
                speed: 800,
                arrows: true,
                easing: 'easeInOutQuart',
                mobileFirst: true,
                responsive: [{
                    breakpoint: 0,
                    settings: {
                        slidesToShow: 1,
                        slidesToScroll: 1,
                        slidesPerRow: 1,
                        speed: 800,
                        adaptiveHeight: true
                    }
                },
                    {
                        breakpoint: 767,
                        settings: {
                            slidesToShow: 1,
                            slidesToScroll: 1,
                            slidesPerRow: 3,
                            speed: 800
                        }
                    },
                    {
                        breakpoint: 991,
                        settings: {
                            slidesToShow: 1,
                            slidesToScroll: 1,
                            slidesPerRow: numMdColum,
                            speed: 800
                        }
                    }
                ]
            });
        }
    }

    if (document.querySelectorAll('.m-pt_tool_teasers')) {
        var section = document.querySelectorAll('.m-pt_tool_teasers');
        var mq = {
            xs: window.matchMedia('(max-width: 767px)'),
            sm: window.matchMedia('(min-width: 768px) and (max-width: 991px)'),
            md: window.matchMedia('(min-width: 992px)')
        };

        for (var i = 0; i < section.length; i++) {
            var element = section[i];
            var items = element.querySelectorAll('.m-pt_tool_teasers__item ');

            if ((mq.xs.matches && items.length > 1)
            || (mq.sm.matches && items.length > 3)
            || (mq.md.matches && items.length > 4)
            || (mq.md.matches && $(section).hasClass('num_column_3') && items.length > 3)) {
                try {
                    mPtToolTeasers(element);
                } catch (e) {
                    mPtToolTeasers(element);
                }
            }
        }
    }
});