(function ($) {
  'use strict';

  $(window).ready(function () {
    // tooltip partner
    $('[data-toggle="tooltip"]').tooltip()

    // go top
    $('.go-top').on('click', function (e) {
      e.preventDefault();
      $('html,body').animate({
        scrollTop: 0
      }, 700);
    });

    //popupvideo
    $('.popup-youtube').magnificPopup({
      disableOn: 700,
      type: 'iframe',
      mainClass: 'mfp-fade',
      removalDelay: 160,
      preloader: false,
      fixedContentPos: false
    });

    // slide partners 
    $('.slider-partners').slick({
      infinite: true,
      arrows:false,
      autoplay:false,
      dots: true,
      slidesToShow: 6,
      slidesToScroll: 6,
      responsive: [
        {
          breakpoint: 480,
          settings: {
            slidesToShow: 2,
            slidesToScroll: 2
          }
        },
        {
          breakpoint: 767,
          settings: {
            slidesToShow: 3,
            slidesToScroll: 3
          }
        },
        {
          breakpoint: 800,
          settings: {
            slidesToShow: 4,
            slidesToScroll: 4
          }
        },
        {
          breakpoint: 991,
          settings: {
            slidesToShow: 5,
            slidesToScroll: 5
          }
        }
      ]
    });

    // slider-testimonials
    $('.slider-testimonials').slick({
      infinite: true,
      arrows:true,
      autoplay:false,
      slidesToShow: 3,
      slidesToScroll: 1,
      responsive: [
        {
          breakpoint: 576,
          settings: {
            slidesToShow: 1
          }
        },
        {
          breakpoint: 768,
          settings: {
            slidesToShow: 2
          }
        },
        {
          breakpoint: 800,
          settings: {
            slidesToShow: 2
          }
        },
        {
          breakpoint: 1200,
          settings: {
            slidesToShow: 3
          }
        }
      ]
    });

    $('.slider-videos').slick({
      infinite: true,
      arrows:true,
      autoplay:false,
      slidesToShow: 2,
      slidesToScroll: 1,
      dots: false,
      responsive: [
        {
          breakpoint: 800,
          settings: {
            slidesToShow: 1
          }
        },
        {
          breakpoint: 1200,
          settings: {
            slidesToShow: 2
          }
        }
      ]
    });

    //slider-news
    $('.slider-news').slick({
      infinite: true,
      arrows:true,
      autoplay:false,
      slidesToShow: 3,
      slidesToScroll: 1,
      dots: false,
      responsive: [
        {
          breakpoint: 576,
          settings: {
            slidesToShow: 1
          }
        },
        {
          breakpoint: 768,
          settings: {
            slidesToShow: 2
          }
        },
        {
          breakpoint: 800,
          settings: {
            slidesToShow: 2
          }
        },
        {
          breakpoint: 1200,
          settings: {
            slidesToShow: 3
          }
        }
      ]
    });
    
    $('.slider-benefits-main').slick({
      slidesToShow: 1,
      slidesToScroll: 1,
      arrows: false,
      fade: true,
      dots: true,
    });

    $('.slider-benefits-img .slider-benefits-main .item').eq(0).animate({
        'opacity': '0.8',
        'visibility': 'visible'
    });
    $('.slider-benefits-text .col-lg-6').hover(function(){
        var index = $(this).index();
        var cur = $(this);
        // console.log(index); 
        if ( $('.slider-benefits-img .slider-benefits-main .item').eq(index).hasClass('active')) {
          $(cur).find('.box-text-benefit').addClass('active')
          $('.slider-benefits-img .slider-benefits-main .item').eq(index).addClass('active');
        }
        else {
          $('.slider-benefits-img .slider-benefits-main .item.active').removeClass('active');
          $('.box-text-benefit.active').removeClass('active')
          $(cur).find('.box-text-benefit').addClass('active')
        }
      var slickObj = $('.slider-benefits-main').slick('getSlick');
      slickObj.slickGoTo(index);
    });
    $('.slider-benefits-main .slick-dots li button').on('click', function(){
      var index = $(this).parent().index();
      console.log(index);
      if ( $('.slider-benefits-text .col-lg-6').eq(index).find('.box-text-benefit').hasClass('active')) {
        $('.slider-benefits-text .col-lg-6').eq(index).find('.box-text-benefit').addClass('active');
      }
      else {
        $('.box-text-benefit.active').removeClass('active')
        $('.slider-benefits-text .col-lg-6').eq(index).find('.box-text-benefit').addClass('active');
      }
    });

    $('.slider-benefits-mobile').slick({
      slidesToShow: 1,
      slidesToScroll: 1,
      arrows: false,
      // fade: true,
      dots: true
    });

    $('.navbar-toggler').on('click',function(){
      $('.bg-menu-mobile').addClass('show');
    });

    $('.bg-menu-mobile, .btn-close-menu').click(function(){
      $('.navbar-collapse').removeClass('show');
      $('.navbar-toggler').attr('aria-expanded','false');
      $('.bg-menu-mobile').removeClass("show");
    });

    $('.slider-post').slick({
      slidesToShow: 1,
      slidesToScroll: 1,
      arrows: true,
      // fade: true,
      dots: true
    });

    $('.switch-tab').on('change', function (e) {
      // With $(this).val(), you can **(and have to!)** specify the target in your <option> values.
      $('.onClickTab li a').eq($(this).val()).tab('show');
      // If you do not care about the sorting, you can work with $(this).index().
      // $('#the-tab li a').eq($(this).index()).tab('show');
    });

    $('.dotdotdot').dotdotdot();
    $(window).scroll(function() {
      if ($(window).scrollTop()>150){
        $('.go-top').addClass('is-active');
      }
      else{
        $('.go-top').removeClass('is-active');
      }
      if ($(window).scrollTop()>50){
        $('body').addClass('fixed-header');
      }
      else{
        $('body').removeClass('fixed-header');
      }
    });

  });

  // **********************************************************************//
  // ! Window resize
  // **********************************************************************//
  $(window).on('resize', function () {
  });

})(jQuery);