"use strict";

$(document).ready(function () {
  // Slick на сравнении =>
  (function () {
    var list = $('.compare__list');
    var prev = $('.compare__arrow_left');
    var next = $('.compare__arrow_right');

    list.slick({
      slidesToShow: 4,
      prevArrow: prev,
      nextArrow: next,
      responsive: [{
        breakpoint: 1281,
        settings: {
          slidesToShow: 3
        }
      }, {
        breakpoint: 1025,
        settings: {
          slidesToScroll: 2,
          slidesToShow: 2
        }
      }, {
        breakpoint: 767,
        settings: {
          slidesToScroll: 1,
          slidesToShow: 1
        }
      }]
    });

    list.on('beforeChange', function (event, slick, currentSlide, nextSlide) {
      if ($(window).width() > 767) {
        if (currentSlide < nextSlide) {
          next.fadeOut(300, function () {
            $(this).css('visibility', 'hidden');
          });
          prev.css('visibility', 'visible');
          prev.fadeIn();
        } else {
          prev.fadeOut(300, function () {
            $(this).css('visibility', 'hidden');
          });
          next.css('visibility', 'visible');
          next.fadeIn();
        }
      } else {
        prev.css('visibility', 'visible');
        prev.fadeIn();
        next.css('visibility', 'visible');
        next.fadeIn();

        if (currentSlide < nextSlide && nextSlide === slick.$slides.length - 1) {
          next.fadeOut(300, function () {
            $(this).css('visibility', 'hidden');
          });

          prev.css('visibility', 'visible');
          prev.fadeIn();
        } else if (currentSlide > nextSlide && nextSlide === 0) {
          prev.fadeOut(300, function () {
            $(this).css('visibility', 'hidden');
          });
          next.css('visibility', 'visible');
          next.fadeIn();
        }
      }
    });
  })(); // <= Slick на сравнении

  // Hover эффект сравнений =>
  (function () {
    var cells = $('.compare__val');
    var compareKeys = $('.compare__left');

    cells.on('mouseenter', function (e) {
      var self = $(e.currentTarget);
      var index = self.index();

      if (index > 1 && index < self.parent().children().length - 1 && index < self.parent().children().length - 2) {
        compareKeys.children().eq(index - 1).addClass('compare__key_active');
        compareKeys.children().eq(index - 1).siblings().removeClass('compare__key_active');

        cells.on('mouseleave', function (e) {
          compareKeys.children().eq(index - 1).removeClass('compare__key_active');
        });
      }
    });
  })(); // <= Hover эффект сравнений

  function lazyLoadImg(el) {
    if (el.attr('src') === el.data('src')) {
      return false;
    }

    el.attr('src', el.data('src'));

    return true;
  }

  if ($(window).width() <= 767) {
    lazyLoadImg($('.features__banner-img'));
  }

  $(window).on('resize', function () {
    if (lazyLoadImg($('.features__banner-img')) && $(window).width() <=767) {
      lazyLoadImg($('.features__banner-img'));
    }
  });
});