import { Stat } from '@/components/ui/section';
import { fmtAgo, fmtInt } from '@/lib/format';
import type { StatsSnapshot } from '@/lib/types';
import { GroupTitle, StatGrid } from './shared';

/** Headline tiles of the global statistics dashboard, grouped by theme. All values come straight from the snapshot. */
export function StatsHeadline({ snapshot }: { snapshot: StatsSnapshot }) {
  const g = snapshot.global;
  const l = snapshot.launches;
  return (
    <div className="space-y-10">
      <div>
        <GroupTitle hint={g.latest_epoch ? `Latest element set epoch ${fmtAgo(g.latest_epoch)}` : undefined}>Catalogue</GroupTitle>
        <StatGrid cols={4}>
          <Stat label="Active satellites" value={fmtInt(g.active_satellites)} accent hint="Operational payloads" />
          <Stat label="Objects on orbit" value={fmtInt(g.objects_on_orbit)} hint="All tracked objects" />
          <Stat label="Objects catalogued" value={fmtInt(g.objects_catalogued)} hint="Since 1957, incl. decayed" />
          <Stat label="With element sets" value={fmtInt(g.with_elements)} hint="Objects with current GP data" />
          <Stat label="Payloads on orbit" value={fmtInt(g.payloads_on_orbit)} hint={`${fmtInt(g.payloads_total)} catalogued`} />
          <Stat label="Debris on orbit" value={fmtInt(g.debris_on_orbit)} hint="Catalogued fragments" />
          <Stat label="Rocket bodies" value={fmtInt(g.rocket_bodies_on_orbit)} hint="On orbit" />
          <Stat label="Decayed objects" value={fmtInt(g.decayed_objects)} hint={`${fmtInt(g.decayed_last_30d)} last 30 d · ${fmtInt(g.decayed_last_365d)} last 365 d`} />
        </StatGrid>
      </div>

      <div>
        <GroupTitle hint="Payloads by launch date">Launch activity</GroupTitle>
        <StatGrid cols={4}>
          <Stat label="Launched 30 d" value={fmtInt(g.payloads_launched_30d)} hint="Payloads" />
          <Stat label="Launched YTD" value={fmtInt(g.payloads_launched_ytd)} hint="Payloads" />
          <Stat label="Launched 365 d" value={fmtInt(g.payloads_launched_365d)} hint="Payloads" />
          <Stat label="Launches 30 d" value={fmtInt(l.last_30d)} hint="Orbital launches" />
          <Stat label="Launches YTD" value={fmtInt(l.ytd)} hint="Orbital launches" />
          <Stat label="Launches 365 d" value={fmtInt(l.last_365d)} hint="Orbital launches" />
          <Stat label="Launches total" value={fmtInt(l.total)} hint="Since 1957" />
        </StatGrid>
      </div>

      <div>
        <GroupTitle hint="Entities with at least one active payload">Ecosystem</GroupTitle>
        <StatGrid cols={3}>
          <Stat label="Active operators" value={fmtInt(g.active_operators)} />
          <Stat label="Active countries" value={fmtInt(g.active_countries)} />
          <Stat label="Active constellations" value={fmtInt(g.active_constellations)} />
        </StatGrid>
      </div>
    </div>
  );
}