import { t } from '@/i18n';
import { adminApi, adminErrorMessage } from '@/lib/admin-api';
import { grouped } from '@/lib/format';
import { AdminSection } from '@/components/admin/admin-ui';
import { CoverageTable } from '@/components/admin/coverage-table';

export const dynamic = 'force-dynamic';

export default async function AdminCoveragePage() {
  try {
    const c = await adminApi.coverage();
    return (
      <AdminSection title={t('admin.coverage.title')} sub={t('admin.coverage.sub', { n: grouped(c.n_indicators) })}>
        <CoverageTable indicators={c.indicators} countries={c.countries} />
      </AdminSection>
    );
  } catch (e) {
    return <p className="mt-3 rounded-sm border border-down/40 px-3 py-2 text-xs text-down">{adminErrorMessage(e)}</p>;
  }
}