las la-chevron-right

(() => {
  // 日付判定関数
  function isBetween(target, start, end) {
    return target >= new Date(start) && target <= new Date(end);
  }

  // JST取得（ヘッダー経由）
  async function getCurrentJstDate() {
    try {
      const response = await fetch(location.href);
      const dateHeader = response.headers.get('Date');
      if (dateHeader) {
        const gmtDate = new Date(dateHeader);
        // JSTとして扱う（Date自体は常にローカルタイムゾーンで扱われる）
        return gmtDate;
      } else {
        throw new Error('Date header is not present in the response');
      }
    } catch (error) {
      console.error(error);
      return new Date(); // fallback
    }
  }

  (async () => {
    const buttons = document.querySelectorAll('.tab__btn');
    const episodes = document.querySelectorAll('.episode__img');
    const now = await getCurrentJstDate();

    const activateEpisode = (index) => {
      episodes.forEach((el) => el.classList.remove('episode__img--active'));
      const target = document.querySelector(`.episode__img--0${index + 1}`);
      if (target) target.classList.add('episode__img--active');
    };

    // 期間ごとの処理
    if (isBetween(now, '2025/06/25 12:00:00', '2025/07/04 11:59:59')) {
      buttons[0].classList.remove('tab__btn--close');
      buttons[0].querySelector('.tab__img--active').classList.add('tab__img--show');
      buttons.forEach((btn, i) => {
        if (i !== 0) {
          btn.querySelector('.tab__img--close').classList.add('tab__img--show');
        }
      });
      activateEpisode(0);
    } else if (isBetween(now, '2025/07/04 12:00:00', '2025/07/11 11:59:59')) {
      [0, 1].forEach((i) => buttons[i].classList.remove('tab__btn--close'));
      buttons[1].querySelector('.tab__img--close').classList.remove('tab__img--show');
      buttons[1].querySelector('.tab__img--active').classList.add('tab__img--show');
      buttons[0].querySelector('.tab__img--close').classList.remove('tab__img--show');
      buttons[0].querySelector('.tab__img--open').classList.add('tab__img--show');
      activateEpisode(1);
    } else if (isBetween(now, '2025/07/11 12:00:00', '2025/07/18 11:59:59')) {
      [0, 1, 2].forEach((i) => buttons[i].classList.remove('tab__btn--close'));
      buttons[2].querySelector('.tab__img--close').classList.remove('tab__img--show');
      buttons[2].querySelector('.tab__img--active').classList.add('tab__img--show');
      [0, 1].forEach((i) => {
        buttons[i].querySelector('.tab__img--close').classList.remove('tab__img--show');
        buttons[i].querySelector('.tab__img--open').classList.add('tab__img--show');
      });
      activateEpisode(2);
    } else if (now >= new Date('2025/07/18 12:00:00')) {
      [0, 1, 2, 3].forEach((i) => buttons[i].classList.remove('tab__btn--close'));
      buttons[3].querySelector('.tab__img--close').classList.remove('tab__img--show');
      buttons[3].querySelector('.tab__img--active').classList.add('tab__img--show');
      [0, 1, 2].forEach((i) => {
        buttons[i].querySelector('.tab__img--close').classList.remove('tab__img--show');
        buttons[i].querySelector('.tab__img--open').classList.add('tab__img--show');
      });
      activateEpisode(3);
    }

    // ボタンクリック時の処理
    buttons.forEach((btn, index) => {
      btn.addEventListener('click', () => {
        // 他ボタンの tab__img--show を移動させる
        buttons.forEach((b, i) => {
          const closeImg = b.querySelector('.tab__img--close');
          const openImg = b.querySelector('.tab__img--open');
          const activeImg = b.querySelector('.tab__img--active');

          activeImg.classList.remove('tab__img--show');
          openImg.classList.remove('tab__img--show');

          if (b.classList.contains('tab__btn--close')) {
            closeImg.classList.add('tab__img--show');
          } else {
            closeImg.classList.remove('tab__img--show');
            openImg.classList.add('tab__img--show');
          }
        });

        // 自分の .tab__img--active に show をつける
        const active = btn.querySelector('.tab__img--active');
        const close = btn.querySelector('.tab__img--close');
        const open = btn.querySelector('.tab__img--open');

        close.classList.remove('tab__img--show');
        open.classList.remove('tab__img--show');
        active.classList.add('tab__img--show');

        // エピソード画像切り替え
        activateEpisode(index);
      });
    });

    // スクロールで #tab に .tab-hide を付加
    const tab = document.querySelector('#tab');
    const trigger = document.querySelector('#tab-triger');
    if (tab && trigger) {
      window.addEventListener('scroll', () => {
        const triggerRect = trigger.getBoundingClientRect();
        if (triggerRect.top < 0) {
          tab.classList.add('tab-hide');
        } else {
          tab.classList.remove('tab-hide');
        }
      });
    }
  })();
})();

(() => {
  const targetIds = [
    'SingleImageComponent_v2_1508507430',
    'SingleImageComponent_v2_4280803378',
    'coverList3_01',
    'coverList3_02',
  ];

  const getWebViewerLink = (iabLink) => {
    // linemanga://viewer/B00163514958?type=periodic&...
    const viewerMatch = iabLink.match(/linemanga:\/\/viewer\/(\w+)/);
    if (viewerMatch) {
      return `https://app-manga.line.me/app/viewer/${viewerMatch[1]}`;
    }

    // linemanga://periodic/S119126?...
    const periodicMatch = iabLink.match(/linemanga:\/\/periodic\/(\w+)/);
    if (periodicMatch) {
      return `https://app-manga.line.me/app/periodic/${periodicMatch[1]}`;
    }

    // それ以外はトップへ
    return 'https://manga.line.me/';
  };

  const isIab = /linemanga/.test(navigator.userAgent);

  if (!isIab) {
    // リンク差し替え
    targetIds.forEach((id) => {
      const container = document.getElementById(id);
      if (!container) return;

      const links = container.querySelectorAll('a[href^="linemanga://"]');
      links.forEach((link) => {
        const convertedHref = getWebViewerLink(link.href);
        link.href = convertedHref;
      });
    });
  }
})();