import type { Metadata } from "next";
import Link from "next/link";
import { apiSafe } from "@/lib/api";
import { PartyBadge } from "@/components/party";
import { Badge, Card, Empty, Pill } from "@/components/ui";
import { dateTimeFr } from "@/lib/format";
import { PARTY_IDS, partyLabel } from "@/lib/parties";

export const metadata: Metadata = { title: "Bibliothèque documentaire — documents officiels des partis", description: "Plateformes, programmes, cadres financiers et communiqués officiels, versionnés (SHA-256) et analysés par QC26." };
export const revalidate = 300;

interface Doc { id: number; party: string; title: string; url: string; type: string; date: string | null; discoveredAt: string; lastCheckedAt: string | null; proposals: number; pages: number | null; isPdf: boolean; versions: number; analyzedAt: string | null; status: string }

export default async function Page({ searchParams }: { searchParams: Promise<{ party?: string; type?: string }> }) {
  const sp = await searchParams;
  const qs = new URLSearchParams();
  if (sp.party) qs.set("party", sp.party);
  if (sp.type) qs.set("doc_type", sp.type);
  const data = await apiSafe<{ documents: Doc[] }>(`/api/documents?${qs}`);
  if (!data) return <Empty title="Bibliothèque indisponible" />;
  const types = ["plateforme", "cadre_financier", "communique", "document", "page"];
  return (
    <div className="space-y-6">
      <div><div className="eyebrow eyebrow-accent">Document Library · sources officielles uniquement</div><h1 className="display text-[40px] md:text-[56px] mt-3">Bibliothèque documentaire</h1><p className="text-ink-2 mt-3 max-w-2xl text-[15px] leading-relaxed">Chaque document est téléchargé depuis le site officiel du parti, haché (SHA-256), versionné et analysé. Quand un parti modifie un document, QC26 conserve les deux versions et affiche les changements.</p></div>
      <div className="flex flex-wrap gap-1.5 items-center text-[13px]">
        <Pill href="/documents" active={!sp.party}>Tous</Pill>{PARTY_IDS.map((id) => <Pill key={id} href={`/documents?party=${id}${sp.type ? `&type=${sp.type}` : ""}`} active={sp.party === id}>{partyLabel(id)}</Pill>)}
        <span className="mx-2 text-ink-3">·</span>{types.map((t) => <Pill key={t} href={`/documents?type=${t}${sp.party ? `&party=${sp.party}` : ""}`} active={sp.type === t}>{t.replace("_", " ")}</Pill>)}
      </div>
      <Card pad={false} className="overflow-x-auto">
        <table className="data-table min-w-[820px]"><thead><tr><th>Document</th><th>Parti</th><th>Type</th><th className="r">Pages</th><th className="r">Propositions</th><th className="r">Versions</th><th>Dernière analyse</th></tr></thead>
          <tbody>{data.documents.map((d) => (<tr key={d.id}><td><Link href={`/documents/${d.id}`} className="font-medium hover:underline">{d.title}</Link><div className="text-[11.5px] text-ink-3 truncate max-w-[60vw] md:max-w-[420px]">{d.url.replace(/^https?:\/\//, "")}</div></td><td><PartyBadge id={d.party} size="sm" /></td><td><Badge>{d.type.replace("_", " ")}</Badge>{d.isPdf && <span className="ml-1 text-[10.5px] text-ink-3">PDF</span>}</td><td className="r num">{d.pages ?? "—"}</td><td className="r num font-semibold">{d.proposals}</td><td className="r num">{d.versions}</td><td className="num text-ink-2 whitespace-nowrap">{d.analyzedAt ? dateTimeFr(d.analyzedAt) : <span className="text-ink-3">en file</span>}</td></tr>))}
            {data.documents.length === 0 && <tr><td colSpan={7} className="text-center text-ink-3 py-8">Aucun document pour ce filtre.</td></tr>}</tbody></table>
      </Card>
    </div>
  );
}