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

export async function Footer() {
  const t = await getTranslations('Nav')
  return (
    <footer className="mt-16 border-t border-nw-border/60 bg-nw-bg/60">
      <div className="mx-auto flex max-w-5xl flex-col items-center gap-4 px-4 py-8 text-sm sm:flex-row sm:justify-between">
        <div className="flex items-center gap-2 text-nw-muted">
          {/* eslint-disable-next-line @next/next/no-img-element */}
          <img src="/brand/logo.webp" alt="Nova WoW" className="h-7 w-auto opacity-80" />
          <span>© 2026 Nova WoW · WotLK Classic 3.4.3</span>
        </div>
        <nav className="flex flex-wrap items-center justify-center gap-4 text-nw-muted">
          <Link href="/" className="hover:text-nw-gold-light">
            {t('home')}
          </Link>
          <Link href="/forum" className="hover:text-nw-gold-light">
            {t('forum')}
          </Link>
          <Link href="/vote-points" className="hover:text-nw-gold-light">
            {t('vote')}
          </Link>
          <Link href="/register" className="hover:text-nw-gold-light">
            {t('register')}
          </Link>
        </nav>
      </div>
    </footer>
  )
}