import { getTranslations } from "next-intl/server";
import { Link } from "@/i18n/navigation";

export default async function AdminHomePage() {
  const t = await getTranslations("admin");

  return (
    <div>
      <h1 className="font-[family-name:var(--font-display)] text-3xl text-foreground">
        {t("overviewTitle")}
      </h1>
      <p className="mt-3 max-w-xl text-muted">{t("overviewLead")}</p>
      <ul className="mt-10 grid gap-4 sm:grid-cols-2">
        <Link
          href="/admin/content"
          className="rounded-xl border border-border bg-card/50 p-6 transition hover:border-gold"
        >
          <span className="font-medium text-gold">{t("nav.content")}</span>
          <p className="mt-2 text-sm text-muted">{t("contentTitle")}</p>
        </Link>
        <Link
          href="/admin/gallery"
          className="rounded-xl border border-border bg-card/50 p-6 transition hover:border-gold"
        >
          <span className="font-medium text-gold">{t("nav.gallery")}</span>
          <p className="mt-2 text-sm text-muted">{t("galleryTitle")}</p>
        </Link>
        <Link
          href="/admin/reservations"
          className="rounded-xl border border-border bg-card/50 p-6 transition hover:border-gold"
        >
          <span className="font-medium text-gold">{t("nav.reservations")}</span>
          <p className="mt-2 text-sm text-muted">{t("reservationsTitle")}</p>
        </Link>
      </ul>
    </div>
  );
}
