(function ($) {
    "use strict";
    $(document).ready(function () {
        function sliderAnimations(elements) {
            var animationEndEvents = "webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend";
            elements.each(function () {
                var $this = $(this);
                var $animationDelay = $this.data("delay");
                var $animationDuration = $this.data("duration");
                var $animationType = "consultiva-animation " + $this.data("animation");
                $this.css({
                    "animation-delay": $animationDelay,
                    "-webkit-animation-delay": $animationDelay,
                    "animation-duration": $animationDuration,
                });
                $this.addClass($animationType).one(animationEndEvents, function () {
                    $this.removeClass($animationType);
                });
            });
        }

        var sliderOptions = {
            speed: 1500,
            disableOnInteraction: false,
            initialSlide: 0,
            parallax: false,
            mousewheel: false,
            loop: true,
            grabCursor: true,
            navigation: {
                nextEl: ".consultiva-slider-button-next",
                prevEl: ".consultiva-slider-button-prev",
            },
            pagination: {
                el: ".consultiva-swiper-pagination",
                clickable: true,
            },
        };

        // Slider 1
        var consultivaSlides = document.querySelectorAll(".consultiva-slider .swiper-slide");
        var consultivaSlideCount = consultivaSlides.length;
        $(".consultiva-slider .consultiva-fraction .total-count").text(consultivaSlideCount);
        $(".consultiva-slider .consultiva-fraction .current-count").text(1);

        var sliderOptions1 = Object.assign({}, sliderOptions, {
            autoplay: {
                delay: 5000, // 5 seconds
            },
            on: {
                init: function () {
                    var swiper = this;
                    if (swiper.params.parallax) {
                        for (var i = 0; i < swiper.slides.length; i++) {
                            $(swiper.slides[i])
                                .find(".slide-img-wrap")
                                .attr({
                                    "data-swiper-parallax": 0.75 * swiper.width,
                                });
                        }
                    }
                },
                slideChangeTransitionStart: function () {
                    var swiper = this;
                    var animatingElements = $(swiper.slides[swiper.activeIndex]).find("[data-animation]");
                    sliderAnimations(animatingElements);
                    $(".consultiva-slider .consultiva-fraction .total-count").text(consultivaSlideCount);
                    $(".consultiva-slider .consultiva-fraction .current-count").text(swiper.realIndex + 1);
                },
                progress: function (swiper, progress) {
                    if (0.25 == progress) {
                        var progressVal = 100 / 3;
                    } else if (0.5 == progress) {
                        var progressVal = (100 / 3) * 2;
                    } else if (0.75 == progress) {
                        var progressVal = 100;
                    } else {
                        var progressVal = 100 / 3;
                    }
                    $(".consultiva-slider .swiper-slider-progress").css({
                        width: progressVal + "%",
                    });
                },
                resize: function () {
                    this.update();
                },
            },
        });

        var swiper1 = new Swiper(".consultiva-slider", sliderOptions1);

        // Slider 2
        const swiperSlidesTwo = document.querySelectorAll(".consultiva-slider-2 .swiper-slide");
        const slideCountTwo = swiperSlidesTwo.length;
        $(".consultiva-slider-2 .consultiva-fraction .total-count").text(slideCountTwo);
        $(".consultiva-slider-2 .consultiva-fraction .current-count").text(1);

        var sliderOptions2 = Object.assign({}, sliderOptions, {
            autoplay: {
                delay: 5000, // 5 seconds
            },
            on: {
                init: function () {
                    var swiper = this;
                    if (swiper.params.parallax) {
                        for (var i = 0; i < swiper.slides.length; i++) {
                            $(swiper.slides[i])
                                .find(".slide-img-wrap")
                                .attr({
                                    "data-swiper-parallax": 0.75 * swiper.width,
                                });
                        }
                    }
                },
                slideChangeTransitionStart: function () {
                    var swiper = this;
                    var animatingElements = $(swiper.slides[swiper.activeIndex]).find("[data-animation]");
                    sliderAnimations(animatingElements);
                    $(".consultiva-slider-2 .consultiva-fraction .total-count").text(slideCountTwo);
                    $(".consultiva-slider-2 .consultiva-fraction .current-count").text(swiper.realIndex + 1);
                },
                progress: function (swiper, progress) {
                    if (0.25 == progress) {
                        var progressVal = 100 / 3;
                    } else if (0.5 == progress) {
                        var progressVal = (100 / 3) * 2;
                    } else if (0.75 == progress) {
                        var progressVal = 100;
                    } else {
                        var progressVal = 100 / 3;
                    }
                    $(".consultiva-slider-2 .swiper-slider-progress").css({
                        width: progressVal + "%",
                    });
                },
                resize: function () {
                    this.update();
                },
            },
        });

        var swiper2 = new Swiper(".consultiva-slider-2", sliderOptions2);

        // Slider 3
        const swiperSlidesThree = document.querySelectorAll(".content-slider .swiper-slide");
        const slideCountThree = swiperSlidesThree.length;
        $(".content-slider .consultiva-fraction .total-count").text(slideCountThree);
        $(".content-slider .consultiva-fraction .current-count").text(1);

        var sliderOptions3 = Object.assign({}, sliderOptions, {
            autoplay: {
                delay: 5000, // 5 seconds
            },
            on: {
                init: function () {
                    var swiper = this;
                    if (swiper.params.parallax) {
                        for (var i = 0; i < swiper.slides.length; i++) {
                            $(swiper.slides[i])
                                .find(".slide-img-wrap")
                                .attr({
                                    "data-swiper-parallax": 0.75 * swiper.width,
                                });
                        }
                    }
                },
                slideChangeTransitionStart: function () {
                    var swiper = this;
                    var animatingElements = $(swiper.slides[swiper.activeIndex]).find("[data-animation]");
                    sliderAnimations(animatingElements);
                    $(".content-slider .consultiva-fraction .total-count").text(slideCountThree);
                    $(".content-slider .consultiva-fraction .current-count").text(swiper.realIndex + 1);
                },
                progress: function (swiper, progress) {
                    if (0.25 == progress) {
                        var progressVal = 100 / 3;
                    } else if (0.5 == progress) {
                        var progressVal = (100 / 3) * 2;
                    } else if (0.75 == progress) {
                        var progressVal = 100;
                    } else {
                        var progressVal = 100 / 3;
                    }
                    $(".content-slider .swiper-slider-progress").css({
                        width: progressVal + "%",
                    });
                },
                resize: function () {
                    this.update();
                },
            },
        });

        var swiper3 = new Swiper(".content-slider", sliderOptions3);
    });
})(jQuery);