import Link from 'next/link';
import { SourcesTable } from '@/components/entity/blocks';
import { ViewBeacon } from '@/components/layout/view-beacon';
import { BreadcrumbLd, Breadcrumbs } from '@/components/meta/breadcrumb-ld';
import { EntityBadge } from '@/components/ui/badges';
import { EntityLink, QualityMark } from '@/components/ui/entity';
import { Container, Note, Section } from '@/components/ui/section';
import { api, safe } from '@/lib/api';
import { fmtAgo, fmtDate, fmtInt } from '@/lib/format';
import { routes, SITE_NAME, SITE_URL } from '@/lib/site';
import type { EntityDetail, EntitySummary } from '@/lib/types';

/*
  Researcher page (server, async): affiliations (stated relations / organization), papers (`authored` out), coauthors
  (researchers named on the same papers — from the papers' `authored` relations). Public professional data only; the
  page says plainly when the record is a name-only row created from an author list.
*/

function relItems(d: EntityDetail, types: string[], predicates?: string[]): EntitySummary[] {
  const out: EntitySummary[] = [];
  const seen = new Set<string>();
  for (const g of d.relations ?? []) {
    if (predicates && !predicates.includes(g.predicate)) continue;
    for (const it of g.items) if (types.includes(it.entity_type) && !seen.has(it.id)) {
      seen.add(it.id);
      out.push(it);
    }
  }
  return out;
}

export async function ResearcherPage({ d, canonical }: { d: EntityDetail; canonical: string }) {
  const papers = relItems(d, ['paper'], ['authored']);
  const affiliations = relItems(d, ['company', 'organization', 'lab', 'university']);
  const details = await Promise.all(papers.slice(0, 8).map((p) => safe(api.entity(p.slug))));
  const co = new Map<string, EntitySummary & { shared: number }>();
  for (const pd of details) {
    if (!pd) continue;
    for (const r of relItems(pd, ['researcher'], ['authored'])) {
      if (r.id === d.id) continue;
      const cur = co.get(r.id);
      if (cur) cur.shared += 1;
      else co.set(r.id, { ...r, shared: 1 });
    }
  }
  const coauthors = [...co.values()].sort((a, b) => b.shared - a.shared || a.name.localeCompare(b.name));
  const nameOnly = !d.identifiers?.length && !d.organization && affiliations.length === 0;
  const crumbs = [{ name: SITE_NAME, href: '/' }, { name: 'Researchers', href: '/explore/researcher' }, { name: d.name, href: canonical }];
  const ld = { '@context': 'https://schema.org', '@type': 'Person', name: d.name, url: `${SITE_URL}${canonical}`, affiliation: (d.organization ? [d.organization] : affiliations).map((o) => ({ '@type': 'Organization', name: o.name })), identifier: d.identifiers?.map((i) => ({ '@type': 'PropertyValue', propertyID: i.scheme, value: i.value })) };

  return (
    <Container wide>
      <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(ld) }} />
      <BreadcrumbLd items={crumbs} />
      <ViewBeacon path={canonical} />
      <Breadcrumbs items={crumbs} />
      <header className="pb-6 pt-4 md:pb-8 md:pt-5">
        <div className="flex flex-wrap items-center gap-2">
          <EntityBadge type="researcher" />
          {nameOnly && <span className="rounded-[3px] bg-surface-2 px-1.5 text-[10px] uppercase tracking-wide text-ink-3">name-only record</span>}
        </div>
        <div className="mt-3 flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between">
          <div className="min-w-0">
            <h1 className="display text-[30px] md:text-[44px]">{d.name}</h1>
            <p className="mt-2 flex flex-wrap items-center gap-x-3 gap-y-1 text-[15px] text-ink-2">
              {d.organization && (
                <Link href={routes.entity({ entity_type: 'company', slug: d.organization.slug })} className="font-medium text-ink hover:text-accent">
                  {d.organization.name}
                </Link>
              )}
              <span className="tnum text-ink-3">
                {fmtInt(papers.length)} paper{papers.length === 1 ? '' : 's'} in the atlas
              </span>
            </p>
            {nameOnly && <Note className="mt-3 max-w-2xl">This record was created from a paper's author list. It carries no identifier (ORCID, OpenAlex…) and no affiliation, so homonyms may be merged and spelling variants split. Only public professional data — papers and stated affiliations — is shown.</Note>}
          </div>
          <div className="shrink-0 text-xs text-ink-3 lg:text-right">
            <QualityMark q={d.quality?.score} label />
            <p className="mt-1" title={d.updated_at}>
              Updated {fmtAgo(d.updated_at)} · first seen {fmtDate(d.first_seen_at)}
            </p>
            <p className="mono mt-0.5 text-[11px]">{d.id}</p>
          </div>
        </div>
      </header>

      <div className="grid gap-10 pb-16 lg:grid-cols-[minmax(0,1fr)_22rem]">
        <div className="min-w-0">
          <Section id="affiliations" eyebrow="Affiliations" title={<>Affiliations <span className="tnum text-base font-normal text-ink-3">{fmtInt(affiliations.length + (d.organization ? 1 : 0))}</span></>} hairline={false} className="pt-0">
            {d.organization || affiliations.length ? (
              <ul className="divide-y divide-rule border-y border-rule text-sm">
                {d.organization && (
                  <li className="flex items-center gap-2 py-2">
                    <EntityBadge type="company" small />
                    <Link href={routes.entity({ entity_type: 'company', slug: d.organization.slug })} className="text-ink hover:text-accent hover:underline">
                      {d.organization.name}
                    </Link>
                  </li>
                )}
                {affiliations.map((o) => (
                  <li key={o.id} className="flex items-center gap-2 py-2">
                    <EntityBadge type={o.entity_type} small />
                    <EntityLink e={o} />
                  </li>
                ))}
              </ul>
            ) : (
              <p className="text-sm text-ink-3">No affiliation stated by a source.</p>
            )}
          </Section>
          <Section id="papers" eyebrow="Research" title={<>Papers <span className="tnum text-base font-normal text-ink-3">{fmtInt(papers.length)}</span></>}>
            {papers.length === 0 ? (
              <p className="text-sm text-ink-3">No paper linked.</p>
            ) : (
              <ul className="divide-y divide-rule border-y border-rule">
                {papers.map((p) => (
                  <li key={p.id} className="py-2 text-sm">
                    <EntityLink e={p} />
                    <span className="tnum ml-2 text-xs text-ink-3">{typeof p.attributes?.published_at === 'string' ? fmtDate(p.attributes.published_at as string) : ''}</span>
                  </li>
                ))}
              </ul>
            )}
          </Section>
          <Section id="coauthors" eyebrow="Network" title={<>Co-authors <span className="tnum text-base font-normal text-ink-3">{fmtInt(coauthors.length)}</span></>} lede={papers.length > 8 ? 'From the first 8 papers.' : 'Researchers named on the same papers.'}>
            {coauthors.length === 0 ? (
              <p className="text-sm text-ink-3">No co-author record found on the linked papers.</p>
            ) : (
              <ul className="grid gap-x-8 sm:grid-cols-2 lg:grid-cols-3">
                {coauthors.map((c) => (
                  <li key={c.id} className="flex items-center justify-between gap-2 border-b border-rule py-1.5 text-sm">
                    <EntityLink e={c} className="truncate" />
                    <span className="tnum shrink-0 text-xs text-ink-3">
                      {c.shared} shared
                    </span>
                  </li>
                ))}
              </ul>
            )}
          </Section>
          <Section id="sources" eyebrow="Sources" title={<>Sources <span className="tnum text-base font-normal text-ink-3">{fmtInt(d.sources?.length ?? 0)}</span></>}>
            <SourcesTable sources={d.sources ?? []} />
          </Section>
        </div>
        <aside className="min-w-0 space-y-8">
          <section>
            <p className="eyebrow mb-2">Identifiers</p>
            {d.identifiers?.length ? (
              <ul className="space-y-0.5 text-xs">
                {d.identifiers.map((i) => (
                  <li key={`${i.scheme}:${i.value}`} className="flex gap-2">
                    <span className="mono text-ink-3">{i.scheme}</span>
                    <span className="mono truncate text-ink-2">{i.value}</span>
                  </li>
                ))}
              </ul>
            ) : (
              <p className="text-xs text-ink-3">None recorded.</p>
            )}
          </section>
          {d.aliases?.length > 1 && (
            <section>
              <p className="eyebrow mb-2">Also written as</p>
              <p className="text-sm text-ink-2">{d.aliases.filter((x) => x !== d.name).join(' · ')}</p>
            </section>
          )}
          <section>
            <p className="eyebrow mb-2">Graph</p>
            <Link href={`/graph/${encodeURIComponent(d.slug)}?mode=research`} className="link text-sm">
              Research network →
            </Link>
          </section>
        </aside>
      </div>
    </Container>
  );
}