import type { Metadata } from 'next';
import Link from 'next/link';
import { AdminFilters, AdminTitle, Mono, StatusChip } from '@/components/admin/ui';
import { DataTable, EmptyRow, Td, Th } from '@/components/ui/data-table';
import { LiveAgo } from '@/components/ui/live';
import { Pagination, withParams } from '@/components/ui/pagination';
import { Unavailable } from '@/components/ui/unavailable';
import { adminApi, load, requireAdmin } from '@/lib/admin/admin-api';
import { fmtDateTime, fmtInt, num } from '@/lib/format';
import { routes } from '@/lib/site';

export const metadata: Metadata = { title: 'Documents', robots: { index: false, follow: false } };
export const dynamic = 'force-dynamic';

const LIMIT = 50;
const STATUSES = ['active', 'gone', 'blocked', 'error', 'paused'];

export default async function AdminDocumentsPage({ searchParams }: { searchParams: Promise<Record<string, string | undefined>> }) {
  await requireAdmin();
  const sp = await searchParams;
  const current: Record<string, string | undefined> = {};
  for (const k of ['connector', 'status', 'q', 'offset']) if (sp[k]) current[k] = sp[k];
  const offset = Math.max(0, Number(current.offset) || 0);
  const [docs, connectors] = await Promise.all([load(adminApi.documents({ connector: current.connector, status: current.status, q: current.q, limit: LIMIT, offset })), load(adminApi.connectors())]);
  const names = connectors.ok ? connectors.data.items.map((c) => c.name).sort() : [];
  const href = (patch: Record<string, string | number | undefined | null>) => withParams('/admin/documents', current, patch);
  return (
    <>
      <AdminTitle title="Documents" count={docs.ok ? fmtInt(docs.data.total) : undefined} />
      <AdminFilters
        action="/admin/documents"
        className="mb-4"
        fields={[
          { kind: 'select', name: 'connector', label: 'Connector', value: current.connector, options: names.map((n) => ({ value: n, label: n })) },
          { kind: 'select', name: 'status', label: 'Status', value: current.status, options: STATUSES.map((s) => ({ value: s, label: s })) },
          { kind: 'text', name: 'q', label: 'URL / title', value: current.q, placeholder: 'contains…' },
        ]}
      />
      {!docs.ok ? (
        <Unavailable what="Documents" reason={docs.error} />
      ) : (
        <>
          <DataTable compact scroll caption="Documents">
            <thead>
              <tr>
                <Th>Document</Th>
                <Th>Connector</Th>
                <Th>Type</Th>
                <Th>Entity</Th>
                <Th>Fetched</Th>
                <Th num>HTTP</Th>
                <Th num>Snaps</Th>
                <Th num>Changes</Th>
                <Th num>Fails</Th>
                <Th>Status</Th>
                <Th>Processing</Th>
              </tr>
            </thead>
            <tbody>
              {docs.data.items.length === 0 && <EmptyRow cols={11}>No documents match.</EmptyRow>}
              {docs.data.items.map((d) => (
                <tr key={d.id}>
                  <Td>
                    <Link href={`/admin/documents/${encodeURIComponent(d.id)}`} className="block max-w-[22rem] truncate text-xs font-medium text-ink hover:text-accent" title={d.title ?? d.url}>
                      {d.title ?? d.url.replace(/^https?:\/\/(www\.)?/, '')}
                    </Link>
                    <span className="block max-w-[22rem] truncate text-[11px] text-ink-3" title={d.url}>{d.url.replace(/^https?:\/\/(www\.)?/, '')}</span>
                  </Td>
                  <Td><Mono>{d.connector_name ?? '—'}</Mono></Td>
                  <Td><Mono>{d.doc_type ?? '—'}</Mono></Td>
                  <Td className="text-xs">
                    {d.entity_slug && d.entity_type ? (
                      <Link href={routes.entity({ entity_type: d.entity_type, slug: d.entity_slug })} className="text-ink-2 hover:text-accent" title={d.entity_id ?? undefined}>
                        {d.entity_name ?? d.entity_slug}
                      </Link>
                    ) : (
                      <span className="text-ink-3">—</span>
                    )}
                  </Td>
                  <Td className="text-xs" title={fmtDateTime(d.last_fetched_at)}><LiveAgo at={d.last_fetched_at} /></Td>
                  <Td num className={`tnum text-xs ${(num(d.last_status) ?? 0) >= 400 ? 'text-danger' : 'text-ink-2'}`}>{fmtInt(d.last_status)}</Td>
                  <Td num className="tnum text-xs">{typeof d.snapshots === 'number' ? fmtInt(d.snapshots) : Array.isArray(d.snapshots) ? fmtInt(d.snapshots.length) : '—'}</Td>
                  <Td num className="tnum text-xs">{fmtInt(d.change_count)}</Td>
                  <Td num className={`tnum text-xs ${num(d.fail_count) ? 'text-danger' : 'text-ink-2'}`}>{fmtInt(d.fail_count)}</Td>
                  <Td><StatusChip value={d.status} /></Td>
                  <Td><StatusChip value={d.last_processing_status ?? null} /></Td>
                </tr>
              ))}
            </tbody>
          </DataTable>
          <Pagination total={docs.data.total} limit={LIMIT} offset={offset} makeHref={(o) => href({ offset: o || undefined })} className="mt-4" />
        </>
      )}
    </>
  );
}