import Link from 'next/link';
import { Section, Note } from '@/components/ui/section';
import { EmptyState } from '@/components/ui/empty-state';
import { Freshness } from '@/components/ui/freshness';
import { Badge } from '@/components/ui/badge';
import { ApprovalsTable } from '@/components/data/approvals-table';
import { approvalsForCancer } from '@/lib/queries/drugs';
import { therapyMentionsForCancer } from '@/lib/queries/evidence';
import { loadProvenance } from '@/lib/queries/provenance';
import { fmtInt } from '@/lib/format';
import type { CancerBundle } from '../load';

export async function DrugsTab({ b, jurisdiction, aPage = 1 }: { b: CancerBundle; jurisdiction: string | null; aPage?: number }) {
  // Therapies mentioned in curated evidence (not approvals) — aggregated in SQL (no evidence rows
  // are shipped to the page), listed separately and never called "approved".
  const [approvals, therapies] = await Promise.all([approvalsForCancer(b.descendants), therapyMentionsForCancer(b.descendants)]);
  const jurisdictions = [...new Set(approvals.map((a) => a.jurisdiction))].sort();
  const selected = jurisdiction && jurisdictions.includes(jurisdiction) ? jurisdiction : null;
  const shownApprovals = selected ? approvals.filter((a) => a.jurisdiction === selected) : approvals;

  if (approvals.length === 0 && therapies.length === 0) {
    return (
      <Section id="drugs" kicker="Drugs" title="Regulatory approvals and therapies in evidence">
        <EmptyState knows={[{ label: 'Variants & evidence', href: `/cancer/${b.cancer.slug}/evidence` }, { label: 'Trials', href: `/cancer/${b.cancer.slug}/trials` }, { label: 'Drugs index', href: '/drugs' }]}>
          No regulatory approval or evidence-linked therapy is recorded for this entity or its descendants. Approvals are always shown with jurisdiction, authority and indication text — a drug is never marked simply "approved".
        </EmptyState>
      </Section>
    );
  }
  const prov = await loadProvenance(approvals.map((a) => a.provenance_id));
  return (
    <div className="space-y-8">
      <Section id="approvals" kicker="Regulatory" title="Approvals by jurisdiction" description={approvals.length ? `${fmtInt(approvals.length)} approval records across ${jurisdictions.length} jurisdiction${jurisdictions.length === 1 ? '' : 's'}, including tumor-agnostic approvals.` : undefined}>
        {approvals.length ? (
          <>
            <nav aria-label="Jurisdiction" className="mb-3 flex flex-wrap gap-1.5 text-[12.5px]">
              <Link href={`/cancer/${b.cancer.slug}/drugs`} aria-current={!selected ? 'page' : undefined} className="ci-chip">
                All jurisdictions
              </Link>
              {jurisdictions.map((j) => (
                <Link key={j} href={`/cancer/${b.cancer.slug}/drugs?jurisdiction=${encodeURIComponent(j)}`} aria-current={selected === j ? 'page' : undefined} className="ci-chip ci-mono">
                  {j}
                </Link>
              ))}
            </nav>
            <ApprovalsTable rows={shownApprovals} prov={prov} page={aPage} hrefFor={(p) => `/cancer/${b.cancer.slug}/drugs?${new URLSearchParams({ ...(selected ? { jurisdiction: selected } : {}), ...(p > 1 ? { aPage: String(p) } : {}) }).toString()}#approvals`} />
            <Freshness dataUpdatedAt={approvals.reduce((m, a) => (a.updated_at > m ? a.updated_at : m), approvals[0]!.updated_at)} />
          </>
        ) : (
          <EmptyState compact>No regulatory approval recorded for this entity yet.</EmptyState>
        )}
      </Section>

      <Section id="therapies-in-evidence" kicker="Curated evidence" title="Therapies appearing in curated evidence" description="Counts of CIViC evidence items mentioning each therapy for this entity or its descendants. Presence here is not an approval.">
        {therapies.length ? (
          <div className="ci-table-wrap">
            <table className="ci-table">
              <thead>
                <tr>
                  <th scope="col">Therapy</th>
                  <th scope="col" className="num">
                    Evidence items (count)
                  </th>
                  <th scope="col" className="num">
                    Sensitivity / response
                  </th>
                  <th scope="col" className="num">
                    Resistance
                  </th>
                </tr>
              </thead>
              <tbody>
                {therapies.map((t) => (
                  <tr key={t.slug}>
                    <td>
                      <Link className="ci-link" href={`/drug/${t.slug}`}>
                        {t.name}
                      </Link>
                    </td>
                    <td className="num">{fmtInt(t.n)}</td>
                    <td className="num">{fmtInt(t.sensitivity)}</td>
                    <td className="num">{fmtInt(t.resistance)}</td>
                  </tr>
                ))}
              </tbody>
            </table>
          </div>
        ) : (
          <EmptyState compact>No therapy appears in curated evidence for this entity.</EmptyState>
        )}
        <p className="mt-2 text-[12px] text-ink-3">
          <Badge>Curated</Badge> Items are counted regardless of level or direction; see the evidence tab for the detail.
        </p>
      </Section>
      <Note tone="warn">Regulatory status is jurisdiction-specific and changes over time. This page is not treatment guidance.</Note>
    </div>
  );
}