import type { Metadata } from "next";
import { Award } from "lucide-react";
import CertificateVerifyForm from "@/components/certificates/CertificateVerifyForm";
import { getTranslations } from "next-intl/server";

export const metadata: Metadata = {
  title: "Verify Certificate",
  description:
    "Verify the authenticity of any Petro-Base Group inspection certificate. Enter a certificate number to instantly retrieve equipment details, inspection dates, and validity status.",
  openGraph: {
    title: "Verify Certificate | Petro-Base Group",
    description:
      "Verify the authenticity of any Petro-Base Group inspection certificate. Enter a certificate number to instantly retrieve equipment details, inspection dates, and validity status.",
    type: "website",
  },
  robots: "index, follow",
};

export default async function VerifyCertificatePage() {
  const t = await getTranslations("certificate");
  return (
    <div className="min-h-screen bg-primary flex flex-col items-center justify-center px-6">
      <div className="w-full max-w-md text-center">
        <div className="w-14 h-14 rounded-full bg-white/10 flex items-center justify-center mx-auto mb-6">
          <Award className="w-7 h-7 text-accent" />
        </div>
        <h1 className="text-2xl font-bold text-primary-foreground">{t("verifyTitle")}</h1>
        <p className="text-primary-foreground/60 mt-2 text-sm">
          {t("verifySubtitle")}
        </p>

        <CertificateVerifyForm />
      </div>
    </div>
  );
}