import { getTranslations } from 'next-intl/server'

/** Información del reino (Rates + Horarios) — contenido de /<slug>-realm. */
export async function RealmInfo() {
  const t = await getTranslations('UI')
  return (
    <div className="box-content centered">
      <div className="realm-information realm-information-half">
        <h2>{t('realmInfo.ratesTitle')}</h2>
        <p>{t('realmInfo.experience')}: <span>{t('realmInfo.experienceValue')}</span></p>
        <p>{t('realmInfo.greenBlueDrop')}: <span>{t('realmInfo.greenBlueDropValue')}</span></p>
        <p>{t('realmInfo.goldNpc')}: <span>{t('realmInfo.goldNpcValue')}</span></p>
        <p>{t('realmInfo.goldQuest')}: <span>{t('realmInfo.goldQuestValue')}</span></p>
        <p>{t('realmInfo.skills')}: <span>{t('realmInfo.skillsValue')}</span></p>
        <p>{t('realmInfo.professions')}: <span>{t('realmInfo.professionsValue')}</span></p>
        <p>{t('realmInfo.reputations')}: <span>{t('realmInfo.reputationsValue')}</span></p>
        <p>{t('realmInfo.honor')}: <span>{t('realmInfo.honorValue')}</span></p>
      </div>
      <div className="realm-information realm-information-half">
        <h2>{t('realmInfo.scheduleTitle')}</h2>
        <p>{t('realmInfo.scheduleNote')}</p>
        <br />
        <p>{t('realmInfo.dailyQuests')}: <span>{t('realmInfo.dailyQuestsValue')}</span></p>
        <p>{t('realmInfo.dailyDungeons')}: <span>{t('realmInfo.dailyDungeonsValue')}</span></p>
        <p>{t('realmInfo.raidReset')}: <span>{t('realmInfo.raidResetValue')}</span></p>
        <p>{t('realmInfo.battlegrounds')}: <span>{t('realmInfo.battlegroundsValue')}</span></p>
        <p>{t('realmInfo.arenaPoints')}: <span>{t('realmInfo.arenaPointsValue')}</span></p>
        <br />
      </div>
    </div>
  )
}