import Link from "next/link";
import { requireUserPage } from "@/lib/auth/guard";
import { csrfToken, maybeRotate } from "@/lib/auth/session";
import { accountAction } from "@/lib/admin/actions";
export const dynamic = "force-dynamic";
const NAV: [string, string][] = [["/admin", "Dashboard"], ["/admin/papers", "Papers"], ["/admin/ingest", "Ingestion"], ["/admin/taxonomy", "Taxonomy"], ["/admin/analytics", "Analytics"], ["/admin/audit", "Audit log"], ["/admin/system", "System"], ["/admin/settings", "Settings"], ["/admin/account", "Account"]];
export default async function AdminLayout({ children }: { children: React.ReactNode }) {
  const u = await requireUserPage(); await maybeRotate(u);
  return (
    <div className="min-h-dvh grid lg:grid-cols-[14rem_1fr]">
      <aside className="border-b lg:border-b-0 lg:border-r border-line bg-bg-3/50 p-4 lg:sticky lg:top-0 lg:h-dvh overflow-auto">
        <Link href="/" className="serif text-lg text-fg no-underline">Research Working Papers</Link><p className="text-xs text-fg-3 mb-4">Administration · {u.email}</p>
        <nav className="flex lg:flex-col flex-wrap gap-1 text-sm">{NAV.map(([h, l]) => <Link key={h} href={h} prefetch={false} className="px-2.5 py-1.5 rounded-md text-fg-2 no-underline hover:bg-bg-2 hover:text-fg">{l}</Link>)}
          <form action={accountAction} className="mt-2"><input type="hidden" name="_csrf" value={csrfToken(u)} /><input type="hidden" name="op" value="logout" /><button className="px-2.5 py-1.5 rounded-md text-fg-3 hover:bg-bg-2 hover:text-fg w-full text-left">Sign out</button></form>
        </nav>
        {u.mustChangePassword && <p className="mt-4 text-xs text-bad">Change your initial password in Account.</p>}
        {!u.totpEnabled && <p className="mt-2 text-xs text-warn">Two-factor authentication is off. Enable it in Account.</p>}
      </aside>
      <main className="p-4 sm:p-8 min-w-0">{children}</main>
    </div>
  );
}