(function ($) {
  'use strict';
  var pageSection = $('.banner-item');
  pageSection.each(function (indx) {
    if ($(this).attr('data-background-img')) {
      $(this).css('background-image', 'url(' + $(this).data('background-img') + ')');
    }
    if ($(this).attr('data-height')) {
      $(this).css('height', $(this).data('height') + 'px');
    }
    var w_window = $(window).width();
    if (w_window <= 767) {
      if ($(this).attr('data-height')) {
        $(this).css('height', $(this).data('height') * 0.7 + 'px');
      }
    }
  });

  $(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
    });

    //popupImage
    $('.gallery').each(function() { // the containers for all your galleries
      $(this).magnificPopup({
          delegate: 'a', // the selector for gallery item
          type: 'image',
          gallery: {
            enabled:true,
            navigateByImgClick: true,
            preload: [0,1] // Will preload 0 - before current, and 1 after the current image
          }
      });
    });

    // slide banner
    $('.banner').slick({
      autoplay: false,
      autoplaySpeed: 1500,
      infinite: true,
      speed: 500,
      dots: false,
      arrows: false,
      fade: true,
      cssEase: 'linear'
    });

    // slider-testimonial
    $('.slider-testimonial').slick({
      infinite: true,
      arrows:true,
      autoplay:false,
      slidesToShow: 3,
      slidesToScroll: 1,
      variableWidth: true,
      responsive: [
        {
          breakpoint: 575,
          settings: {
            slidesToShow: 1,
            variableWidth: false,
            arrows: true
          }
        },
        {
          breakpoint: 1199,
          settings: {
            slidesToShow: 2,
            arrows: true
          }
        },
        {
          breakpoint: 1200,
          settings: {
            slidesToShow: 3,
            arrows: true
          }
        }
      ]
    });


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

    //slider-album
    $('.slider-album').slick({
      infinite: false,
      arrows:true,
      autoplay:false,
      slidesToShow: 1,
      slidesToScroll: 1,
      dots: true
    });

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

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

    // slider-news-page-inner
    $('.slide-news-page-inner').slick({
      infinite: false,
      arrows: true,
      dots: true,
      autoplay: false,
      slidesToShow: 3,
      slidesToScroll: 1,
      responsive: [
        {
          breakpoint: 767,
          settings: {
            slidesToShow: 1
          }
        },
        {
          breakpoint: 800,
          settings: {
            slidesToShow: 2
          }
        },
        {
          breakpoint: 991,
          settings: {
            slidesToShow: 3
          }
        }
      ]
    });

    $('.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");
    });

    
    $('.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');
    });

    $('.input-datepicker').datepicker({
      format: 'dd/mm/yyyy'
    });

    $('.dotdotdot').dotdotdot();

    $('.chat-item').on('click',function(){
      $('.sideleft-chat').addClass('hide');
      $('.container-message-chat').addClass('show');
    });
    $('.btn-back-list-chat').on('click',function(){
      $('.sideleft-chat').removeClass('hide');
      $('.container-message-chat').removeClass('show');
    });

    $(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 () {
    var pageSection = $('.banner-item');
    pageSection.each(function (indx) {
      if ($(this).attr('data-background-img')) {
        $(this).css('background-image', 'url(' + $(this).data('background-img') + ')');
      }
      if ($(this).attr('data-height')) {
        $(this).css('height', $(this).data('height') + 'px');
      }
      var w_window = $(window).width();
      if (w_window <= 767) {
        if ($(this).attr('data-height')) {
          $(this).css('height', $(this).data('height') * 0.7 + 'px');
        }
      }
    });
  });

})(jQuery);