$(function () {
  $(".p-home-mv__slick").slick({
    dots: true,
    centerMode: true,
    variableWidth: true,
    centerPadding: "40px",
    slidesToShow: 1,
    autoplay: true,
    autoplaySpeed: 4000,
    responsive: [
      {
        breakpoint: 1024,
        settings: {
          variableWidth: false,
          centerPadding: "0px",
        },
      },
    ],
  });

  var initialSlide = 0;
  if (location.hash) {
    var reg = /photo(\d)+/i;
    var match = location.hash.match(reg);
    if (match) {
      initialSlide = parseInt(match[1]) - 1;
    }
  }
  $(".p-image__article__slick").slick({
    dots: true,
    initialSlide: initialSlide,
  });
  $(".p-image__article__slick").on("afterChange", (slick, currentSlide) => {
    postId = $('data-post-id');
    gallaryIndex = $("slick-current").attr('data-gallary-index');
    gtag("config", "UA-122647857-1", {
      page_path: `/photo/${postId}#photo${gallaryIndex}`,
    });
  });
});

jQuery(function ($) {
  $(".area__more").click(function () {
    $(".toggle__area__accordion").slideToggle(300);
    $(this).toggleClass("open");
    $(this).hide();
  });

  $(".trigger-toggle").click(function () {
    $(".l-header__navbtn").toggleClass("active");
    $(".l-gnav").toggleClass("active");
  });

  if (
    ua.indexOf("iPhone") > -1 ||
    (ua.indexOf("Android") > -1 && ua.indexOf("Mobile") > -1)
  ) {
    $(".l-gnav__item.area").click(function () {
      $(".l-gnav__area-accordion").slideToggle(300);
      $(this).find(".l-gnav__item__image-arrow").toggleClass("open");
    });

    $(".l-gnav__item.station").click(function () {
      $(".l-gnav__station-accordion").slideToggle(300);
      $(this).find(".l-gnav__item__image-arrow").toggleClass("open");
    });

    $(".l-gnav__item.category").click(function () {
      $(".l-gnav__category-accordion").slideToggle(300);
      $(this).find(".l-gnav__item__image-arrow").toggleClass("open");
    });

    const listener = () => {
      // NOTE: アコーディオンを閉じる処理
      if (window.matchMedia("(min-width: 1024px)").matches) {
        $(".l-gnav__area-accordion").hide();
        $(".l-gnav__station-accordion").hide();
        $(".l-gnav__category-accordion").hide();
        $(".l-gnav__item__image-arrow").removeClass("open");
      }
    };

    // NOTE: リスナー登録
    window.addEventListener("resize", listener);
  }

  $(".scroll-top").click(function () {
    const position = 0;
    const speed = 300;
    $("html,body").animate({ scrollTop: position }, speed);
  });

  $('.p-image__head__favorite').click(function () {
    $(this).addClass('clicked')
    $(this).prop('disabled', true)
  })
});