import { getTranslations } from "next-intl/server";
import LeagueDetailContent from "@/components/leagues/league-detail-content";

import { Metadata } from "next";

export async function generateMetadata(props: {
  params: Promise<{ locale: string; id: string }>;
}): Promise<Metadata> {
  const params = await props.params;
  const { locale, id } = params;
  const t = await getTranslations({ locale, namespace: "seo" });
  const siteUrl = process.env.NEXT_PUBLIC_APP_URL || "https://iddaai.com";

  const pathSegment = `leagues/${id}`;

  return {
    title: `${t("leagues.title")} - Detay`,
    description: t("leagues.description"),
    alternates: {
      canonical: `${siteUrl}/${locale}/${pathSegment}`,
      languages: {
        en: `${siteUrl}/en/${pathSegment}`,
        tr: `${siteUrl}/tr/${pathSegment}`,
      },
    },
  };
}

export default async function LeagueDetailPage(props: {
  params: Promise<{ id: string }>;
}) {
  const { id } = await props.params;
  return <LeagueDetailContent leagueId={id} />;
}
