import type { Metadata } from "next";
import { PortalFooter, PortalHeader } from "../PortalChrome";
import VerificationClient from "./VerificationClient";
import "../portal.css";

export const metadata: Metadata = {
  title: "Verificar documento | Documenta",
  description: "Consulta un código documental en las fuentes de verificación conectadas a Documenta.",
  alternates: { canonical: "https://documenta.cl/verificar" },
};

export default async function VerificationPage({ searchParams }: { searchParams: Promise<{ codigo?: string }> }) {
  const params = await searchParams;
  const initialCode = typeof params.codigo === "string" ? params.codigo.slice(0, 120) : "";
  return <div className="portal-site verification-site">
    <a className="portal-skip" href="#contenido">Saltar al contenido</a>
    <PortalHeader />
    <main id="contenido" className="verification-page">
      <VerificationClient initialCode={initialCode} />
    </main>
    <PortalFooter />
  </div>;
}