import Link from "next/link";
import { de } from "@/lib/i18n/de";

export const metadata = { title: "Administration — FlorianNetz" };

const CARDS = [
  { href: "/admin/merkmale", label: de.admin.navMerkmale },
  { href: "/admin/merkmale/proposals", label: de.admin.navVorschlaege },
  { href: "/admin/vorlagen", label: de.admin.navVorlagen },
  { href: "/admin/geraete-kategorien", label: de.admin.navKategorien },
  { href: "/admin/wehren", label: de.admin.navWehren },
  { href: "/admin/audit", label: de.admin.navAudit },
] as const;

export default function AdminHomePage() {
  return (
    <div>
      <h1 className="mb-6 font-display text-2xl text-navy">{de.admin.titel}</h1>
      <div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
        {CARDS.map((c) => (
          <Link
            key={c.href}
            href={c.href}
            className="rounded border border-rand bg-white px-5 py-4 text-anthrazit transition-colors hover:border-navy/40 hover:bg-nebel"
          >
            <span className="font-medium">{c.label}</span>
          </Link>
        ))}
      </div>
    </div>
  );
}
