import { getTranslations, setRequestLocale } from 'next-intl/server'
import { redirect } from '@/i18n/navigation'
import { getSession } from '@/lib/session'
import { getGameAccounts } from '@/lib/auth'
import { SelectAccountForm } from './SelectAccountForm'

export const dynamic = 'force-dynamic'

export default async function SelectAccountPage({ params }: { params: Promise<{ locale: string }> }) {
  const { locale } = await params
  setRequestLocale(locale)
  const t = await getTranslations('SelectAccount')

  const session = await getSession()
  if (!session.bnetId) redirect({ href: '/login', locale })

  const games = await getGameAccounts(session.bnetId!)
  // Autoseleccionar si solo hay una
  if (games.length === 1) {
    // La selección real la hace el cliente/route; aquí mostramos el formulario igual,
    // pero con una sola opción es un clic. (La auto-selección en login ya cubre el caso común.)
  }

  return (
    <main className="mx-auto max-w-md px-4 py-8 text-center">
      <h1 className="mb-4 text-2xl font-bold text-amber-500">{t('title')}</h1>
      {session.bnetEmail && (
        <p className="mb-4 text-sm text-amber-200/70">
          {t('loggedInAs')} <strong>{session.bnetEmail}</strong>
        </p>
      )}
      {games.length > 0 ? (
        <>
          <p className="mb-4">{t('choose')}</p>
          <SelectAccountForm accounts={games} />
        </>
      ) : (
        <p className="text-amber-200/70">{t('noAccounts')}</p>
      )}
    </main>
  )
}
