import { adminLogin } from '@/lib/admin/actions';

export default async function AdminLoginPage({ searchParams }: { searchParams: Promise<{ error?: string; next?: string }> }) {
  const sp = await searchParams;
  return (
    <div className="mx-auto mt-16 max-w-sm">
      <div className="card p-6">
        <p className="text-[10px] font-semibold uppercase tracking-wider text-subtle">Admin</p>
        <h1 className="mt-1 text-lg font-semibold">Connector control center</h1>
        <p className="mt-1 text-xs text-muted">Enter the server admin token. The token is exchanged for a signed, httpOnly cookie valid 12 hours.</p>
        <form action={adminLogin} className="mt-4 space-y-3">
          <input type="hidden" name="next" value={sp.next ?? '/admin'} />
          <input name="token" type="password" autoComplete="current-password" required placeholder="ADMIN_TOKEN" className="w-full rounded-md border border-border bg-sunken px-3 py-2 text-sm focus:border-border-strong focus:outline-none" />
          {sp.error ? <p className="rounded-md bg-loss-bg px-3 py-2 text-xs text-loss">{sp.error}</p> : null}
          <button type="submit" className="w-full rounded-md bg-accent px-3 py-2 text-sm font-medium text-accent-fg">Sign in</button>
        </form>
      </div>
    </div>
  );
}