"use strict";

console.log("language: pt");
$(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');
    }
  });
});




  $(document).ready(function () {
    fetch("https://staging.zeely.link/sites/00fc1f4d-1118-4268-9023-428e8911a4fc/analytics", {
      method: "POST",
      keepalive: true
    });
    var team = new Swiper('.team-container', {
      slidesPerView: 1.4,
      spaceBetween: 31,
      scrollbar: {
        el: '.team .swiper-scrollbar',
        draggable: true
      },
      navigation: {
        nextEl: ".team-nav__next",
        prevEl: ".team-nav__prev"
      },
      breakpoints: {
        991: {
          slidesPerView: 5.3,
          spaceBetween: 46
        },
        767: {
          slidesPerView: 3,
          spaceBetween: 31
        },
        580: {
          slidesPerView: 2,
          spaceBetween: 31
        }
      }
    });

    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"
      });
    }


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


  $(document).mouseup(function (e){ // событие клика по веб-документу
		var div = $(".popup-container"); // тут указываем ID элемента
		if (!div.is(e.target) // если клик был не по нашему блоку
		    && div.has(e.target).length === 0) { // и не по его дочерним элементам
			$(".popup").fadeOut(); // скрываем его
		}
	});

  function resizeOffer() {
    if ($(window).width() < 992) {
        $('.offer-item').hide();
        $('.offer-item').slice(0, 2).show();
        if($('.offer-item').length < 3) {
          $('#loadmoreOffer').hide();
          $('#hidemoreOffer').hide();
        } else {
          $('#loadmoreOffer').show();
          $('#hidemoreOffer').hide();
        }
    } else {
      $('.offer-item').hide();
      $('.offer-item').slice(0, 4).show();
      if($('.offer-item').length < 5) {
        $('#loadmoreOffer').hide();
        $('#hidemoreOffer').hide();
      } else {
        $('#loadmoreOffer').show();
        $('#hidemoreOffer').hide();
      }
    }
  }


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


  $('#hidemoreOffer').on('click', function (e) {
    e.preventDefault();
    if ($(window).width() < 992) {
      $('.offer-item').slice(2).slideUp();
    } else {
      $('.offer-item').slice(4).slideUp();
    }
    $('#loadmoreOffer').show();
    $('#hidemoreOffer').hide();
  });

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

        if($('.gallery-item').length < 3) {
          $('#hidemore').show().css('opacity', '0');
          $('#loadmore').hide();
        } else {
          $('#hidemore').hide().css('opacity', '1');
          $('#loadmore').show();
        }
      }

      if ($(window).width() > 767) {
        $('.gallery-container .swiper-slide').hide();
        $('.gallery-container .swiper-slide').slice(0, 4).show();
        if($('.gallery-item').length < 5) {
          $('#hidemore').show().css('opacity', '0');
          $('#loadmore').hide();
        } else {
          $('#hidemore').hide().css('opacity', '1');
          $('#loadmore').show();
        }
      }
    }


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


    resizeOffer();
    resizeGallery();

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

      $('#loadmore').show();
      $('#hidemore').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
          }
        },

        submitHandler: function submitHandler(form) {
          $.ajax({
            type: "POST",
            url: "https://staging.zeely.link/sites/00fc1f4d-1118-4268-9023-428e8911a4fc/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){
                },
          });
        }
      });
    });
  });