jQuery(document).ready(function(){
    // init carousel bootstrap
    jQuery("#carousel-news").carousel({interval: 5000})
// dropdown page type
    jQuery(".post-type__item__left").click(function () {
        if(jQuery(window).width()<=480){
            jQuery(this).toggleClass('open');
            var right = jQuery(this).parent('.row').children('.post-type__item__right')
            var collapse = jQuery(this).children('.type__item_collapse')
            if (jQuery(this).hasClass('open')) {
                right.slideDown(400)
                collapse.html("<img src='/image/line.svg'/>")
            } else {
                right.slideUp(400)
                collapse.html("<img src='/image/plus-white.png'/>")
            }
        }
    })
    var sliderSelector = ".swiper-container",
        options = {
            navigation: {
                prevEl: ".swiper-next",
                nextEl: ".swiper-prev"
            },
            mode:'horizontal',
            initialSlide: 1,
            slidesPerView: 4,
            slidesPerGroup: 1,
            slidesPerColumn:1,
            onlyExternal:true,
            watchSlidesVisibility: true,
            loop: false,
            allowTouchMove:true,
            spaceBetween: 28,
            reverseDirection:true,
            breakpoints: {
                1439:{
                  slidesPerView: 3,
                },
                1100:{
                    slidesPerView: 1,
                }
            },
        };

    var mySwiper = new Swiper(sliderSelector, options);
    mySwiper.init();
  if ($('.first-open').length) {
    let index = $('.first-open').index();
    let swiper_length = 4;
    if(jQuery(window).width() <= 1439){
        swiper_length = 3;
    }
    if (index >= 1) {
      mySwiper.slideTo(index - swiper_length + 1,1,false)
    } else {
        mySwiper.slideTo(0,1,false)
    }
  }
    // if(jQuery(window).width()>768){
    //     var mySwiper = new Swiper(sliderSelector, options);
    //     mySwiper.init();
    // }
    // if(jQuery(window).width()<=768 && mySwiper){
    //     mySwiper.destroy( true, true );
    // }
    // jQuery(window).resize(function(){
    //     if(jQuery(window).width()<=768){
    //         mySwiper.destroy( true, true );
    //     }
    // })
   // dropdown exam for mobile
    if( jQuery(".exam-plus").length)
    {
        jQuery(".exam-plus").click(function(e){
            var dataTarget = jQuery(this).attr('data-target')
            var timeExam = jQuery(this).parent('.exam-normal').children('.exam-normal-content').children('.exam-normal-time');
            if(dataTarget && jQuery(dataTarget).length){
                if(jQuery(dataTarget).css('display')!='block'){
                    jQuery(dataTarget).slideDown(400);
                    timeExam.slideUp(400)
                    jQuery(this).html("<img src='/image/line-blue.png'/>")
                }else{
                    timeExam.slideDown(400)
                    jQuery(dataTarget).slideUp(400);
                    jQuery(this).html("<img src='/image/plus-blue.png'/>")
                }
            }

        })
    }
})