import type { Metadata } from 'next';
import { redirect } from 'next/navigation';
import { LogoMark } from '@/components/brand/logo';
import { Container } from '@/components/ui/section';
import { isAdmin, safeNextPath } from '@/lib/admin-auth';

export const metadata: Metadata = { title: 'Sign in', robots: { index: false, follow: false } };

export default async function AdminLoginPage({ searchParams }: { searchParams: Promise<{ error?: string; next?: string }> }) {
  const sp = await searchParams;
  const next = safeNextPath(sp.next);
  if (await isAdmin()) redirect(next);
  const error = sp.error === 'invalid' ? 'That token is not valid.' : sp.error === 'unconfigured' ? 'SI_ADMIN_TOKEN is not configured on the server — the admin is disabled.' : null;
  return (
    <Container className="flex min-h-[60vh] items-center justify-center py-12">
      <form method="post" action="/api/admin/login" className="w-full max-w-sm rounded-lg border border-rule bg-plane/60 p-6">
        <div className="flex items-center gap-2">
          <LogoMark size={22} className="text-ink" />
          <p className="eyebrow">SatelliteIndex admin</p>
        </div>
        <h1 className="mt-3 text-xl font-semibold tracking-tight">Sign in</h1>
        <p className="mt-1 text-sm text-ink-2">Paste the operator token. It is verified on the server and never stored in the browser — only a hashed session cookie is set.</p>
        <label htmlFor="token" className="eyebrow mt-5 block">
          Admin token
        </label>
        <input
          id="token"
          name="token"
          type="password"
          autoComplete="current-password"
          required
          autoFocus
          className="mono mt-1.5 block h-11 w-full rounded-md border border-rule bg-plane-2 px-3 text-sm text-ink outline-none focus:border-accent"
        />
        <input type="hidden" name="next" value={next} />
        {error && (
          <p role="alert" className="mt-3 text-sm text-danger">
            {error}
          </p>
        )}
        <button type="submit" className="mt-4 inline-flex h-11 w-full items-center justify-center rounded-md bg-accent text-sm font-semibold text-accent-ink hover:brightness-110">
          Continue
        </button>
      </form>
    </Container>
  );
}