import IntentLink from "@/components/IntentLink";
import type { Metadata } from "next";
import { ArrowLeft, ArrowRight, BadgeCheck, FileCheck2, ShieldCheck } from "lucide-react";
import Navbar from "@/components/Navbar";
import Footer from "@/components/Footer";
import JsonLdScript from "@/components/JsonLdScript";
import { buildLocalizedPageMetadata } from "@/lib/seo";
import { buildCertificatesStructuredData } from "@/lib/public-page-seo";

const text = {
  tr: { back: "Ana sayfa", eyebrow: "Kalite belgeleri", title: "Sertifikalarımız", desc: "Ürün uygunluk belgeleri ve güncel sertifika dosyaları, ürün ve pazar gereksinimine göre kurumsal talep üzerine paylaşılır.", conformity: "Uygunluk", documentation: "Dokümantasyon", note: "Bu alanda henüz indirilebilir sertifika dosyası yayımlanmadı. Yanlış veya süresi geçmiş belge göstermemek için güncel dosyaları doğrudan ekibimizden isteyebilirsiniz.", action: "Belge talep edin" },
  en: { back: "Home", eyebrow: "Quality documents", title: "Our Certificates", desc: "Product conformity documents and current certificates are shared upon corporate request according to product and market requirements.", conformity: "Conformity", documentation: "Documentation", note: "No downloadable certificate has been published here yet. Request current files directly from our team to avoid displaying obsolete documentation.", action: "Request documents" },
  ru: { back: "Главная", eyebrow: "Документы качества", title: "Наши сертификаты", desc: "Документы соответствия и актуальные сертификаты предоставляются по корпоративному запросу с учетом продукта и рынка.", conformity: "Соответствие", documentation: "Документация", note: "Файлы сертификатов пока не опубликованы. Запросите актуальные документы у нашей команды.", action: "Запросить документы" },
};

export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
  const { locale } = await params;
  const active = locale === "en" || locale === "ru" ? locale : "tr";
  const t = text[active];
  return buildLocalizedPageMetadata({
    locale: active,
    pathname: "/certificates",
    title: t.title,
    description: t.desc,
    image: "/brand/norden.png",
    imageAlt: `${t.title} — Norden`,
  });
}

export default async function CertificatesPage({ params }: { params: Promise<{ locale: string }> }) {
  const { locale } = await params; const active = locale === "en" || locale === "ru" ? locale : "tr"; const t = text[active];
  const structuredData = buildCertificatesStructuredData({ locale: active, name: t.title, description: t.desc, breadcrumbs: [{ name: t.back, pathname: "" }, { name: t.title, pathname: "/certificates" }] });
  return <div className="min-h-screen" style={{ background: "var(--surface-0)", color: "var(--fg-primary)" }}><JsonLdScript data={structuredData} /><Navbar logoUrl="/brand/norden.png" locale={active}/><main className="mx-auto flex min-h-[80vh] max-w-6xl items-center px-6 py-32 md:px-12"><div className="grid w-full gap-10 lg:grid-cols-[.8fr_1.2fr] lg:items-center"><div><IntentLink href={`/${active}`} className="inline-flex items-center gap-2 text-xs uppercase tracking-[.15em]" style={{ color: "var(--fg-muted)" }}><ArrowLeft size={14}/>{t.back}</IntentLink><p className="mt-14 text-xs uppercase tracking-[.2em]" style={{ color: "var(--ember)" }}>{t.eyebrow}</p><h1 className="mt-4 text-5xl font-medium tracking-[-.05em] md:text-7xl">{t.title}</h1><p className="mt-6 text-lg leading-8" style={{ color: "var(--fg-secondary)" }}>{t.desc}</p></div><div className="relative overflow-hidden rounded-[36px] border p-9 md:p-14" style={{ borderColor: "var(--border)", background: "var(--surface-1)" }}><BadgeCheck size={46} style={{ color: "var(--ember)" }}/><div className="mt-10 grid grid-cols-2 gap-3"><div className="rounded-2xl border p-5" style={{ borderColor: "var(--border)" }}><ShieldCheck/><span className="mt-4 block text-xs uppercase tracking-widest">{t.conformity}</span></div><div className="rounded-2xl border p-5" style={{ borderColor: "var(--border)" }}><FileCheck2/><span className="mt-4 block text-xs uppercase tracking-widest">{t.documentation}</span></div></div><p className="mt-8 text-sm leading-7" style={{ color: "var(--fg-secondary)" }}>{t.note}</p><IntentLink href={`/${active}#contact`} className="mt-8 inline-flex min-h-11 items-center gap-2 text-xs font-medium uppercase tracking-[.15em]" style={{ color: "var(--ember)" }}>{t.action}<ArrowRight size={14}/></IntentLink></div></div></main><Footer/></div>;
}