import { auth } from '@/lib/auth';
import { prisma } from '@/lib/db';

import TemplateManager, { type TemplateRow } from './TemplateManager';

export const metadata = { title: 'Modèles de message — ITA ITO' };

export default async function TemplatesPage() {
  const [session, rows] = await Promise.all([
    auth(),
    prisma.messageTemplate.findMany({ orderBy: [{ sortOrder: 'asc' }, { createdAt: 'asc' }] }),
  ]);

  const templates: TemplateRow[] = rows.map((row) => ({
    id: row.id,
    textFr: row.textFr,
    textEn: row.textEn,
    translationStatus: row.translationStatus,
    sortOrder: row.sortOrder,
  }));

  return (
    <main className="mx-auto max-w-3xl px-4 py-10">
      <h1 className="text-2xl">Modèles de message</h1>
      <p className="mt-2 max-w-prose text-[var(--ink-muted)]">
        Les phrases que la boutique écrit souvent. Enregistrées ici, elles sont traduites une fois
        et proposées partout où l’on compose un message — exceptions, vacances, bandeau.
      </p>

      <TemplateManager canEdit={session?.user?.role === 'admin'} templates={templates} />
    </main>
  );
}