"use strict";

console.log("language: en");
$(window).ready(function() {
  $(".spin-loader").fadeOut();
  $(".loader").delay(400).fadeOut("slow");
  var $win = $(window);
  var $stat = $('.animation-element');

  $win.on('scroll', function () {
    var scrollTop = $win.scrollTop();
    $stat.each(function () {
      var $self = $(this);
      var prev = $self.offset();

      if (scrollTop - prev.top > - $(window).height() + 100) {
        $self.css('opacity', '1').addClass('animated fade-in-bottom ');
      } else {

      }
    });
  }).scroll();
});

$(function() {
  $('.lazy').lazy({
    afterLoad: function(element) {
      element.parent('.loading-img').removeClass('loading-img');
    }
  });
});

if ($(window).width() > 991 && $(window).width() < 1600) {
  var fontSize = $(window).width() * 1 / 1600 + 'px';
  $('html').css('font-size', fontSize);
} else {
  $('html').css('font-size', '1px');
}



$(document).ready(function () {
  fetch("https://staging.zeely.link/sites/f9a7bb23-1f84-48c4-b623-dd497f6c3dc0/analytics", {
    method: "POST",
    keepalive: true
  });
  var settings = {
    slidesPerView: 1,
    spaceBetween: 12,
    breakpoints: {
      580: {
        slidesPerView: 2,
        spaceBetween: 12
      }
    },
    scrollbar: {
      el: '.gallery .swiper-scrollbar',
      draggable: true
    }
  };
  var gallery = new Swiper('.gallery-container', settings);

  gallery.on('slideChange',function(){
    $(window).scroll();
  });

  var teamSettings = {
    slidesPerView: 1.3,
    spaceBetween: 12,
    scrollbar: {
      el: '.team .swiper-scrollbar',
      draggable: true
    },
    navigation: {
      nextEl: ".team-nav__next",
      prevEl: ".team-nav__prev"
    },
    breakpoints: {
      991: {
        slidesPerView: 3.815,
        spaceBetween: 46
      },
      767: {
        slidesPerView: 2,
        spaceBetween: 12
      },
      580: {
        slidesPerView: "auto",
        spaceBetween: 12
      }
    }
  };
  var team = new Swiper('.team-container', teamSettings);

  team.on('slideChange',function(){
    $(window).scroll();
  });

  $('.popup-btn').click(function () {
    var popup = $(this).data('popup');
    $("#" + popup + "").fadeIn();
  });
  $('.popup__close, .popup__continue').click(function () {
    $(".popup").fadeOut();
  });

const links = document.querySelectorAll('a[href^="#"]');

for (const link of links) {
  link.addEventListener("click", clickHandler);
}

function clickHandler(e) {
  e.preventDefault();
  const href = this.getAttribute("href");
  const offsetTop = document.querySelector(href).offsetTop;

  scroll({
    top: offsetTop,
    behavior: "smooth"
  });
}

  function resize() {
    if ($(window).width() > 991 && $(window).width() < 1600) {
      var fontSize = $(window).width() * 1 / 1600 + 'px';
      $('html').css('font-size', fontSize);
    } else {
      $('html').css('font-size', '1px');
    }
  }

  $(document).mouseup(function (e){ // событие клика по веб-документу
		var div = $(".popup-container"); // тут указываем ID элемента
		if (!div.is(e.target) // если клик был не по нашему блоку
		    && div.has(e.target).length === 0) { // и не по его дочерним элементам
			$(".popup").fadeOut(); // скрываем его
		}
	});
  $('.header .open').click(function () {
    $('.header').addClass("active");
    $('.header-top').slideDown(300);
    $('html').css('overflow-y', 'hidden');
  });
  $('.header .close, .header nav a').click(function () {
    if ($(window).width() < 992) {
      $('.header').removeClass("active");
      $('.header-top').hide();
      $('html').css('overflow-y', 'visible');
    }
  });

  $('.faq-item').click(function () {
    if ($(this).hasClass('active')) {
      $(this).removeClass("active");
      $(this).children('p').slideUp(300);
    } else {
      $(this).addClass("active");
      $(this).children('p').slideDown(300);
    }
  });

  $('.faq-tabs a').click(function () {
    $('.faq-tabs a').removeClass('active');
    $(this).addClass('active');
    var tab = $(this).data('tab');
    $('.faq-content').hide();
    $('.faq-content[data-tab="' + tab + '"]').show();
  });
  $('.faq-tabs a:nth-child(1)').click();

  function resizeGallery() {
    if ($(window).width() < 768) {
      $('.gallery-container .swiper-slide').show();

      $('#loadmore').hide();
      $('#hidemore').hide();
      gallery = new Swiper('.gallery-container', settings);


      $('.team-container .swiper-slide').show();
      $('#hidemoreTeam').hide();
      $('#loadmoreTeam').hide();
      team = new Swiper('.team-container', teamSettings);
    }

    if ($(window).width() > 767) {
      if($('.gallery').length) {
        gallery.destroy();
        $('.gallery-container .swiper-slide').removeAttr("style");
        $('.gallery-container .swiper-wrapper').removeAttr("style");
      }
      if($('.gallery-container .swiper-slide').length < 6) {
        $('#hidemore').hide();
        $('#loadmore').hide();
      } else {
          $('#loadmore').show();
          $('#hidemore').hide();
      }
      $('.gallery-container .swiper-slide').hide();
      $('.gallery-container .swiper-slide').slice(0, 5).show();
      if ($('.team').length ) {
        team.destroy();
      }

      if($('.team-container .swiper-slide').length < 5) {
        $('#hidemoreTeam').hide();
        $('#loadmoreTeam').hide();
      } else {
        $('#loadmoreTeam').show();
        $('#hidemoreTeam').hide();
      }
      $('.team-container .swiper-slide').hide();
      $('.team-container .swiper-slide').slice(0, 4).show();
    }
  }

  $('#loadmoreTeam').on('click', function (e) {
    e.preventDefault();
    $('.team-container .swiper-slide:hidden').slideDown();
    $('#loadmoreTeam').hide();
    $('#hidemoreTeam').show();
  });

  $('#hidemoreTeam').on('click', function (e) {
    e.preventDefault();
    $('.team-container .swiper-slide').hide();
    $('.team-container .swiper-slide').slice(0, 4).show();
    $('#hidemoreTeam').hide();
    $('#loadmoreTeam').show();
  });


  var windowWidth;
  $(window).resize(function(){
      if ($(window).width() != windowWidth) {
          windowWidth = $(window).width();
          resize();
      resizeGallery();
      resizeOffer();
      }
      if($(window).width() > 991) {
        resize();
      resizeGallery();
      resizeOffer();
      }
  });


  resize();
  resizeGallery();
  resizeOffer();


  $('#loadmore').on('click', function (e) {
    e.preventDefault();
    $('.gallery-container .swiper-slide:hidden').slideDown();
    $('#loadmore').hide();
    $('#hidemore').show();
  });


  $('#hidemore').on('click', function (e) {
    e.preventDefault();

    if ($(window).width() < 768) {
      $('.gallery-container .swiper-slide').slice(2).slideUp();
    } else {
      $('.gallery-container .swiper-slide').slice(5).slideUp();
    }

    $('#loadmore').show();
    $('#hidemore').hide();
  });




  function resizeOffer() {
    if ($(window).width() < 992) {
        $('.offer').hide();
        $('.offer').slice(0, 2).show();
        $('.offer:nth-child(2)').addClass('last');
        if($('.offer').length < 3) {
          $('#loadmoreOffer').hide();
          $('#hidemoreOffer').hide();
        } else {
          $('#loadmoreOffer').show();
          $('#hidemoreOffer').hide();
        }
    } else {
      $('.offer').show();
      $('.offer:nth-child(2)').removeClass('last');
      $('#loadmoreOffer').hide();
      $('#hidemoreOffer').hide();
    }
  }


$('#loadmoreOffer').on('click', function (e) {
    e.preventDefault();
    $('.offer:hidden').slideDown();
    $('.offer:nth-child(2)').removeClass('last');
    $('#loadmoreOffer').hide();
    $('#hidemoreOffer').show();
});

$('#hidemoreOffer').on('click', function (e) {
  e.preventDefault();
  if ($(window).width() < 992) {
    $('.offer').slice(2).slideUp();
  }
  $('.offer:nth-child(2)').addClass('last');
  $('#loadmoreOffer').show();
  $('#hidemoreOffer').hide();
});


$('[data-fancybox]').fancybox({
  mobile : {
    clickContent : "close",
    clickSlide : "close"
  }
});
    $("form").each(function () {
      var th = $(this);
    $(this).validate({
      errorPlacement: function errorPlacement(error, element) {
        element.after(error);
      },
      rules: {
        name: "required",
        phone: {
          required: true,
        },
        msg: "required",
        email: {
          required: true,
          email: true
        },
        chkbox: {
          required: true
        }
      },
            messages: {
              name: "Invalid name",
              phone: "Invalid phone number",
              email: "Invalid email",
              chkbox: "",
              msg: "Error"
            },

      submitHandler: function submitHandler(form) {
        $.ajax({
          type: "POST",
          url: "https://staging.zeely.link/sites/f9a7bb23-1f84-48c4-b623-dd497f6c3dc0/bonus",
          data:{
            "email": th.find('[name=email]').val(),
            "name": th.find('[name=name]').val(),
            "askYourQuestion": th.find('[name=msg]').val(),
            "phone": th.find('[name=phone]').val(),
          },
              success: function(result){
                  $('.popup').hide();
                  $('#succes').show();
              },
              error: function(result){
              },
        });
      }
    });
  });
});