(function(jQuery) {
    "use strict";

    const isRTL = function() {
        if (jQuery("body").hasClass("rtl")) {
            return true;
        } else {
            return false;
        }
    }

    const teamSlider = function ($scope, $) {
        /* Team slider*/
       if (jQuery(".team-slider").length > 0 ) {
            jQuery(".team-slider").owlCarousel({
                rtl:isRTL(),
                items: 4,
                loop:true,
                margin:0,
                nav:false,
                responsive: {
                    0: {
                        dots: true,
                        nav:false,
                        items: 1
                    },
                    420: {
                        items: 1
                    },
                    768: {
                        items: 3
                    },
                    992: {
                       items: 4
                    },
                    1200: {
                        items: 4
                    },
                }
            });
        }
    };

    const timelineSlider = function ($scope, $) {
        if (jQuery(".roadmap-slider").length > 0 ) {
            jQuery(".roadmap-slider").owlCarousel({
                rtl:isRTL(),
                loop: true,
                autoplay: false,
                dots: true,
                nav: true,
                responsiveClass: true,
                responsive: {
                    0: {
                        items: 1,
                        loop: true,
                        nav: false
                    },
                    420: {
                        items: 2,
                        loop: true,
                        nav: false,
                        margin: 0
                    },
                    767: {
                        items: 3,
                        loop: true,
                        nav: false,
                        margin: 0
                    },
                    1200: {
                        items: 4,
                        loop: true,
                        nav: false,
                        margin: 0
                    },
                }
            });
        }
    };

    const testimonialSlider = function ($scope,$){
        // ***** Testimonial Slider ***** //
        if ($(".testimonial-slider").length > 0) {
            $('.testimonial-slider').each(function (index) {
                
                var show_items = ($(this).data('items') ? $(this).data('items') : 4);
                var autoplay = ( $(this).data('autoplay') ? true : false );
                var slider_nav = ( $(this).data('nav') ? true : false );
                var slider_loop = ( $(this).data('loop') ? true : false );
                var slider_dots = ( $(this).data('dots') ? true : false );

                // $('.testimonial-slider').owlCarousel({
                $(this).owlCarousel({ // use $(this)
                    items: show_items,
                    autoplay: autoplay,                    
                    loop: slider_loop,
                    nav: slider_nav,
                    dots: slider_dots,
                    rtl:isRTL(),
                    
                    smartSpeed: 900,
                    responsiveClass: true,
                    margin: 40,
                    responsive: {
                        0: {
                            items: 1,                            
                        },
                        768: {
                            items: 2,                            
                        },
                        1200: {
                            items: 3,                            
                        },
                        1499: {
                            items: 4,                            
                        },
                    }
                });
            });
        }
    };

    const roadmapSlider = function ($scope,$){
        if ($(".roadmap-slider-2").length > 0) {
            $(".roadmap-slider-2").each(function (index) {
                
                var show_items = ($(this).data('items') ? $(this).data('items') : 3);
                var autoplay = ( $(this).data('autoplay') ? true : false );
                var slider_nav = ( $(this).data('nav') ? true : false );
                var slider_loop = ( $(this).data('loop') ? true : false );
                var slider_dots = ( $(this).data('dots') ? true : false );

                $(this).owlCarousel({ // use $(this)
                    items: show_items,
                    autoplay: autoplay,                    
                    loop: slider_loop,
                    nav: slider_nav,
                    dots: slider_dots,
                    rtl:isRTL(),

                    smartSpeed: 900,
                    responsiveClass: true,
                    margin: 30,
                    responsive: {
                        0: {
                            items: 1,                            
                        },
                        650: {
                            items: 2,                            
                        },
                        1080: {
                            items: 3,                            
                        },
                        1280: {
                            items: show_items,                            
                        },
                    }
                });
            });
        }
    };

    const blogSlider = function ($scope,$){
        if ($(".blog-slider").length > 0) {
            $(".blog-slider").each(function (index) {
                
                var show_items = ($(this).data('items') ? $(this).data('items') : 3);
                var autoplay = ( $(this).data('autoplay') ? true : false );
                var slider_nav = ( $(this).data('nav') ? true : false );
                var slider_loop = ( $(this).data('loop') ? true : false );
                var slider_dots = ( $(this).data('dots') ? true : false );

                $(this).owlCarousel({ // use $(this)
                    items: show_items,
                    autoplay: autoplay,                    
                    loop: slider_loop,
                    nav: slider_nav,
                    dots: slider_dots,
                    rtl:isRTL(),

                    margin: 30,                    
                    autoplayTimeout:5000,
                    responsiveClass: true,
                    responsive: {
                        0: {
                            items: 1
                        },
                        420: {
                            items: 1
                        },
                        768: {
                            items: 2
                        },
                        1200: {
                            items: 3
                        },
                    }
                });
            });
        }
    };

    const progressBar = function ($scope,$){
        /* -------- Coins Progress --------*/
        if (jQuery(".coins-progress").length > 0) {
            setTimeout(coins_progress, 3000);
            function coins_progress() {
                jQuery(".coins-progress span").each(function () {
                    jQuery(this).animate({
                        width: jQuery(this).attr("data-progress") + "%",
                    },1000
                    );
                    jQuery(this).text(jQuery(this).attr("data-progress") + "%");
                });
            };
        }
        /* -------- Coins Progress End --------*/
    }

    /* -------- Countdown Timer ------- */

    const Countdown = function ($scope,$){

        var countdown_length = jQuery(".coins-counter-loop").length;

        if (countdown_length > 0) {

            jQuery(".coins-counter-loop").each(function(){

                var current_ref = jQuery(this);
                var your_date = new Date();
                var endDate = current_ref.attr('data-id');
                var fromTime = new Date(endDate);

                var second = 1000,
                    minute = second * 60,
                    hour   = minute * 60,
                    day    = hour   * 24;

                var countdown = setInterval(function() {    

                    var now = new Date().getTime(),

                        distance = fromTime.getTime() - now;
                        var count_days    = Math.floor(distance / (day)); 
                        var count_hours   = Math.floor((distance % (day)) / (hour)); 
                        var count_minutes = Math.floor((distance % (hour)) / (minute)); 
                        var count_seconds = Math.floor((distance % (minute)) / second);

                        current_ref.find('.days').html(count_days > 0 ? count_days : 0);
                        current_ref.find('.hours').html(count_hours > 0 ? count_hours : 0);
                        current_ref.find('.minutes').html(count_minutes > 0 ? count_minutes : 0);
                        current_ref.find('.seconds').html(count_seconds > 0 ? count_seconds : 0);

                        if (count_days <= 0 && count_hours <= 0 && count_minutes <= 0 && count_seconds <= 0 )
                        {
                            if ( countdown ){
                                clearInterval(countdown);
                            }
                        }

                }, second);

            });               
        }


        /* -------- Countdown Timer 2 Start ------- */
    
        // Number of seconds in every time division
        var days    = 24*60*60,
            hours   = 60*60,
            minutes = 60;
        // Creating the plugin

        jQuery.fn.countdown = function(prop){

            var options = jQuery.extend({
                callback    : function(){},
                timestamp   : 0
            },prop);

            var left, d, h, m, s, positions;
            // Initialize the plugin
            init(this, options);

            jQuery('.countdown').each(function(){

                var ref = jQuery(this);
                var endDate  = ref.attr('data-id');

                (function tick(){
                    // Time left

                    var fromTime = new Date(endDate);
                    left = Math.floor((fromTime - (new Date())) / 1000);
                    positions = ref.find('.position');

                    if(left < 0){
                        left = 0;
                    }
                    // Number of days left
                    d = Math.floor(left / days);
                    updateDuo(0, 1, d);
                    left -= d*days;
                    // Number of hours left
                    h = Math.floor(left / hours);
                    updateDuo(2, 3, h);
                    left -= h*hours;
                    // Number of minutes left
                    m = Math.floor(left / minutes);
                    updateDuo(4, 5, m);
                    left -= m*minutes;
                    // Number of seconds left
                    s = left;
                    updateDuo(6, 7, s);
                    // Calling an optional user supplied callback
                    options.callback(d, h, m, s);
                    // Scheduling another call of this function in 1s
                    setTimeout(tick, 1000);
                })();
            });

            // This function updates two digit positions at once
            function updateDuo(minor,major,value){

                switchDigit(positions.eq(minor),Math.floor(value/10)%10);
                switchDigit(positions.eq(major),value%10);
            }
            return this;
        };

        function init(elem, options){
            elem.addClass('countdownHolder');
        }
        // Creates an animated transition between the two numbers
        function switchDigit(position,number){
            var digit = position.find('.digit')
            if(digit.is(':animated')){
                return false;
            }
            if(position.data('digit') == number){
                // We are already showing this number
                return false;
            }
            position.data('digit', number);
            var replacement = jQuery('<span>',{
                'class':'digit',
                css:{
                    top:'-2.1em',
                    opacity:0
                },
                html:number
            });
            // The .static class is added when the animation
            // completes. This makes it run smoother.
            digit
                .before(replacement)
                .removeClass('static')
                .animate({top:'2.5em',opacity:0},'fast',function(){
                    digit.remove();
                })

            replacement
                .delay(100)
                .animate({top:0,opacity:1},'fast',function(){
                    replacement.addClass('static');
                });
        }

        /* initialization main script */

        jQuery('.countdown').countdown();

        /* -------- Countdown Timer 2 End ------- */

    }
    /* -------- Countdown Timer End ------- */

    const tokanGraph = function ($scope, $) {
        /* Tokan Graph */
        var donut = jQuery('.donut');
        var tokenSale = jQuery(".tokensale-part");
        var tokenLength = jQuery(".tokensale-part").length;   
        var hoverBorderColor = jQuery(".tokensale-part").attr("bg-color");          
        var strokeColor = jQuery(".tokensale-part").attr("strock-color");          

        if (hoverBorderColor == '')
        {
            hoverBorderColor = '#6239d7';
        }
        if (strokeColor == '')
        {
            strokeColor = '#3d1f94';
        }

        if (tokenLength > 0) {
            for (var i = 0; i < tokenLength; i++) {

                function tokan_graph () {
                    var scrollDistance = jQuery(window).scrollTop();
                    var scrollDistance1 = tokenSale.offset().top - 100;

                    if ( scrollDistance >= (scrollDistance1 - 100) && scrollDistance <= (scrollDistance1 + 100)) {
                        donut.listtopie({
                          startAngle:isRTL() ? 90 : 270 ,
                          strokeWidth:5,
                            hoverEvent:true,
                            hoverBorderColor:hoverBorderColor,
                            hoverAnimate:false,
                            drawType:'round',
                            speedDraw:150,
                            hoverColor:'#ffffff',
                            textColor:'#3d1f94',
                            strokeColor:strokeColor,
                            textSize:'18',
                            hoverAnimate:true,
                            marginCenter:85,
                            rtl: isRTL(),
                        });
                    }
                }

                jQuery(window).scroll(function(){
                    tokan_graph();
                });
            }
        }

        jQuery(window).on("resize", function(){
            jQuery( window ).resize( function(){
            if( w != jQuery( window ).width() ){
                if ( jQuery(window).width() < 767 ){
                    jQuery('.donut').listtopie('refresh');
                }
                w = jQuery( window ).width();
            }
            });
        })
    }
    /* Tokan Graph End */


    jQuery(window).on('elementor/frontend/init', function () {
        elementorFrontend.hooks.addAction('frontend/element_ready/imageCarousel.default', teamSlider);
        elementorFrontend.hooks.addAction('frontend/element_ready/timeline.default', timelineSlider);
        elementorFrontend.hooks.addAction('frontend/element_ready/testimonialSlider.default', testimonialSlider);
        elementorFrontend.hooks.addAction('frontend/element_ready/roadmapSlider.default', roadmapSlider);
        elementorFrontend.hooks.addAction('frontend/element_ready/blogSlider.default', blogSlider);

        elementorFrontend.hooks.addAction('frontend/element_ready/progressBar.default', progressBar);
        elementorFrontend.hooks.addAction('frontend/element_ready/countdown.default', Countdown);
        elementorFrontend.hooks.addAction('frontend/element_ready/tokenSaleGraph.default', tokanGraph);
    })

}(jQuery));