import Link from 'next/link';
import { t } from '@/i18n';
import { adminApi, adminErrorMessage } from '@/lib/admin-api';
import { ApiError } from '@/lib/api';
import { grouped } from '@/lib/format';
import { routes } from '@/lib/site';
import type { AdminOverview } from '@/lib/types-explore';
import { AdminSection, AdminTable, Kv, Pill, bytes, statusTone, ts } from '@/components/admin/admin-ui';
import { clearCacheAction, refreshAction } from '../actions';

export const dynamic = 'force-dynamic';

function hb(o: AdminOverview, key: string): string | null {
  const h = o.scheduler.heartbeat;
  if (!h) return null;
  const v = h[key];
  return v == null ? null : String(v);
}

export default async function AdminOverviewPage({ searchParams }: { searchParams: Promise<{ ok?: string; err?: string }> }) {
  const sp = await searchParams;
  let o: AdminOverview | null = null;
  let error: string | null = null;
  try {
    o = await adminApi.overview();
  } catch (e) {
    error = e instanceof ApiError ? t('admin.unavailable', { status: e.status || 'network' }) + ` ${adminErrorMessage(e)}` : adminErrorMessage(e);
  }

  const actions = (
    <>
      <form action={refreshAction}>
        <button type="submit" className="inline-flex min-h-[36px] items-center rounded-sm bg-ink px-3 text-xs font-medium text-paper hover:bg-accent hover:text-accent-ink" title={t('admin.actions.refreshHint')}>
          {t('admin.actions.refresh')}
        </button>
      </form>
      <form action={clearCacheAction}>
        <button type="submit" className="inline-flex min-h-[36px] items-center rounded-sm border border-rule px-3 text-xs text-ink hover:bg-surface-2">
          {t('admin.actions.clearCache')}
        </button>
      </form>
    </>
  );

  return (
    <>
      {sp.ok ? <p className="mt-3 rounded-sm border border-up/40 px-3 py-2 text-xs text-up">{t('admin.actions.done', { msg: sp.ok })}</p> : null}
      {sp.err ? <p className="mt-3 rounded-sm border border-down/40 px-3 py-2 text-xs text-down">{t('admin.actions.failed', { msg: sp.err })}</p> : null}
      {error ? <p className="mt-3 rounded-sm border border-down/40 px-3 py-2 text-xs text-down">{error}</p> : null}

      {o ? (
        <>
          <AdminSection title={t('admin.overview.title')} actions={actions}>
            <div className="grid gap-6 md:grid-cols-3">
              <div>
                <h3 className="mb-1 text-xs font-semibold text-ink-2">{t('admin.snapshot')}</h3>
                <Kv
                  rows={[
                    ['status', <Pill key="s" tone={o.status === 'ok' ? 'ok' : 'warn'}>{o.status}</Pill>],
                    ['run_id', o.meta?.run_id ?? null],
                    ['built_at', ts(o.meta?.built_at ?? null)],
                    ['schema', o.meta?.schema_version != null ? String(o.meta.schema_version) : null],
                    ['build_duration_s', o.meta?.build_duration_s != null ? String(o.meta.build_duration_s) : null],
                  ]}
                />
              </div>
              <div>
                <h3 className="mb-1 text-xs font-semibold text-ink-2">{t('admin.db')}</h3>
                <Kv rows={[['path', o.db.path], [t('admin.db.size'), o.db.exists ? bytes(o.db.size_bytes) : t('admin.db.missing')], ['data_dir', o.settings.data_dir], ['api', `${o.settings.api_host}:${o.settings.api_port}`]]} />
              </div>
              <div>
                <h3 className="mb-1 text-xs font-semibold text-ink-2">{t('admin.scheduler')}</h3>
                <Kv
                  rows={[
                    ['state', o.scheduler.pid == null ? t('admin.scheduler.unknown') : o.scheduler.alive ? <Pill key="a" tone="ok">{t('admin.scheduler.alive', { pid: o.scheduler.pid })}</Pill> : <Pill key="d" tone="bad">{t('admin.scheduler.dead', { pid: o.scheduler.pid })}</Pill>],
                    [t('admin.scheduler.last'), ts(hb(o, 'last_run_at') ?? hb(o, 'last_run') ?? hb(o, 'finished_at'))],
                    [t('admin.scheduler.next'), ts(hb(o, 'next_run_at') ?? hb(o, 'next_run'))],
                    ['heartbeat', ts(hb(o, 'heartbeat_at') ?? hb(o, 'updated_at') ?? hb(o, 'at'))],
                    ['refresh', t('admin.scheduler.refreshAt', { time: o.settings.refresh_at })],
                  ]}
                />
              </div>
            </div>
          </AdminSection>

          <div className="grid gap-x-8 md:grid-cols-3">
            <AdminSection title={t('admin.counts')}>
              <Kv rows={Object.entries(o.counts ?? {}).map(([k, v]) => [k, grouped(v)] as [string, string])} />
            </AdminSection>
            <AdminSection title={t('admin.statuses')}>
              <Kv rows={Object.entries(o.observation_statuses ?? {}).map(([k, v]) => [k, grouped(v)] as [string, string])} />
            </AdminSection>
            <AdminSection title={t('admin.cache')}>
              <Kv rows={Object.entries(o.cache ?? {}).map(([k, v]) => [k, String(v)] as [string, string])} />
            </AdminSection>
          </div>

          <AdminSection title={t('admin.connectors.title')} sub={t('admin.connectors.sub')}>
            <AdminTable
              rows={o.connectors ?? []}
              rowKey={(r) => r.connector}
              columns={[
                { key: 'c', header: t('admin.connectors.connector'), cell: (r) => <Link href={`${routes.admin('runs')}?connector=${r.connector}`} className="font-medium text-ink hover:text-accent">{r.connector}</Link> },
                { key: 'n', header: t('admin.connectors.runs'), numeric: true, cell: (r) => grouped(r.n_runs) },
                { key: 'last', header: t('admin.connectors.last'), cell: (r) => ts(r.last_finished_at) },
                { key: 's', header: t('admin.connectors.status'), cell: (r) => <Pill tone={statusTone(r.last_status)}>{r.last_status ?? t('admin.na')}</Pill> },
                { key: 'ok', header: t('admin.connectors.ok'), numeric: true, cell: (r) => grouped(r.n_ok) },
                { key: 'f', header: t('admin.connectors.failed'), numeric: true, cell: (r) => (r.n_failed ? <span className="text-down">{grouped(r.n_failed)}</span> : '0') },
                { key: 'rows', header: t('admin.connectors.rows'), numeric: true, cell: (r) => (r.rows_valid != null ? grouped(r.rows_valid) : t('admin.na')) },
                { key: 'w', header: t('admin.connectors.warnings'), numeric: true, cell: (r) => (r.warnings != null ? grouped(r.warnings) : t('admin.na')) },
                { key: 'e', header: t('admin.connectors.errors'), numeric: true, cell: (r) => (r.errors ? <span className="text-down">{grouped(r.errors)}</span> : '0') },
              ]}
            />
          </AdminSection>

          <AdminSection title={t('admin.stale.title')} sub={t('admin.stale.sub')}>
            <AdminTable
              rows={o.sources ?? []}
              rowKey={(r) => r.source_id}
              columns={[
                { key: 's', header: t('admin.stale.source'), cell: (r) => <Link href={routes.source(r.source_id)} className="font-medium text-ink hover:text-accent">{r.source_id}</Link> },
                { key: 'n', header: t('admin.stale.observations'), numeric: true, cell: (r) => grouped(r.n_observations) },
                { key: 'u', header: t('admin.stale.updated'), cell: (r) => ts(r.source_updated_at) },
                { key: 'r', header: t('admin.stale.retrieved'), cell: (r) => ts(r.retrieved_at) },
                { key: 'st', header: t('admin.stale.n'), numeric: true, cell: (r) => (r.n_stale ? <span className="text-warn">{grouped(r.n_stale)}</span> : '0') },
              ]}
            />
          </AdminSection>
        </>
      ) : !error ? (
        <p className="py-6 text-xs text-ink-3">{t('admin.empty')}</p>
      ) : null}
    </>
  );
}