"use strict";

(function ($) {
  $("document").ready(function () {
    if (window.Swiper == null) {
      return;
    }

    const defaultConfig = {
      direction: "horizontal",
      slidesPerView: 4,
      spaceBetween: 30,
    };

    const swiperConfig =
      window.brandyData?.blocks_data["core/post-template"]?.swiper;

    const backIcon =
      swiperConfig?.backIcon ??
      window.brandyData?.swiper?.backIcon ??
      '<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 11L1 6L6 1" stroke="#D3DCE5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>';
    const nextIcon =
      swiperConfig?.nextIcon ??
      window.brandyData?.swiper?.nextIcon ??
      '<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L6 6L1 11" stroke="#D3DCE5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>';

    $(document).ready(function () {
      $(
        ".brandy-block-query-slider:not(.block-editor-block-list__block)"
      ).addClass("swiper");
      $(
        ".brandy-block-query-slider:not(.block-editor-block-list__block) .wp-block-post-template"
      ).addClass("swiper-wrapper");
      $(
        ".brandy-block-query-slider:not(.block-editor-block-list__block) .wp-block-post-template > .post"
      ).addClass("swiper-slide");
      $(
        ".brandy-block-query-slider:not(.block-editor-block-list__block)"
      ).prepend(`
		<div class="brandy-block-query-slider-navigation brandy-swiper-navigation">
				<span class="brandy-swiper-navigation-button brandy-swiper-navigation-button--back">${backIcon}</span>
				<span class="brandy-swiper-navigation-button brandy-swiper-navigation-button--next">${nextIcon}</span>
			</div>
      `);
      $(
        ".brandy-block-query-slider:not(.block-editor-block-list__block)"
      ).append(`
		<div class="brandy-block-query-slider-scrollbar swiper-scrollbar brandy-swiper-scrollbar"></div>
      `);
      setTimeout(() => {
        new Swiper(
          ".brandy-block-query-slider:not(.block-editor-block-list__block)",
          {
            navigation: {
              nextEl: ".brandy-swiper-navigation-button--next",
              prevEl: ".brandy-swiper-navigation-button--back",
            },
            scrollbar: {
              el: ".brandy-swiper-scrollbar",
              draggable: true,
              placement: "outside",
              snapOnRelease: true,
            },
            grabCursor: true,
            ...defaultConfig,
            ...(swiperConfig?.data ?? {}),
          }
        );
      }, 1);
    });
  });
})(window.jQuery);