import type { Metadata } from 'next';
import { redirect } from 'next/navigation';
import { t } from '@/i18n';
import { isAdminAuthed, isAdminConfigured } from '@/lib/admin-auth';
import { routes } from '@/lib/site';
import { loginAction } from '../actions';

export const metadata: Metadata = { title: t('admin.login.title'), robots: { index: false, follow: false } };
export const dynamic = 'force-dynamic';

export default async function AdminLoginPage({ searchParams }: { searchParams: Promise<{ error?: string; next?: string }> }) {
  const sp = await searchParams;
  if (await isAdminAuthed()) redirect(routes.admin());
  const configured = isAdminConfigured();
  return (
    <div className="mx-auto max-w-sm py-16">
      <div className="eyebrow">{t('admin.title')}</div>
      <h1 className="display mt-1 text-3xl text-ink">{t('admin.login.title')}</h1>
      <p className="mt-2 text-sm text-ink-2">{t('admin.login.sub')}</p>
      {!configured ? (
        <p className="mt-4 rounded-sm border border-warn/40 px-3 py-2 text-sm text-warn">{t('admin.login.notConfigured')}</p>
      ) : (
        <form action={loginAction} className="mt-6 space-y-3">
          <input type="hidden" name="next" value={sp.next ?? routes.admin()} />
          <label className="block text-sm">
            <span className="mb-1 block text-xs font-medium text-ink-2">{t('admin.login.token')}</span>
            <input name="token" type="password" autoComplete="current-password" required autoFocus className="h-11 w-full rounded-sm border border-rule bg-surface px-3 font-mono text-sm outline-none focus:border-accent" />
          </label>
          {sp.error ? <p className="text-sm text-down">{t('admin.login.error')}</p> : null}
          <button type="submit" className="inline-flex h-11 w-full items-center justify-center rounded-sm bg-ink px-4 text-sm font-medium text-paper hover:bg-accent hover:text-accent-ink">
            {t('admin.login.submit')}
          </button>
        </form>
      )}
    </div>
  );
}