import type { Metadata } from 'next';
import Link from 'next/link';
import { redirect } from 'next/navigation';
import { getPending } from '@/lib/auth/pending';
import { VerifyForm } from './verify-form';

export const metadata: Metadata = { title: 'Confirm your e-mail', robots: { index: false } };

export default async function VerifyPage() {
  const p = await getPending();
  if (!p) redirect('/login?expired=1');
  if (p.stage !== 'verify') redirect('/mfa');
  return (
    <>
      <h1 className="text-xl font-semibold tracking-tight">Confirm your e-mail</h1>
      <p className="mt-1 text-sm text-muted">
        We sent a 6-digit code to <span className="font-medium text-fg">{p.email}</span>. It expires in 10 minutes.
      </p>
      <VerifyForm />
      <p className="mt-6 text-center text-xs text-muted">
        Wrong address?{' '}
        <Link href="/signup" className="font-medium text-fg underline-offset-4 hover:underline">
          Start over
        </Link>
      </p>
    </>
  );
}