import type { Metadata } from 'next'
import HomeView from '@/components/views/HomeView'
import { isLocale, type Locale } from '@/lib/i18n'
import { getHomeContent, getPartners } from '@/lib/payload-content'
import { siteConfig, getSiteDescription, getOgLocale } from '@/config/site'
import { notFound } from 'next/navigation'

type Params = { locale: string }

// WHY force-dynamic: lásd [slug]/page.tsx és ../layout.tsx.
export const dynamic = 'force-dynamic'

export async function generateMetadata({ params }: { params: Promise<Params> }): Promise<Metadata> {
  const { locale: rawLocale } = await params
  if (!isLocale(rawLocale)) return {}
  const locale: Locale = rawLocale
  const description = getSiteDescription(locale)
  return {
    title: `${siteConfig.general.name} | ${description}`,
    description,
    openGraph: {
      title: siteConfig.general.name,
      description,
      url: siteConfig.general.url,
      siteName: siteConfig.general.name,
      images: [{ url: siteConfig.general.ogImage, width: 1200, height: 630, alt: siteConfig.general.name }],
      locale: getOgLocale(locale),
      type: 'website',
    },
  }
}

export default async function HomePage({ params }: { params: Promise<Params> }) {
  const { locale: rawLocale } = await params
  if (!isLocale(rawLocale)) notFound()
  const locale: Locale = rawLocale

  const [content, partners] = await Promise.all([
    getHomeContent(locale),
    getPartners(),
  ])

  return <HomeView content={content} partners={partners} locale={locale} />
}