---
// 月別・年度別アーカイブのリンク一覧。行事予定ページの下部に置く。
// アーカイブは前々月以前の月だけ（前月以降はメインページに掲載している）。
import {
  archiveFiscalYearKeys,
  archiveMonthKeys,
  fiscalYearLabel,
  fiscalYearOf,
  monthCounts,
  monthLabel,
} from '@/lib/schedule-months';
import { scheduleUrl } from '@/data/schedule/config';

const groups = [...new Set(archiveMonthKeys.map((month) => fiscalYearOf(month)))].map((fy) => ({
  key: fy,
  label: fiscalYearLabel(fy),
  hasPage: archiveFiscalYearKeys.includes(fy),
  months: archiveMonthKeys.filter((month) => fiscalYearOf(month) === fy),
}));
---

{
  groups.length === 0 ? (
    <p class="schedule-archive-empty">
      前々月より前に終了した予定はまだありません。月が進むと、ここに過去の予定が表示されます。
    </p>
  ) : (
    <div class="schedule-archive">
      {groups.map((group) => (
        <section class="schedule-archive-year">
          <h3 class="schedule-archive-year-title">
            {group.hasPage ? (
              <a href={scheduleUrl(`${group.key}/`)}>{group.label}の予定</a>
            ) : (
              group.label
            )}
          </h3>
          <ul class="schedule-archive-months">
            {group.months.map((key) => (
              <li>
                <a href={scheduleUrl(`${key}/`)}>
                  <span>{monthLabel(key)}</span>
                  <span class="schedule-archive-count">{monthCounts[key]}件</span>
                </a>
              </li>
            ))}
          </ul>
        </section>
      ))}
    </div>
  )
}