import type { Metadata } from 'next';
import { Suspense } from 'react';
import { EventFilters } from '@/components/events/event-filters';
import { EventList } from '@/components/events/event-row';
import { EventTypeBadge } from '@/components/ui/badges';
import { Pagination, withParams } from '@/components/ui/pagination';
import { Container, Note, PageHeader, Unavailable } from '@/components/ui/section';
import { api, safe } from '@/lib/api';
import { fmtInt, fmtPctSigned } from '@/lib/format';
import { flat, int, str, type SP } from '@/lib/params';

export const metadata: Metadata = { title: 'Events', description: 'Structured corporate events detected across monitored public surfaces, with filters by type, importance, confidence, country and industry.' };
export const revalidate = 60;

export default async function EventsPage({ searchParams }: { searchParams: Promise<SP> }) {
  const sp = await searchParams;
  const cur = flat(sp);
  const page = int(sp.page, 1);
  const query = { event_type: str(sp.event_type), event_subtype: str(sp.event_subtype), country: str(sp.country), industry: str(sp.industry), min_importance: str(sp.min_importance), min_confidence: str(sp.min_confidence), q: str(sp.q), origin: str(sp.origin), surface: str(sp.surface), company: str(sp.company), sort: str(sp.sort), since: str(sp.since), until: str(sp.until), page, per_page: 50 };
  const [data, summary, countries, industries] = await Promise.all([safe(api.events(query)), safe(api.eventSummary(7, 'type')), safe(api.countries()), safe(api.industries())]);
  return (
    <Container wide>
      <PageHeader eyebrow="Events" title="Structured corporate events" lede="Each event is an interpreted change on a monitored public page, with the source URL, detection time, before/after values and a confidence label. Wording is deliberately careful: a listing that disappears is “no longer listed”, never more." />
      {summary?.items.length ? (
        <div className="no-scrollbar -mx-4 mb-4 flex gap-4 overflow-x-auto px-4 pb-1 md:mx-0 md:px-0">
          {summary.items.slice(0, 12).map((s) => (
            <div key={s.key} className="shrink-0">
              <EventTypeBadge type={s.key} small />
              <p className="tnum mt-0.5 text-sm font-medium">
                {fmtInt(s.count)} <span className={`text-[11px] font-normal ${(s.delta_pct ?? 0) > 0 ? 'text-positive' : (s.delta_pct ?? 0) < 0 ? 'text-danger' : 'text-ink-3'}`}>{s.delta_pct === null ? '' : fmtPctSigned(s.delta_pct, 0)}</span>
              </p>
            </div>
          ))}
          <p className="shrink-0 self-end text-[10px] uppercase tracking-wider text-ink-3">last 7 days vs previous 7</p>
        </div>
      ) : null}
      <Suspense>
        <EventFilters countries={(countries?.items ?? []).map((c) => ({ value: c.code, label: c.name }))} industries={(industries?.items ?? []).map((i) => ({ value: i.slug, label: i.name }))} className="mb-4" />
      </Suspense>
      <form method="get" action="/events" className="mb-3 flex max-w-lg gap-2">
        {Object.entries(cur)
          .filter(([k, v]) => k !== 'q' && k !== 'page' && v)
          .map(([k, v]) => (
            <input key={k} type="hidden" name={k} value={v} />
          ))}
        <input type="search" name="q" defaultValue={str(sp.q)} placeholder="Search event titles and summaries…" className="field flex-1" aria-label="Search events" />
        <button type="submit" className="btn">
          Search
        </button>
      </form>
      {!data ? (
        <Unavailable what="Events" />
      ) : (
        <>
          <p className="tnum mb-1 text-xs text-ink-3">{fmtInt(data.total)} events</p>
          <EventList events={data.items} variant="table" />
          <Pagination total={data.total} page={data.page} pages={data.pages} perPage={data.per_page} makeHref={(p) => withParams('/events', cur, { page: p > 1 ? p : undefined })} className="mt-4" />
        </>
      )}
      <Note className="mt-6">Retracted events remain visible with a strike-through and are excluded from metrics. Duplicate detections are merged into one canonical event whose sources list every surface that corroborated it.</Note>
    </Container>
  );
}