import type { Metadata } from 'next';
import { redirect } from 'next/navigation';
import { getPending } from '@/lib/auth/pending';
import { MfaForm } from './mfa-form';

export const metadata: Metadata = { title: 'Two-step verification', robots: { index: false } };

export default async function MfaPage() {
  const p = await getPending();
  if (!p) redirect('/login?expired=1');
  if (p.stage === 'verify') redirect('/verify');
  return (
    <>
      <h1 className="text-xl font-semibold tracking-tight">Two-step verification</h1>
      <p className="mt-1 text-sm text-muted">{p.stage === 'totp' ? 'Enter the 6-digit code from your authenticator app.' : <>We e-mailed a 6-digit sign-in code to <span className="font-medium text-fg">{p.email}</span> because this device is new.</>}</p>
      <MfaForm stage={p.stage === 'totp' ? 'totp' : 'email_code'} />
    </>
  );
}