import { getTranslations } from 'next-intl/server'
import { getRealmName } from '@/lib/realm'
import { Link } from '@/i18n/navigation'

/**
 * Pie de página — réplica del partial Django `partials/footer.html`
 * (enlaces legales + copyright + crédito de diseño) con las clases del tema real.
 *
 * Los enlaces van con el `Link` de i18n, no con <a href="/x">: sin el idioma
 * delante, cada clic se comía un 307 del middleware y recargaba la página
 * entera, y el idioma lo decidía la cookie en vez de la URL en la que estás.
 */
export async function Footer() {
  const t = await getTranslations('UI')
  const year = new Date().getFullYear()
  const realmName = await getRealmName()

  return (
    <footer>
      <p>
        <Link href="/terms-and-conditions">{t('footer.terms')}</Link>
        <span className="third-brown">
          &nbsp;&nbsp; <i className="fas fa-grip-lines-vertical"></i>&nbsp;&nbsp;{' '}
        </span>
        <Link href="/privacy-policy">{t('footer.privacy')}</Link>
        <span className="third-brown">
          &nbsp;&nbsp; <i className="fas fa-grip-lines-vertical"></i>&nbsp;&nbsp;{' '}
        </span>
        <Link href="/refund-policy">{t('footer.refund')}</Link>
        <span className="third-brown">
          &nbsp;&nbsp; <i className="fas fa-grip-lines-vertical"></i>&nbsp;&nbsp;{' '}
        </span>
        <Link href="/cookies">{t('footer.cookies')}</Link>
        <span className="third-brown">
          &nbsp;&nbsp; <i className="fas fa-grip-lines-vertical"></i>&nbsp;&nbsp;{' '}
        </span>
        <Link href="/legal-notice">{t('footer.legal')}</Link>
        <span className="third-brown">
          &nbsp;&nbsp; <i className="fas fa-grip-lines-vertical"></i>&nbsp;&nbsp;{' '}
        </span>
        <Link href="/contact-us">{t('footer.contact')}</Link>
      </p>
      <br />
      <p className="third-brown">
        {t('footer.copyright', { realmName, year: String(year) })}
      </p>
      <p className="third-brown">
        {t('footer.design', { realmName })} <i className="fas fa-cat"></i>
      </p>
    </footer>
  )
}
