import Header from "@/components/Header";
import { UnderConstruction } from "@/components/under-construction";
import { getTranslations } from "next-intl/server";
import type { Metadata } from "next";

export async function generateMetadata({
  params,
}: {
  params: Promise<{ locale: string }>;
}): Promise<Metadata> {
  const { locale } = await params;
  const t = await getTranslations({ locale, namespace: "underConstruction" });

  const titles = {
    pt: "Mercado - Todos os Itens de Tibia",
    en: "Market - All Tibia Items",
  };

  const descriptions = {
    pt: "Explore todos os itens disponíveis no marketplace: armaduras, armas, escudos, poções e mais. Compre e venda com segurança usando nosso sistema de escrow.",
    en: "Explore all items available in the marketplace: armors, weapons, shields, potions and more. Buy and sell safely using our escrow system.",
  };

  return {
    title: titles[locale as keyof typeof titles],
    description: descriptions[locale as keyof typeof descriptions],
    keywords: [
      "itens tibia",
      "armaduras tibia",
      "armas tibia",
      "escudos tibia",
      "comprar itens tibia",
      "marketplace tibia",
    ],
  };
}

export default async function MarketPage({
  params,
}: {
  params: Promise<{ locale: string }>;
}) {
  const { locale } = await params;
  const t = await getTranslations({
    locale,
    namespace: "underConstruction.market",
  });

  return (
    <div className="min-h-screen">
      <Header />
      <UnderConstruction
        title={t("title")}
        description={t("description")}
        locale={locale}
      />
    </div>
  );
}