const sliders = [
   {
      field: document.querySelectorAll(".services-slider"),
      parentWrapperForActions: ".services-block",
      options: {
         navigation: {
            clickable: true,
            prevEl: ".services-slider__btn-prev",
            nextEl: ".services-slider__btn-next",
         },
         pagination: {
            el: ".services-slider__pagination",
            clickable: true,
         },
         loop: false,
         slidesPerView: 1,
         spaceBetween: 10,

         breakpoints: {
            768: {
               slidesPerView: 2.3,
               spaceBetween: 20,
            },
            1024: {
               slidesPerView: 3.2,
               spaceBetween: 20,
            },
            1200: {
               slidesPerView: 4,
               spaceBetween: 20,
            },
         },
      },
   },
   {
      field: document.querySelectorAll(".awards-slider"),
      parentWrapperForActions: ".awards",
      options: {
         navigation: {
            clickable: true,
            prevEl: ".awards-slider__btn-prev",
            nextEl: ".awards-slider__btn-next",
         },
         pagination: {
            el: ".awards-slider__pagination",
            clickable: true,
         },
         loop: false,
         slidesPerView: 1,
         spaceBetween: 10,

         breakpoints: {
            768: {
               slidesPerView: 2.3,
               spaceBetween: 20,
            },
            1024: {
               slidesPerView: 3.1,
               spaceBetween: 20,
            },

            1400: {
               slidesPerView: 4,
               spaceBetween: 20,
            },
         },
      },
   },
   {
      field: document.querySelectorAll(".team-slider"),
      parentWrapperForActions: ".team",
      conditionActive: () => window.innerWidth < 768,
      options: {
         navigation: {
            clickable: true,
            prevEl: ".team-slider__btn-prev",
            nextEl: ".team-slider__btn-next",
         },
         pagination: {
            el: ".team-slider__pagination",
            clickable: true,
         },
         loop: false,
         slidesPerView: 1.55,
         spaceBetween: 10,
      },
   },
   {
      field: document.querySelectorAll(".text-image-slider"),
      parentWrapperForActions: ".text-image",
      options: {
         pagination: {
            el: ".text-image-slider__pagination",
            clickable: true,
         },

         loop: true,
         autoplay: {
            delay: 5000,
         },
         slidesPerView: 1,
         spaceBetween: 10,
      },
   },
   {
      field: document.querySelectorAll(".reviews-slider"),
      parentWrapperForActions: ".reviews",
      options: {
         pagination: {
            el: ".reviews__slider-pagination",
            clickable: true,
         },
         navigation: {
            clickable: true,
            prevEl: ".reviews-slider__btn-prev",
            nextEl: ".reviews-slider__btn-next",
         },

         loop: false,
         slidesPerView: 1,
         spaceBetween: 10,
         breakpoints: {
            1200: {
               slidesPerView: 1.3,
               spaceBetween: 20,
            },
            1400: {
               slidesPerView: 1.4,
               spaceBetween: 20,
            },
         },

         on: {
            init(swiper) {
               swiper.snapGrid = [...swiper.slidesGrid];
            },
            resize(swiper) {
               swiper.snapGrid = [...swiper.slidesGrid];
            },
         },
      },
   },
   {
      field: document.querySelectorAll(".case-gallery__slider"),
      parentWrapperForActions: ".case-gallery",
      options: {
         navigation: {
            clickable: true,
            prevEl: ".case-gallery__arrow.prev",
            nextEl: ".case-gallery__arrow.next",
         },
         pagination: {
            el: ".case-gallery__pagination",
            clickable: true,
         },

         slidesPerView: 1,
         spaceBetween: 10,
         initialSlide: 0,

         breakpoints: {
            768: {
               centeredSlides: true,
               slidesPerView: "auto",
               spaceBetween: 20,
               initialSlide: 1,
               watchSlidesProgress: true,
            },
         },
      },
   },
   {
      field: document.querySelectorAll(".stages-slider"),
      parentWrapperForActions: ".stages",
      conditionActive: () => window.innerWidth < 768,
      options: {
         navigation: {
            clickable: true,
            prevEl: ".stages-slider__btn-prev",
            nextEl: ".stages-slider__btn-next",
         },
         pagination: {
            el: ".stages-slider__pagination",
            clickable: true,
         },

         slidesPerView: 1,
         spaceBetween: 10,
         initialSlide: 0,
      },
   },
];

export { sliders };
