"use strict";

function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }

function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }

function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }

$(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 afterLoad(element) {
      element.parent('.loading-img').removeClass('loading-img');
    }
  });
});
$(document).ready(function () {

  fetch("https://staging.zeely.link/sites/0d2bba10-49f5-4284-9a7e-fea1b225ddf9/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.2,
    spaceBetween: 29,
    centeredSlides: true,
    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: 29
      },
      580: {
        slidesPerView: 1.9,
        spaceBetween: 29
      }
    }
  };
  var team = new Swiper('.team-container .swiper-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();
  });
  var links = document.querySelectorAll('a[href^="#"]');

  var _iterator = _createForOfIteratorHelper(links),
      _step;

  try {
    for (_iterator.s(); !(_step = _iterator.n()).done;) {
      var link = _step.value;
      link.addEventListener("click", clickHandler);
    }
  } catch (err) {
    _iterator.e(err);
  } finally {
    _iterator.f();
  }

  function clickHandler(e) {
    e.preventDefault();
    var href = this.getAttribute("href");
    var offsetTop = document.querySelector(href).offsetTop;
    scroll({
      top: offsetTop,
      behavior: "smooth"
    });
  }

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



  $('.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(); // скрываем его
    }
  });
  $('.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();
  $('#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(4).slideUp();
    } else {
      $('.offer-item').slice(4).slideUp();
    }

    $('#loadmoreOffer').show();
    $('#hidemoreOffer').hide();
  });

  function resizeOffer() {
    if ($(window).width() < 992) {
      $('.offer-item').hide();
      $('.offer-item').slice(0, 4).show();

      if ($('.offer-item').length < 5) {
        $('#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();
      }
    }
  }

  function resizeTeam() {
    if ($('.team').length > 0) {
      if ($(window).width() < 768) {
        $('#hidemoreTeam').hide();
        $('#loadmoreTeam').hide();
        $('.team-container .swiper-slide').show();
        team = new Swiper('.team-container', teamSettings);
      }

      if ($(window).width() > 767) {
        team.destroy();
        $('.team-container .swiper-slide').show(); // $('.team-container .swiper-slide').slice(0, 3).show();
        // if($('.team-item').length < 4) {
        //   $('#hidemoreTeam').hide();
        //   $('#loadmoreTeam').hide();
        // } else {
        //   $('#hidemoreTeam').hide();
        //   $('#loadmoreTeam').show();
        // }
      }
    }
  }

  function resizeGallery() {
    if ($('.gallery').length > 0) {
      if ($(window).width() < 768) {
        $('.gallery-container .swiper-slide').show();
        $('#loadmore').hide();
        $('#hidemore').hide();
        gallery = new Swiper('.gallery-container', settings);
      }

      if ($(window).width() > 767) {
        gallery.destroy();
        $('.gallery-container .swiper-slide').hide();
        $('.gallery-container .swiper-slide').slice(0, 5).show();

        if ($('.gallery-item').length < 6) {
          $('#hidemore').hide();
          $('#loadmore').hide();
        } else {
          $('#hidemore').hide();
          $('#loadmore').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, 3).show();
    $('#hidemoreTeam').hide();
    $('#loadmoreTeam').show();
  });
  var windowWidth;
  $(window).resize(function () {
    if ($(window).width() != windowWidth) {
      windowWidth = $(window).width();
      resize();
      resizeOffer();
      resizeGallery();
      resizeTeam();
    }

    if ($(window).width() > 767) {
      resize();
      resizeOffer();
      resizeGallery();
      resizeTeam();
    }
  });
  resize();
  resizeOffer();
  resizeGallery();
  resizeTeam();
  $('#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 youtube_parser(url){
  //     var regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/;
  //     var match = url.match(regExp);
  //     return (match&&match[7].length==11)? match[7] : false;
  // }
  // $(".gallery-item.video").ready(function(){
  //   let url = $(this).data('url');
  //   alert(url);
  //   let id = youtube_parser(url);
  //   console.log(id);
  // });

  $('[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/0d2bba10-49f5-4284-9a7e-fea1b225ddf9/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 success(result) {
            $('.popup').hide();
            $('#succes').show();
          },
          error: function error(result) {}
        });
      }
    });
  });
});