import type { Metadata } from "next";
import Link from "next/link";
import { MailCheck } from "lucide-react";
import { getUser } from "@/lib/session";
import { AuthCard } from "@/components/auth/auth-card";
import { Button } from "@/components/ui/button";
import { ResendVerificationButton } from "@/components/dashboard/resend-verification";
import { Alert } from "@/components/ui/alert";

export const metadata: Metadata = { title: "Verify your email" };

export default async function VerifyEmailPage({ searchParams }: { searchParams: Promise<{ error?: string }> }) {
  const sp = await searchParams;
  const user = await getUser();
  if (user?.emailVerified) {
    return (
      <AuthCard title="Email verified" description="Your account is fully activated.">
        <div className="flex items-center gap-3 rounded-lg border border-border bg-bg-subtle p-4 text-[13.5px]"><MailCheck className="size-5 text-success" /> Production API access is unlocked.</div>
        <Button asChild className="mt-4 w-full"><Link href="/dashboard">Go to the dashboard</Link></Button>
      </AuthCard>
    );
  }
  return (
    <AuthCard title="Verify your email" description={user ? <>We sent a link to <strong className="text-fg">{user.email}</strong>. Open it to activate production API access.</> : "Log in to resend the verification email."}>
      {sp.error ? <Alert variant="warning" className="mb-4">The verification link is invalid or expired. Request a new one below.</Alert> : null}
      {user ? (
        <div className="flex flex-col gap-2">
          <ResendVerificationButton email={user.email} variant="primary" size="default" />
          <Button asChild variant="outline"><Link href="/dashboard">Continue to the dashboard</Link></Button>
        </div>
      ) : (
        <Button asChild className="w-full"><Link href="/login">Log in</Link></Button>
      )}
    </AuthCard>
  );
}