import { auth } from '@/lib/auth';
import { prisma } from '@/lib/db';
import { toCivilDate } from '@/lib/schedule/civil';
import { loadSettings } from '@/lib/schedule/context';
import { periodsOverlap, upcomingPeriods } from '@/lib/schedule/vacations';

import VacationManager, { type VacationRow } from './VacationManager';
import YearCalendar from './YearCalendar';

export const metadata = { title: 'Vacances — ITA ITO' };

export default async function VacationsPage() {
  const [session, settings] = await Promise.all([auth(), loadSettings()]);
  const today = toCivilDate(new Date(), settings.timezone);

  const rows = await prisma.vacationPeriod.findMany({ orderBy: { startDate: 'asc' } });

  const periods: VacationRow[] = rows.map((row) => {
    const startDate = row.startDate.toISOString().slice(0, 10);
    const endDate = row.endDate.toISOString().slice(0, 10);
    return {
      id: row.id,
      startDate,
      endDate,
      labelFr: row.labelFr,
      labelEn: row.labelEn,
      isCurrent: periodsOverlap({ startDate, endDate }, { startDate: today, endDate: today }),
    };
  });

  return (
    <main className="mx-auto max-w-3xl px-4 py-10">
      <h1 className="text-2xl">Vacances</h1>
      <p className="mt-2 max-w-prose text-[var(--ink-muted)]">
        Les fermetures longues. Une exception ponctuelle posée sur un de ces jours continue de
        primer&nbsp;: rien n’est écrasé.
      </p>

      <VacationManager
        canEdit={session?.user?.role === 'admin'}
        periods={upcomingPeriods(periods, today)}
      />

      <section className="mt-10">
        <h2 className="text-lg">Vue sur douze mois</h2>
        <div className="mt-3">
          <YearCalendar from={today} periods={periods} />
        </div>
      </section>
    </main>
  );
}