import Swiper, { EffectFade, Mousewheel } from 'swiper';

const breakpoint = window.matchMedia('(min-width: 1200px)');

export const SwiperNumbers = new Swiper('.slider-numbers__swiper', {
  modules: [EffectFade, Mousewheel],
  effect: 'fade',
  direction: 'vertical',
  mousewheelControl: true,
  mousewheel: true,
  freeMode: true,
  fadeEffect: {
    crossFade: true
  },
  speed: 800,
  grabCursor: true,
  slidesPerView: 1,
});
window.addEventListener('load', () => {
  if (breakpoint.matches) {
    SwiperNumbers.on('slideChange', () => {

      window.addEventListener('wheel', () => {
        switch (SwiperNumbers.activeIndex) {
          case 0:
            SwiperNumbers.mousewheel.enable();
            break;
          case 1:
            setTimeout(() => {
              SwiperNumbers.mousewheel.enable();
            }, 300);
            break;
          case 2:
            if (window.scrollY === 0) {
              setTimeout(() => {
                SwiperNumbers.mousewheel.disable();
              }, 300);
            }
            break;
        }
        if (window.scrollY === 0 && SwiperNumbers.activeIndex === 2) {
          SwiperNumbers.mousewheel.enable()
        }
      });
    });
  }
});