import type { Metadata } from 'next'
import { getTranslations, setRequestLocale } from 'next-intl/server'
import { notFound } from 'next/navigation'
import { getRealmName, realmSlug } from '@/lib/realm'
import { RealmInfo } from '@/components/RealmInfo'
import { StorePage } from '@/components/StorePage'
import { PlayersBoard } from '@/components/PlayersBoard'

export const dynamic = 'force-dynamic'

type Kind = 'realm' | 'players' | 'store'

// Rutas dinámicas del reino (el slug viene de acore_auth.realmlist):
//   /<slug>-realm    → información del reino (Rates/Horarios)
//   /<slug>-players  → estadísticas de personajes (datos reales de la BD)
//   /store-<slug>    → la tienda (así la nombra el original: /store-bennu)
// Cualquier otro valor cae en notFound(), y por eso /store a secas da 404: al no
// existir ya una ruta estática `store`, entra por aquí y no resuelve.
async function resolve(param: string): Promise<{ name: string; kind: Kind } | null> {
  const name = await getRealmName()
  const slug = realmSlug(name)
  if (param === `${slug}-realm`) return { name, kind: 'realm' }
  if (param === `${slug}-players`) return { name, kind: 'players' }
  if (param === `store-${slug}`) return { name, kind: 'store' }
  return null
}

export async function generateMetadata({
  params,
}: {
  params: Promise<{ locale: string; realm: string }>
}): Promise<Metadata> {
  const { realm } = await params
  const r = await resolve(realm)
  if (!r) return {}
  if (r.kind === 'store') {
    const t = await getTranslations({ locale: (await params).locale, namespace: 'Store' })
    return { title: `${t('title')} - ${r.name}` }
  }
  return { title: `${r.kind === 'players' ? 'Personajes' : 'Reino'} - ${r.name}` }
}

export default async function RealmPage({
  params,
}: {
  params: Promise<{ locale: string; realm: string }>
}) {
  const { locale, realm } = await params
  setRequestLocale(locale)
  const r = await resolve(realm)
  if (!r) notFound()
  // La tienda trae su propia cabecera y sus comprobaciones de sesión.
  if (r.kind === 'store') return <StorePage locale={locale} realm={r.name} />

  const t = await getTranslations('Misc')

  const heading = r.kind === 'players' ? t('realm.charactersHeading') : t('realm.realmHeading')

  return (
    <div className="main-page">
      <div className="middle-content">
        <div className="body-content">
          <div className="title-content">
            <h1>{heading} - <span className="blue-info">{r.name.toUpperCase()}</span></h1>
          </div>
          {r.kind === 'realm' ? <RealmInfo /> : <PlayersBoard />}
        </div>
      </div>
    </div>
  )
}
