{% extends "base.html" %}
{% block title %}{{ bill.bill_type|upper }} {{ bill.bill_number }} — Concord{% endblock %}
{% block content %}
{# Long sections (cosponsors, votes, actions, subjects, titles) start as a
   preview of the first N items and expand the remainder on click. The
   preview/expand structure is shared via show_more_list (below); each call
   supplies the per-item markup as its {% call(item) %} body. #}
{%- macro cosponsor_li(c) -%}
  <li class="text-sm">
    {% if c.sponsorship_withdrawn_date %}
      <del class="text-stone-500">
        {% if c.display_name %}
          <a href="/members/{{ c.bioguide_id }}" class="hover:text-stone-700">{{ c.display_name }}</a>
        {% else %}
          <span class="font-mono">{{ c.bioguide_id }}</span>
        {% endif %}
      </del>
      <span class="text-xs text-stone-400 ml-1">(withdrawn {{ c.sponsorship_withdrawn_date }})</span>
    {% else %}
      {% if c.display_name %}
        <a href="/members/{{ c.bioguide_id }}" class="text-stone-800 hover:text-stone-600">{{ c.display_name }}</a>
      {% else %}
        <span class="font-mono text-stone-700">{{ c.bioguide_id }}</span>
        <span class="text-xs text-stone-400">(not indexed)</span>
      {% endif %}
      {% if c.is_original_cosponsor %}
        <span class="text-xs text-stone-400 ml-1">· original</span>
      {% elif c.sponsorship_date %}
        <span class="text-xs text-stone-400 ml-1">· joined {{ c.sponsorship_date }}</span>
      {% endif %}
    {% endif %}
  </li>
{%- endmacro -%}
{%- macro title_li(t) -%}
  <li class="text-sm">
    <div class="text-xs uppercase tracking-wide text-stone-400">{{ t.title_type }}{% if t.chamber %} · {{ t.chamber }}{% endif %}</div>
    <div class="text-stone-800">{{ t.title_text }}</div>
  </li>
{%- endmacro -%}
{%- macro empty_state(label) -%}
  <div class="border border-dashed border-stone-300 rounded p-3 text-stone-500 text-sm">{{ label }}</div>
{%- endmacro -%}
{%- macro show_more(label) -%}
  <summary class="cursor-pointer text-sm text-stone-600 hover:text-stone-900 select-none">{{ label }}</summary>
{%- endmacro -%}
{# Render ``items`` as a preview of the first ``preview`` entries, with the
   remainder behind a <details>. ``caller(item)`` renders one entry, so the
   preview and the expanded remainder render identically. #}
{%- macro show_more_list(items, preview, noun, wrapper_class="space-y-1", tag="ul") -%}
  <{{ tag }} class="{{ wrapper_class }}">
    {% for item in items[:preview] %}{{ caller(item) }}{% endfor %}
  </{{ tag }}>
  {% if items|length > preview %}
    <details class="mt-2">
      {{ show_more("Show all %d %s"|format(items|length, noun)) }}
      <{{ tag }} class="{{ wrapper_class }} mt-1">
        {% for item in items[preview:] %}{{ caller(item) }}{% endfor %}
      </{{ tag }}>
    </details>
  {% endif %}
{%- endmacro -%}
{# Compute the most recent fetched_at across tier-1 + tier-2 sections. #}
{%- set tier2_stamps = [bill.cosponsors_fetched_at, bill.actions_fetched_at,
                        bill.subjects_fetched_at, bill.titles_fetched_at,
                        bill.summaries_fetched_at] -%}
{%- set updated_at = bill.fetched_at -%}
{%- for stamp in tier2_stamps -%}
  {%- if stamp and stamp > updated_at -%}{%- set updated_at = stamp -%}{%- endif -%}
{%- endfor -%}
{%- set any_missing = (bill.cosponsors_fetched_at is none or bill.actions_fetched_at is none
                       or bill.subjects_fetched_at is none or bill.titles_fetched_at is none
                       or bill.summaries_fetched_at is none) -%}
<article class="grid grid-cols-1 md:grid-cols-4 gap-6">
  <aside class="md:col-span-1 text-sm text-stone-600 space-y-3">
    <div>
      <div class="uppercase text-xs tracking-wide text-stone-400">Chamber</div>
      <div>{{ bill.origin_chamber }}</div>
    </div>
    <div>
      <div class="uppercase text-xs tracking-wide text-stone-400">Congress</div>
      <div>{{ bill.congress|ordinal }}</div>
    </div>
    {% if bill.introduced_date %}
      <div>
        <div class="uppercase text-xs tracking-wide text-stone-400">Introduced</div>
        <div>{{ bill.introduced_date }}</div>
      </div>
    {% endif %}
    {% if bill.policy_area %}
      <div>
        <div class="uppercase text-xs tracking-wide text-stone-400">Policy area</div>
        <div>{{ bill.policy_area }}</div>
      </div>
    {% endif %}
    <div class="text-xs text-stone-400">
      Updated {{ updated_at|humanize_age }}
    </div>
  </aside>

  <div class="md:col-span-3 space-y-8">
    <header>
      <div class="font-mono text-sm text-stone-500 mb-1">
        {{ bill.bill_type|upper }} {{ bill.bill_number }} · {{ bill.congress|ordinal }} Congress
      </div>
      <h1 class="text-2xl font-serif font-semibold leading-snug">{{ bill.title }}</h1>
    </header>

    {# -- Data completeness --------------------------------------------- #}
    {% if enrichment_enabled and enrichment_state %}
      <section>
        {% include "bills/" + enrichment_state + ".html" %}
      </section>
    {% elif any_missing %}
      {# No on-demand enrichment available here, but sections are empty:
         explain why rather than leaving silent dashed boxes below. #}
      <section class="border border-dashed border-stone-300 rounded p-3 text-sm text-stone-600 bg-stone-50/60">
        Some sections below haven't been fetched from Congress.gov yet.
        {% include "bills/_why_enrichment.html" %}
      </section>
    {% endif %}

    {# -- Brief (synthesized summary — the headline glance) ------------- #}
    {% if brief_enabled %}
      {% include "bills/_brief.html" %}
    {% endif %}

    {# -- Latest action (current status) ------------------------------- #}
    {% if bill.latest_action_date or bill.latest_action_text %}
      <section>
        <h2 class="text-sm uppercase tracking-wide text-stone-500 mb-2">Latest action</h2>
        <p class="text-stone-800">
          {% if bill.latest_action_date %}
            <span class="font-medium">{{ bill.latest_action_date }}</span> —
          {% endif %}
          {{ bill.latest_action_text or "—" }}
        </p>
      </section>
    {% endif %}

    {# -- Summaries (what the bill does) ------------------------------- #}
    <section>
      <h2 class="text-sm uppercase tracking-wide text-stone-500 mb-2">Summaries</h2>
      {% if bill.summaries_fetched_at is none %}
        {{ empty_state("Summaries not yet fetched.") }}
      {% elif summaries %}
        {% set latest_index = summaries|length - 1 %}
        <div class="space-y-2">
          {% for s in summaries %}
            <details {% if loop.index0 == latest_index %}open{% endif %} class="border border-stone-200 rounded p-3 bg-white">
              <summary class="cursor-pointer text-sm font-medium text-stone-800">
                {{ s.action_desc or s.version_code }}
                {% if s.action_date %}<span class="text-xs text-stone-400 ml-1">· {{ s.action_date }}</span>{% endif %}
              </summary>
              <div class="prose prose-sm mt-2 text-stone-800">{{ s.summary_text|safe }}</div>
            </details>
          {% endfor %}
        </div>
        <p class="mt-2 text-xs text-stone-400">Fetched {{ bill.summaries_fetched_at|humanize_age }}.</p>
      {% else %}
        <p class="text-stone-500 text-sm">No summaries published.</p>
        <p class="mt-2 text-xs text-stone-400">Fetched {{ bill.summaries_fetched_at|humanize_age }}.</p>
      {% endif %}
    </section>

    {# -- Sponsor ------------------------------------------------------- #}
    <section>
      <h2 class="text-sm uppercase tracking-wide text-stone-500 mb-2">Sponsor</h2>
      {% if bill.sponsor_bioguide_id %}
        {% if bill.sponsor_display_name %}
          <a
            href="/members/{{ bill.sponsor_bioguide_id }}"
            class="text-stone-900 hover:text-stone-700 underline"
          >{{ bill.sponsor_display_name }}</a>
        {% else %}
          <span class="text-stone-700">
            Bioguide
            <span class="font-mono">{{ bill.sponsor_bioguide_id }}</span>
            <span class="text-stone-400 text-xs">(not indexed)</span>
          </span>
        {% endif %}
      {% else %}
        <span class="text-stone-500">No sponsor recorded.</span>
      {% endif %}
    </section>

    {# -- Cosponsors ---------------------------------------------------- #}
    <section>
      <h2 class="text-sm uppercase tracking-wide text-stone-500 mb-2">Cosponsors</h2>
      {% if bill.cosponsors_fetched_at is none %}
        {{ empty_state("Cosponsors not yet fetched.") }}
      {% elif cosponsors %}
        {% call(c) show_more_list(cosponsors, 8, "cosponsors") %}{{ cosponsor_li(c) }}{% endcall %}
        <p class="mt-2 text-xs text-stone-400">Fetched {{ bill.cosponsors_fetched_at|humanize_age }}.</p>
      {% else %}
        <p class="text-stone-500 text-sm">No cosponsors recorded.</p>
        <p class="mt-2 text-xs text-stone-400">Fetched {{ bill.cosponsors_fetched_at|humanize_age }}.</p>
      {% endif %}
    </section>

    {# -- Vote history -------------------------------------------------- #}
    <section>
      <h2 class="text-sm uppercase tracking-wide text-stone-500 mb-2">Vote history</h2>
      {% if vote_history %}
        {% call(v) show_more_list(vote_history, 5, "votes", "space-y-2") %}{% include "_vote_row.html" %}{% endcall %}
      {% else %}
        <p class="text-stone-500 text-sm">No votes recorded for this bill yet.</p>
      {% endif %}
    </section>

    {# -- Action history ----------------------------------------------- #}
    <section>
      <h2 class="text-sm uppercase tracking-wide text-stone-500 mb-2">Action history</h2>
      {% if bill.actions_fetched_at is none %}
        {{ empty_state("Action history not yet fetched.") }}
      {% elif actions %}
        {% call(action) show_more_list(actions, 8, "actions", "") %}{% include "bills/_action_row.html" %}{% endcall %}
        <p class="mt-2 text-xs text-stone-400">Fetched {{ bill.actions_fetched_at|humanize_age }}.</p>
      {% else %}
        <p class="text-stone-500 text-sm">No actions recorded.</p>
        <p class="mt-2 text-xs text-stone-400">Fetched {{ bill.actions_fetched_at|humanize_age }}.</p>
      {% endif %}
    </section>

    {# -- Subjects ----------------------------------------------------- #}
    <section>
      <h2 class="text-sm uppercase tracking-wide text-stone-500 mb-2">Subjects</h2>
      {% if bill.subjects_fetched_at is none %}
        {{ empty_state("Subjects not yet fetched.") }}
      {% elif subjects %}
        {% call(s) show_more_list(subjects, 18, "subjects", "flex flex-wrap gap-1", "div") -%}
          <span class="inline-block px-2 py-0.5 rounded bg-stone-100 text-stone-700 text-xs">{{ s }}</span>
        {%- endcall %}
        <p class="mt-2 text-xs text-stone-400">Fetched {{ bill.subjects_fetched_at|humanize_age }}.</p>
      {% else %}
        <p class="text-stone-500 text-sm">No subjects assigned.</p>
        <p class="mt-2 text-xs text-stone-400">Fetched {{ bill.subjects_fetched_at|humanize_age }}.</p>
      {% endif %}
    </section>

    {# -- Titles ------------------------------------------------------- #}
    <section>
      <h2 class="text-sm uppercase tracking-wide text-stone-500 mb-2">Titles</h2>
      {% if bill.titles_fetched_at is none %}
        {{ empty_state("Titles not yet fetched.") }}
      {% elif titles %}
        {% call(t) show_more_list(titles, 4, "titles", "space-y-2") %}{{ title_li(t) }}{% endcall %}
        <p class="mt-2 text-xs text-stone-400">Fetched {{ bill.titles_fetched_at|humanize_age }}.</p>
      {% else %}
        <p class="text-stone-500 text-sm">No titles recorded.</p>
        <p class="mt-2 text-xs text-stone-400">Fetched {{ bill.titles_fetched_at|humanize_age }}.</p>
      {% endif %}
    </section>
  </div>
</article>
{% endblock %}