import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { isValidVerificationToken } from "@/actions/email-verify";
import { ContentCard, EmptyState } from "@/components/public/ui";
import { prisma } from "@/lib/prisma";

// Reads + writes the live users table — must never be statically rendered.
export const dynamic = "force-dynamic";

type Status = "verified" | "already" | "invalid" | "unavailable";

export default async function VerifyPage({
  searchParams,
}: {
  searchParams: Promise<{ token?: string; email?: string }>;
}) {
  const t = await getTranslations("pages.verify");
  // Next 16: searchParams is a Promise.
  const { token = "", email = "" } = await searchParams;
  const normalisedEmail = email.trim().toLowerCase();

  let status: Status = "invalid";

  if (normalisedEmail && token) {
    const ok = await isValidVerificationToken(normalisedEmail, token);
    if (ok) {
      try {
        // mail is VARCHAR(500) and not unique in the emulator schema, so match
        // on the email and flip any matching unverified account(s).
        const user = await prisma.user.findFirst({
          where: { mail: normalisedEmail },
          select: { id: true, mailVerified: true },
        });
        if (!user) {
          status = "invalid";
        } else if (user.mailVerified === "1") {
          status = "already";
        } else {
          await prisma.user.update({
            where: { id: user.id },
            // users.mail_verified is a String flag ('0' / '1').
            data: { mailVerified: "1" },
          });
          status = "verified";
        }
      } catch {
        // DB unreachable — don't claim success.
        status = "unavailable";
      }
    } else {
      status = "invalid";
    }
  }

  return (
    <main style={{ maxWidth: 480, margin: "2rem auto" }}>
      {status === "verified" ? (
        <ContentCard icon="✅" title={t("verifiedTitle")} subtitle={t("verifiedSubtitle")}>
          <p className="muted" style={{ marginTop: 0 }}>
            {t("verifiedBody")}
          </p>
          <Link href="/login" className="btn btn-primary">
            {t("goToLogin")}
          </Link>
        </ContentCard>
      ) : status === "already" ? (
        <ContentCard icon="✅" title={t("alreadyTitle")} subtitle={t("alreadySubtitle")}>
          <p className="muted" style={{ marginTop: 0 }}>
            {t("alreadyBody")}
          </p>
          <Link href="/login" className="btn btn-primary">
            {t("goToLogin")}
          </Link>
        </ContentCard>
      ) : status === "unavailable" ? (
        <ContentCard icon="⏳" title={t("unavailableTitle")} subtitle={t("unavailableSubtitle")}>
          <p className="muted" style={{ margin: 0 }}>
            {t("unavailableBody")}
          </p>
        </ContentCard>
      ) : (
        <ContentCard icon="📧" title={t("invalidTitle")} subtitle={t("invalidSubtitle")}>
          <EmptyState icon="🔗">
            {t("invalidBody")}
          </EmptyState>
          <div style={{ textAlign: "center" }}>
            <Link href="/login" className="btn btn-outline">
              {t("backToLogin")}
            </Link>
          </div>
        </ContentCard>
      )}
    </main>
  );
}