;(function ($) {
    "use strict";

    var WidgetDefault = function ($scope, $) {


        /* -----------------------------------------------------
            Variables
        ----------------------------------------------------- */
        var leftArrow = '<button class="left-arrow"><i class="flaticon-left-chevron"></i></button>';
        var rightArrow = '<button class="right-arrow"><i class="flaticon-next"></i></button>';


        /*--------------------------------------------------
            Fact Counter + Text Count
        ---------------------------------------------------*/
        if ($('.counter-text-wrap').length) {
            $('.counter-text-wrap').appear(function () {

                var $t = $(this),
                    n = $t.find(".count-text").attr("data-stop"),
                    r = parseInt($t.find(".count-text").attr("data-speed"), 10);

                if (!$t.hasClass("counted")) {
                    $t.addClass("counted");
                    $({
                        countNum: $t.find(".count-text").text()
                    }).animate({
                        countNum: n
                    }, {
                        duration: r,
                        easing: "linear",
                        step: function () {
                            $t.find(".count-text").text(Math.floor(this.countNum));
                        },
                        complete: function () {
                            $t.find(".count-text").text(this.countNum);
                        }
                    });
                }

            }, {
                accY: 0
            });
        }


        /*--------------------------------------------------
            feature-left-slider
        ---------------------------------------------------*/
        if ($scope.find(".feature-left-slider").length) {
            $('.feature-left-slider').slick({
                slidesToShow: 1,
                slidesToScroll: 1,
                arrows: false,
                autoplay: true,
                fade: false,
                dots: true,
                autoplaySpeed: 5000,
            });
        }
        /*--------------------------------------------------
            feature-right-slider
        ---------------------------------------------------*/
        if ($scope.find(".feature-right-slider").length) {
        $('.feature-right-slider').slick({
            slidesToShow: 3,
            slidesToScroll: 1,
            arrows: true,
            autoplay: true,
            fade: false,
            prevArrow: '.feature-prev',
            nextArrow: '.feature-next',
            autoplaySpeed: 5000,
            responsive: [
                {
                    breakpoint: 991,
                    settings: {
                        slidesToShow: 2,
                    }
                },
                {
                    breakpoint: 575,
                    settings: {
                        slidesToShow: 1,
                    }
                }
            ],
        });
    }

        /*--------------------------------------------------
            course-page-slider
        ---------------------------------------------------*/
        if ($scope.find(".course-page-slider").length) {
            $('.course-page-slider').slick({
                slidesToShow: 3,
                slidesToScroll: 1,
                arrows: false,
                autoplay: true,
                fade: false,
                dots: true,
                autoplaySpeed: 2000,
                responsive: [
                    {
                        breakpoint: 1200,
                        settings: {
                            slidesToShow: 2,
                        }
                    },
                    {
                        breakpoint: 767,
                        settings: {
                            slidesToShow: 1,
                        }
                    }
                ],
            });
        }

        /*--------------------------------------------------
            blog-page-slider
        ---------------------------------------------------*/
        if ($scope.find(".blog-page-slider").length) {
            $('.blog-page-slider').slick({
                slidesToShow: 3,
                slidesToScroll: 1,
                arrows: false,
                autoplay: true,
                fade: false,
                dots: true,
                autoplaySpeed: 2000,
                responsive: [
                    {
                        breakpoint: 1200,
                        settings: {
                            slidesToShow: 2,
                        }
                    },
                    {
                        breakpoint: 767,
                        settings: {
                            slidesToShow: 1,
                        }
                    }
                ],
            });
        }

        /*--------------------------------------------------
            events-slider-active
        ---------------------------------------------------*/
        if ($scope.find(".events-slider-active").length) {
            $('.events-slider-active').slick({
                slidesToShow: 3,
                slidesToScroll: 1,
                arrows: true,
                autoplay: true,
                fade: false,
                dots: false,
                prevArrow: leftArrow,
                nextArrow: rightArrow,
                autoplaySpeed: 2000,
                responsive: [
                    {
                        breakpoint: 1200,
                        settings: {
                            slidesToShow: 2,
                        }
                    },
                    {
                        breakpoint: 767,
                        settings: {
                            slidesToShow: 1,
                        }
                    }
                ],
            });
        }
        /*--------------------------------------------------
            Event Three Slider
        ---------------------------------------------------*/
        if ($scope.find(".event-three-slider").length) {
            $('.event-three-slider').slick({
                slidesToShow: 2,
                slidesToScroll: 1,
                arrows: false,
                autoplay: true,
                fade: false,
                autoplaySpeed: 2000,
                responsive: [
                    {
                        breakpoint: 767,
                        settings: {
                            slidesToShow: 1,
                        }
                    },
                ],
            });
        }

        /*--------------------------------------------------
            about-middle-slider
        ---------------------------------------------------*/
        if ($scope.find(".about-middle-images").length) {
            $('.about-middle-images').slick({
                slidesToShow: 3,
                slidesToScroll: 1,
                arrows: false,
                autoplay: true,
                fade: false,
                autoplaySpeed: 2000,
                responsive: [
                    {
                        breakpoint: 1200,
                        settings: {
                            slidesToShow: 4,
                        }
                    },
                    {
                        breakpoint: 991,
                        settings: {
                            slidesToShow: 3,
                        }
                    },
                    {
                        breakpoint: 575,
                        settings: {
                            slidesToShow: 2,
                        }
                    },
                    {
                        breakpoint: 375,
                        settings: {
                            slidesToShow: 1,
                        }
                    }
                ],
            });
        }
        /*--------------------------------------------------
            client-logo-slider
        ---------------------------------------------------*/
        if ($scope.find(".client-logo-wrap").length) {
            $('.client-logo-wrap').slick({
                slidesToShow: 5,
                slidesToScroll: 1,
                arrows: false,
                autoplay: true,
                fade: false,
                autoplaySpeed: 2000,
                responsive: [
                    {
                        breakpoint: 1200,
                        settings: {
                            slidesToShow: 4,
                        }
                    },
                    {
                        breakpoint: 991,
                        settings: {
                            slidesToShow: 3,
                        }
                    },
                    {
                        breakpoint: 767,
                        settings: {
                            slidesToShow: 2,
                        }
                    },
                    {
                        breakpoint: 375,
                        settings: {
                            slidesToShow: 1,
                        }
                    }
                ],
            });
        }

        /*--------------------------------------------------
            event masonry
        ---------------------------------------------------*/
        if ($('.events-active').length) {
            $('.events-active').imagesLoaded(function () {
                $(".events-active").isotope({
                    itemSelector: '.item',
                    percentPosition: true,
                    masonry: {
                        columnWidth: '.item'
                    }
                });
            });
        };


        /*--------------------------------------------------
            portfolio filter
        ---------------------------------------------------*/
        $(".portfolio-filter li").on('click', function () {
            $(".portfolio-filter li").removeClass("current");
            $(this).addClass("current");

            var selector = $(this).attr('data-filter');
            $('.portfolio-active').imagesLoaded(function () {
                $(".portfolio-active").isotope({
                    itemSelector: '.item',
                    filter: selector,
                });
            });

        });

        /*--------------------------------------------------
            testimonial-content-slider
        ---------------------------------------------------*/
        if ($scope.find(".testimonial-content-slider").length) {
        $('.testimonial-content-slider').slick({
            slidesToShow: 1,
            slidesToScroll: 1,
            arrows: false,
            autoplay: false,
            fade: true,
            autoplaySpeed: 1000,
            asNavFor: '.testimonial-thumb-slider'
        });
        $('.testimonial-thumb-slider').slick({
            slidesToShow: 3,
            slidesToScroll: 1,
            asNavFor: '.testimonial-content-slider',
            dots: false,
            autoplay: false,
            variableWidth: true,
            autoplaySpeed: 1000,
            centerMode: false,
            focusOnSelect: true,
            arrows: false,
        });
        $('.testimonial-thumb-two').slick({
            slidesToShow: 3,
            slidesToScroll: 1,
            asNavFor: '.testimonial-content-slider',
            dots: false,
            vertical: true,
            verticalSwiping: true,
            focusOnSelect: true,
            arrows: false,
        });
        }

        /*--------------------------------------------------
            select onput
        ---------------------------------------------------*/
        if ($('.single-select').length) {
            $('.single-select').niceSelect();
        }

        /*--------------------------------------------
            Search Popup
        ---------------------------------------------*/
        var bodyOvrelay = $('#body-overlay');
        var searchPopup = $('#td-search-popup');
        var sidebarMenu = $('#sidebar-menu');

        $(document).on('click', '#body-overlay', function (e) {
            e.preventDefault();
            bodyOvrelay.removeClass('active');
            searchPopup.removeClass('active');
            sidebarMenu.removeClass('active');
        });
        $(document).on('click', '.search-bar-btn', function (e) {
            e.preventDefault();
            searchPopup.addClass('active');
            bodyOvrelay.addClass('active');
        });

        /* -------------------------------------------------
            Footer Gallery Image
        ------------------------------------------------- */
        $('.gallery-photos a').magnificPopup({
            type: 'image',
            mainClass: 'mfp-with-zoom',
            gallery: {
                enabled: true
            },
        });

        /*------------------------------------------------
            Magnific JS
        ------------------------------------------------*/
        function extendMagnificIframe() {
            var $start = 0;
            var $iframe = {
                markup: '<div class="mfp-iframe-scaler">' +
                    '<div class="mfp-close"></div>' +
                    '<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>' +
                    '</div>' +
                    '<div class="mfp-bottom-bar">' +
                    '<div class="mfp-title"></div>' +
                    '</div>',
                patterns: {
                    youtube: {
                        index: 'youtu',
                        id: function(url) {
                            var m = url.match(/^[^v]+v=(.{11}).*/);
                            if (!m || !m[1]) return null;
        
                            if (url.indexOf('t=') !== -1) {
                                var $split = url.split('t=');
                                var hms = $split[1].replace('h', ':').replace('m', ':').replace('s', '');
                                var a = hms.split(':');
        
                                if (a.length === 1) {
                                    $start = a[0];
                                } else if (a.length === 2) {
                                    $start = (+a[0]) * 60 + (+a[1]);
                                } else if (a.length === 3) {
                                    $start = (+a[0]) * 60 * 60 + (+a[1]) * 60 + (+a[2]);
                                }
                            }
        
                            var suffix = '?autoplay=1';
                            if ($start > 0) {
                                suffix = '?start=' + $start + '&autoplay=1';
                            }
        
                            return m[1] + suffix;
                        },
                        src: '//www.youtube.com/embed/%id%'
                    }
                }
            };
        
            return $iframe;
        }
        
        $('.video-play').magnificPopup({
            type: 'iframe',
            iframe: extendMagnificIframe()
        });
        


        /*----------------------------------------
           Cause Circle Progress
        ----------------------------------------*/
        if ($.fn.circleProgress) {
            var progress1 = $('.circle-progress.one')
            if ($.fn.circleProgress) {
                progress1.appear(function () {
                    progress1.circleProgress({
                        value: 0.8,
                        size: 88,
                        thickness: 5,
                        fill: "#F84D42",
                        lineCap: 'round',
                        emptyFill: "#FAFAFA",
                        startAngle: -Math.PI / 4 * 2,
                        animation: { duration: 2000 },
                    }).on('circle-animation-progress', function (event, progress) {
                        $(this).find('b').html(Math.round(90 * progress) + '<span>%</span>');
                    });
                });
            };
        };

        if ($.fn.circleProgress) {
            var progress2 = $('.circle-progress.two')
            if ($.fn.circleProgress) {
                progress2.appear(function () {
                    progress2.circleProgress({
                        value: 0.7,
                        size: 88,
                        thickness: 5,
                        fill: "#FFB840",
                        lineCap: 'round',
                        emptyFill: "#FAFAFA",
                        startAngle: -Math.PI / 4 * 2,
                        animation: { duration: 2000 },
                    }).on('circle-animation-progress', function (event, progress) {
                        $(this).find('b').html(Math.round(85 * progress) + '<span>%</span>');
                    });
                });
            };
        };

        if ($.fn.circleProgress) {
            var progress3 = $('.circle-progress.three')
            if ($.fn.circleProgress) {
                progress3.appear(function () {
                    progress3.circleProgress({
                        value: 0.55,
                        size: 88,
                        thickness: 5,
                        fill: "#20B86D",
                        lineCap: 'round',
                        emptyFill: "#FAFAFA",
                        startAngle: -Math.PI / 4 * 2,
                        animation: { duration: 2000 },
                    }).on('circle-animation-progress', function (event, progress) {
                        $(this).find('b').html(Math.round(55 * progress) + '<span>%</span>');
                    });
                });
            };
        };


        /*----------------------------------------
           Skillbar
        ----------------------------------------*/
        if ($('.skillbar').length) {
            $('.skillbar').appear(function () {
                $('.skillbar').skillBars({
                    from: 0,
                    speed: 4000,
                    interval: 100,
                });
            });
        }
    }


    $(window).on('elementor/frontend/init', function () {
        elementorFrontend.hooks.addAction('frontend/element_ready/widget', WidgetDefault);
    });


})(jQuery);