import type { Metadata } from 'next';
import { ActionButton, AdminFilters, AdminTitle, Mono, Notice, StatusChip, Trunc } from '@/components/admin/ui';
import { DataTable, EmptyRow, Td, Th } from '@/components/ui/data-table';
import { LiveAgo } from '@/components/ui/live';
import { Unavailable } from '@/components/ui/unavailable';
import { requeueDeadAction, retryJobAction } from '@/lib/admin/actions';
import { adminApi, load, requireAdmin } from '@/lib/admin/admin-api';
import { fmtDateTime, fmtInt } from '@/lib/format';

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

const STATUSES = ['queued', 'running', 'done', 'failed', 'dead'];

function payloadSummary(p: Record<string, unknown>): string {
  return Object.entries(p ?? {})
    .filter(([, v]) => v !== null && v !== undefined && v !== '')
    .map(([k, v]) => `${k}=${typeof v === 'object' ? JSON.stringify(v) : String(v)}`)
    .join(' · ');
}

export default async function AdminJobsPage({ searchParams }: { searchParams: Promise<Record<string, string | undefined>> }) {
  await requireAdmin();
  const sp = await searchParams;
  const ret = `/admin/jobs${sp.status || sp.kind ? `?${new URLSearchParams(Object.fromEntries(Object.entries({ status: sp.status, kind: sp.kind }).filter(([, v]) => v)) as Record<string, string>).toString()}` : ''}`;
  const res = await load(adminApi.jobs({ status: sp.status, kind: sp.kind, limit: 200 }));
  const kinds = res.ok ? Object.keys(res.data.depth ?? {}) : [];
  return (
    <>
      <AdminTitle title="Jobs" count={res.ok ? fmtInt(res.data.total) : undefined}>
        <form action={requeueDeadAction}>
          <input type="hidden" name="return" value={ret} />
          <ActionButton tone="accent" title="Move every dead job back to the queue">Requeue dead</ActionButton>
        </form>
      </AdminTitle>
      <Notice notice={sp.notice} level={sp.level} />
      {res.ok && res.data.depth && Object.keys(res.data.depth).length > 0 && (
        <ul className="mb-4 flex flex-wrap gap-x-4 gap-y-1 text-xs">
          {Object.entries(res.data.depth).map(([kind, byStatus]) => (
            <li key={kind} className="flex flex-wrap items-center gap-1.5">
              <Mono className="text-ink">{kind}</Mono>
              {Object.entries(byStatus).map(([st, n]) => (
                <a key={st} href={`/admin/jobs?kind=${encodeURIComponent(kind)}&status=${encodeURIComponent(st)}`} className="inline-flex items-center gap-1 hover:underline">
                  <StatusChip value={st} /> <span className="tnum text-ink-2">{fmtInt(n)}</span>
                </a>
              ))}
            </li>
          ))}
        </ul>
      )}
      <AdminFilters
        action="/admin/jobs"
        className="mb-4"
        fields={[
          { kind: 'select', name: 'kind', label: 'Kind', value: sp.kind, options: (kinds.length ? kinds : ['llm_extract', 'reprocess_snapshot']).map((k) => ({ value: k, label: k })) },
          { kind: 'select', name: 'status', label: 'Status', value: sp.status, options: STATUSES.map((s) => ({ value: s, label: s })) },
        ]}
      />
      {!res.ok ? (
        <Unavailable what="Jobs" reason={res.error} />
      ) : (
        <DataTable compact scroll caption="Job queue">
          <thead>
            <tr>
              <Th>Job</Th>
              <Th>Kind</Th>
              <Th>Status</Th>
              <Th num>Prio</Th>
              <Th num>Attempts</Th>
              <Th>Run after</Th>
              <Th>Locked by</Th>
              <Th>Started</Th>
              <Th>Finished</Th>
              <Th>Error</Th>
              <Th>Action</Th>
            </tr>
          </thead>
          <tbody>
            {res.data.items.length === 0 && <EmptyRow cols={11}>No jobs match.</EmptyRow>}
            {res.data.items.map((j) => (
              <tr key={j.id}>
                <Td><Mono title={payloadSummary(j.payload)}>{j.id}</Mono></Td>
                <Td><Mono className="text-ink">{j.kind}</Mono></Td>
                <Td><StatusChip value={j.status} /></Td>
                <Td num className="tnum text-xs">{fmtInt(j.priority)}</Td>
                <Td num className="tnum text-xs">{fmtInt(j.attempts)} / {fmtInt(j.max_attempts)}</Td>
                <Td className="text-xs text-ink-2" title={fmtDateTime(j.run_after)}>{j.run_after ? <LiveAgo at={j.run_after} /> : '—'}</Td>
                <Td className="text-xs text-ink-2"><Trunc text={j.locked_by} max={28} /></Td>
                <Td className="text-xs" title={fmtDateTime(j.started_at)}>{j.started_at ? <LiveAgo at={j.started_at} /> : <span className="text-ink-3">—</span>}</Td>
                <Td className="text-xs" title={fmtDateTime(j.finished_at)}>{j.finished_at ? <LiveAgo at={j.finished_at} /> : <span className="text-ink-3">—</span>}</Td>
                <Td className="text-xs text-danger"><Trunc text={j.error} max={60} /></Td>
                <Td>
                  {(j.status === 'failed' || j.status === 'dead') && (
                    <form action={retryJobAction}>
                      <input type="hidden" name="id" value={j.id} />
                      <input type="hidden" name="return" value={ret} />
                      <ActionButton tone="accent">Retry</ActionButton>
                    </form>
                  )}
                </Td>
              </tr>
            ))}
          </tbody>
        </DataTable>
      )}
    </>
  );
}