import { notFound } from 'next/navigation'
import Header from '../../../components/Header'
import Footer from '../../../components/Footer'
import { isLocale, localePath, type Locale } from '@/lib/i18n'
import { getCommonContent, getHomeContent } from '@/lib/payload-content'
import { siteConfig, getMainNavigation, getFooterNavigation, getFooterLegalLinks, getSiteDescription } from '@/config/site'

// WHY force-dynamic (MITHOME-97): ezek az oldalak a Payload Local API-t hívják
// (élő MongoDB-olvasás). generateStaticParams + SSG mellett a build időben
// sütött ki minden oldal, és a Payload adminban végzett publikálás csak egy
// teljes redeploy után jelent volna meg a publikus oldalon — ez pont az
// ellentéte az önkiszolgáló szerkesztés céljának, amiért a Payload-migráció
// történt. force-dynamic-kal minden kérés friss Payload-olvasást kap, és a
// Docker build sem függ többé egy build-idejű MongoDB-kapcsolattól.
export const dynamic = 'force-dynamic'

export default async function LocaleLayout({
  children,
  params,
}: {
  children: React.ReactNode
  params: Promise<{ locale: string }>
}) {
  const { locale: rawLocale } = await params
  if (!isLocale(rawLocale)) notFound()
  const locale: Locale = rawLocale

  const [common, home] = await Promise.all([
    getCommonContent(locale),
    getHomeContent(locale),
  ])

  const isStaging = process.env.NEXT_PUBLIC_DEPLOY_ENV === 'staging'

  return (
    <>
      {isStaging && (
        <div className="bg-amber-400 px-4 py-2 text-center text-xs font-extrabold tracking-[0.18em] text-amber-950 sm:text-sm">
          {common.staging.banner}
        </div>
      )}
      <Header
        nav={getMainNavigation(locale)}
        homeHref={localePath(locale)}
        a11y={common.a11y}
      />
      <main className="flex-1">
        {children}
      </main>
      <Footer
        nav={getFooterNavigation(locale)}
        legalLinks={getFooterLegalLinks(locale)}
        homeHref={localePath(locale)}
        description={getSiteDescription(locale)}
        contactEmail={siteConfig.contact.email}
        footerAddress={common.footer.address}
        footerCopyright={common.footer.copyright}
        homeServices={home.services.items.map((item) => ({ id: item.id, title: item.title, icon: item.icon }))}
        locale={locale}
      />
    </>
  )
}