import Link from 'next/link';
import { requireAdmin } from '@/lib/admin/auth';
import { auditLog } from '@/lib/admin/queries';
import { AdminShell, fmtTs } from '@/components/admin/shell';
import { Table, th, td } from '@/components/ui/primitives';

const TYPES = ['', 'sale', 'listing', 'asset', 'connector', 'normalized_record', 'taxonomy_proposal'];

export default async function AuditPage({ searchParams }: { searchParams: Promise<{ type?: string }> }) {
  await requireAdmin();
  const sp = await searchParams;
  const rows = await auditLog({ entityType: sp.type || undefined });
  return (
    <AdminShell current="/admin/audit" title="Audit log" subtitle="Every flag, exclusion, restore, merge, edit and admin decision — the platform never silently deletes data" actions={<div className="flex flex-wrap gap-1 text-xs">{TYPES.map((t) => <Link key={t} href={`/admin/audit${t ? `?type=${t}` : ''}`} className={`rounded-md border px-2 py-1 ${(sp.type ?? '') === t ? 'border-accent bg-accent text-accent-fg' : 'border-border hover:bg-inset'}`}>{t || 'all'}</Link>)}</div>}>
      <div className="card">
        <Table>
          <thead><tr><th className={th}>When</th><th className={th}>Entity</th><th className={th}>Action</th><th className={th}>Actor</th><th className={th}>Reason</th><th className={th}>Details</th></tr></thead>
          <tbody>
            {rows.length === 0 ? <tr><td className={td} colSpan={6}><span className="text-subtle">No audit entries.</span></td></tr> : null}
            {rows.map((r) => (
              <tr key={String(r.id)} className="align-top">
                <td className={td}>{fmtTs(r.created_at)}</td>
                <td className={`${td} font-mono text-[11px]`}>{String(r.entity_type)}<br />{String(r.entity_id)}</td>
                <td className={td}>{String(r.action)}</td>
                <td className={td}>{String(r.actor)}</td>
                <td className={`${td} max-w-[320px] whitespace-normal`}>{String(r.reason)}</td>
                <td className={`${td} max-w-[320px] whitespace-normal font-mono text-[10px] text-muted`}>{JSON.stringify(r.details)}</td>
              </tr>
            ))}
          </tbody>
        </Table>
      </div>
    </AdminShell>
  );
}