import Link from "next/link";
import { ArrowDown, ArrowUp, Globe } from "lucide-react";
import { requireAdmin } from "@/lib/session";
import { listDomains, pageNum, str, DOMAIN_SORTS } from "@/lib/queries/admin";
import { formatMs, formatNumber, formatPercent } from "@/lib/format";
import { PageHeader } from "@/components/ui/page-header";
import { Badge } from "@/components/ui/badge";
import { EmptyState } from "@/components/ui/empty-state";
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
import { DateCell, NetworkBadge, Pagination, Panel, ProviderBadge, SearchForm, numCell } from "@/components/admin/primitives";

export const dynamic = "force-dynamic";

const COLS: Array<{ key: (typeof DOMAIN_SORTS)[number]; label: string; right?: boolean }> = [
  { key: "domain", label: "Domain" },
  { key: "requests", label: "Requests", right: true },
  { key: "successRate", label: "Success", right: true },
  { key: "blockRate", label: "Blocked", right: true },
  { key: "captchaRate", label: "Captcha", right: true },
  { key: "avgLatencyMs", label: "Avg latency", right: true },
];

export default async function AdminDomainsPage({ searchParams }: { searchParams: Promise<Record<string, string | string[] | undefined>> }) {
  await requireAdmin();
  const sp = await searchParams;
  const q = str(sp.q);
  const sort = str(sp.sort);
  const dir = str(sp.dir);
  const page = pageNum(sp.page);
  const data = await listDomains({ q: q || undefined, sort: sort || undefined, dir: dir || undefined, page });

  const sortHref = (key: string) => {
    const nextDir = data.sort === key && data.dir === "desc" ? "asc" : "desc";
    const p = new URLSearchParams();
    if (q) p.set("q", q);
    p.set("sort", key);
    p.set("dir", nextDir);
    return `/admin/domains?${p.toString()}`;
  };

  return (
    <>
      <PageHeader eyebrow="Intelligence" title="Domains" description={`${formatNumber(data.total)} learned domain profiles. Click a column to sort.`} actions={<SearchForm action="/admin/domains" q={q} placeholder="domain contains…" hidden={{ sort: data.sort, dir: data.dir }} />} />
      <Panel flush>
        {data.total === 0 ? (
          <div className="p-4">
            <EmptyState icon={Globe} title={q ? "No domains match" : "No domain profiles yet"} description="Profiles are created automatically after the first request to a domain." compact />
          </div>
        ) : (
          <>
            <Table>
              <TableHeader>
                <TableRow>
                  {COLS.map((c) => (
                    <TableHead key={c.key} className={c.right ? "text-right" : undefined} aria-sort={data.sort === c.key ? (data.dir === "asc" ? "ascending" : "descending") : "none"}>
                      <Link href={sortHref(c.key)} className="inline-flex items-center gap-1 hover:text-fg">
                        {c.label}
                        {data.sort === c.key ? data.dir === "asc" ? <ArrowUp className="size-3" /> : <ArrowDown className="size-3" /> : null}
                      </Link>
                    </TableHead>
                  ))}
                  <TableHead>Preferred route</TableHead>
                  <TableHead>Policy</TableHead>
                  <TableHead className="text-right" aria-sort={data.sort === "lastSeenAt" ? (data.dir === "asc" ? "ascending" : "descending") : "none"}>
                    <Link href={sortHref("lastSeenAt")} className="inline-flex items-center gap-1 hover:text-fg">
                      Last seen
                      {data.sort === "lastSeenAt" ? data.dir === "asc" ? <ArrowUp className="size-3" /> : <ArrowDown className="size-3" /> : null}
                    </Link>
                  </TableHead>
                </TableRow>
              </TableHeader>
              <TableBody>
                {data.rows.map((d) => (
                  <TableRow key={d.domain}>
                    <TableCell>
                      <Link href={`/admin/domains/${encodeURIComponent(d.domain)}`} className="font-medium hover:underline">
                        {d.domain}
                      </Link>
                    </TableCell>
                    <TableCell className={numCell}>{formatNumber(d.requests)}</TableCell>
                    <TableCell className={numCell}>{formatPercent(d.successRate)}</TableCell>
                    <TableCell className={numCell}>{formatPercent(d.blockRate)}</TableCell>
                    <TableCell className={numCell}>{formatPercent(d.captchaRate)}</TableCell>
                    <TableCell className={numCell}>{formatMs(d.avgLatencyMs)}</TableCell>
                    <TableCell>
                      <span className="inline-flex items-center gap-1.5">
                        <ProviderBadge id={d.preferredProvider} />
                        <NetworkBadge network={d.preferredNetwork} />
                      </span>
                    </TableCell>
                    <TableCell>
                      {d.policy?.force_network ? <Badge variant="warning">force {d.policy.force_network}</Badge> : null}
                      {d.policy?.order?.length ? <Badge variant="info" className="ml-1">pinned {d.policy.order.length}</Badge> : null}
                      {!d.policy?.force_network && !d.policy?.order?.length ? <span className="text-fg-subtle">—</span> : null}
                    </TableCell>
                    <TableCell className="text-right">
                      <DateCell value={d.lastSeenAt} />
                    </TableCell>
                  </TableRow>
                ))}
              </TableBody>
            </Table>
            <Pagination page={data.page} pages={data.pages} total={data.total} pageSize={data.pageSize} basePath="/admin/domains" params={{ q, sort: data.sort, dir: data.dir }} />
          </>
        )}
      </Panel>
    </>
  );
}