var Scrollbar = window.Scrollbar;
var scrollOptions = {};
if (document.querySelector('.show-markets-scroll')) {
    let boxes = document.querySelectorAll('.show-markets-scroll');
    let length = boxes.length;
    for (let i = 0; i < length; i++) {
        Scrollbar.init(boxes[i], scrollOptions);
    }
}
if (document.querySelector('#tutorials-ul')) {
    Scrollbar.init(document.querySelector('#tutorials-ul'), scrollOptions);
}
if (document.querySelector('#notifications-dropdown')) {
    Scrollbar.init(document.querySelector('#notifications-dropdown'), scrollOptions);
}


if (document.getElementById('navbar')) {
    window.onscroll = function () {
        showNavOnScroll()
    }
}

// if ( window.scrollY > 1) {
//     showNavOnScroll()
// }

$(function () {
    $('#navbar-toggler').on('click', function () {
        
      $('#navbar').toggleClass('primary-bg-color')
    })
    $('#notifications-toggler').on('click', function () {
               

        $('#navbar').toggleClass('primary-bg-color')
    })    
    
   // partnersSlider();

     homeSliderSlider();
    $('.main-header .owl-dot').click(function () {
        owl.trigger('to.owl.carousel', [$(this).index(), 300]);
    });
    
    
    scheduleCoursesOwlCarousel();

    commonTopicsOwlCarousel();

    acdTeamOwlCarousel();

    

    

    VideoSlider();
    photoSliders();
    infografySliders();

})

function scheduleCoursesOwlCarousel() {
    
    $('.courses-slider').owlCarousel({
        rtl: (currentLanguage.dir === 'rtl'),
        dots: false,
        loop:true,
        margin:10,
        responsiveClass:true,
        nav:true,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:3
            }
        }
    })
}

function commonTopicsOwlCarousel()  {
    $('.common-topics-slider').owlCarousel({
        rtl:(currentLanguage.dir === 'rtl'),
        dots: false,
        loop:true,
        margin:25,
        responsiveClass:true,
        nav:true,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:3
            },
            920:{
                items:5
            }
        }
    })
}


function acdTeamOwlCarousel()  {
    $('.acd-team-slider').owlCarousel({
        rtl:(currentLanguage.dir === 'rtl'),
        dots: false,
        loop:true,
        margin:25,
        responsiveClass:true,
        nav:true,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:2
            }
        }
    })
}


function showNavOnScroll() {
    if (document.getElementById('navbarSupportedContent').classList.contains('show')) {
      return;
    }
   // console.log(document.body.scrollTop +'-'+ document.documentElement.scrollTop + window.pageYOffset)
    if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100  || window.pageYOffset >100) {
        //console.log('#0B3796')
        const elem = document.getElementById('navbar');

        elem.style.backgroundColor = "#0B3796";

    } else {
               // console.log('#transparent')

        const elem = document.getElementById('navbar');

        elem.style.backgroundColor = 'transparent';
    }
}


function loadHtml(url, contentId) {
    $.ajax({
        url: url,
        method: 'GET',
        dataType: 'json',
        cache: false,
        processData: false,
        success: function (result) {
            $(contentId).html(result.content)
        }
    })
}


function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $('#preview_image').attr('src', e.target.result);
        }

        reader.readAsDataURL(input.files[0]);
    }
}


function partnersSlider() {
    // $('.owl-carousel-partners').owlCarousel({
    //     rtl: (currentLanguage.dir === 'rtl'),
    //     dots: false,
    //     nav: false,
    //     autoplay:true,
    //     autoplayTimeout:2000,
    //     autoplayHoverPause:true,
    //     loop:true,
    //     margin:10,
    //     responsiveClass:true,
    //     responsive:{
    //         0:{
    //             items:1
    //         },
    //         600:{
    //             items:3
    //         }
    //     }
    // })

}

function VideoSlider() {
    $('.videoSliders').owlCarousel({
        rtl: (currentLanguage.dir === 'rtl'),
        dots: true,
        nav: true,
        autoplay:true,
        autoplayTimeout:2000,
        autoplayHoverPause:true,
        loop:true,
        margin:10,
        responsiveClass:true,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:1
            }
        }
    })

}

function photoSliders() {
    $('.photoSliders').owlCarousel({
        rtl: (currentLanguage.dir === 'rtl'),
        dots: true,
        nav: true,
        autoplay:true,
        autoplayTimeout:1000,
        autoplayHoverPause:true,
        loop:true,
        margin:10,
        responsiveClass:true,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:1
            }
        }
    })

}

function infografySliders() {
    $('.infografySliders').owlCarousel({
        rtl: (currentLanguage.dir === 'rtl'),
        dots: true,
        nav: true,
        autoplay:true,
        autoplayTimeout:1000,
        autoplayHoverPause:true,
        loop:true,
        margin:10,
        responsiveClass:true,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:1
            }
        }
    })

}

function homeSliderSlider() {
    $('.owl-carousel-home-slider').owlCarousel({
        rtl: (currentLanguage.dir === 'rtl'),
        autoplay:true,
        autoplayTimeout:2000,
        autoplayHoverPause:true,
        animateOut: 'slideOutDown',
        animateIn: 'flipInX',
        smartSpeed:450,
        loop:true,
        margin:10,
        nav: true,
        dots: true,
        navigation: true,
        navText : [" <span class=\"nav-ic carousel-control-prev-icon\" aria-hidden=\"true\"></span>", "<span class=\"nav-ic carousel-control-next-icon\" aria-hidden=\"true\"></span>"],
        responsiveClass:true,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:1
            }
        }
    })

}


$(function () {
    $('.box-link').on('click', function () {
        if (href = $(this).find('a.articleLink').attr('href')) {
            window.location.href = href;
        }
    });
})



function gotoBottom(id){
    var element = document.getElementById(id);
    element.scrollTop = element.scrollHeight - element.clientHeight;
}