import { getTranslations, setRequestLocale } from 'next-intl/server'
import { redirect, Link } from '@/i18n/navigation'
import { getSession } from '@/lib/session'
import { isAdmin } from '@/lib/admin'
import { PageShell } from '@/components/PageShell'

export const dynamic = 'force-dynamic'

export default async function AdminPage({ params }: { params: Promise<{ locale: string }> }) {
  const { locale } = await params
  setRequestLocale(locale)
  const t = await getTranslations('Admin')
  const session = await getSession()
  if (!session.bnetId) redirect({ href: '/login', locale })
  if (!(await isAdmin(session))) redirect({ href: '/', locale })

  const items: { href: string; label: string; icon: string }[] = [
    { href: '/admin/news', label: t('manageNews'), icon: '📰' },
    { href: '/admin/prices', label: t('managePrices'), icon: '💲' },
    { href: '/admin/votes', label: t('manageVotes'), icon: '🗳️' },
    { href: '/admin/gold', label: t('manageGold'), icon: '🪙' },
    { href: '/admin/users', label: t('manageUsers'), icon: '👤' },
    { href: '/admin/recruit', label: t('manageRecruit'), icon: '🎁' },
    { href: '/admin/forum', label: t('manageForum'), icon: '💬' },
    { href: '/admin/promo', label: t('managePromo'), icon: '🎟️' },
  ]

  const rows: typeof items[] = []
  for (let i = 0; i < items.length; i += 2) rows.push(items.slice(i, i + 2))

  return (
    <PageShell title={t('title')}>
      <div className="box-content">
        <div className="body-box-content-account">
          <table className="max-center-table fixed-layout-table">
            <tbody>
              {rows.map((pair, i) => (
                <tr key={i}>
                  {pair.map((it) => (
                    <td key={it.href}>
                      <Link href={it.href}>
                        <div className="tool-button">
                          <div className="tool-button-div">
                            <span className="first-brown shadow big-font">{it.icon} {it.label}</span>
                          </div>
                        </div>
                      </Link>
                    </td>
                  ))}
                  {pair.length === 1 && <td />}
                </tr>
              ))}
            </tbody>
          </table>
        </div>
      </div>
    </PageShell>
  )
}
