{# Console 2.0 speakers overview (#159, R4 #213) — full-page include and the
   htmx post-mutation refresh target (#roster). Numbers come from effective
   resolution (the canonical-run fold), never raw machine proposals. Every
   mutating form's action carries the current ?sort/?view so its re-render
   preserves both. Operator refusals (RosterError) arrive as roster_error. #}
{% from "fragments/_chips.html" import chip %}
{% set qs = "sort=" ~ sort ~ "&view=" ~ view %}
{% if roster_error %}<p class="error" role="alert">{{ roster_error }}</p>{% endif %}
{# Mutation CSRF tokens: the overview's action forms live on the detail page,
   but the route handler re-renders this fragment after mutations, so the tokens
   must survive here for htmx round-trips. #}
<input type="hidden" name="csrf_token" value="{{ csrf_rename }}" data-csrf-rename>
<input type="hidden" name="csrf_token" value="{{ csrf_archive }}" data-csrf-archive>

{# TO DO strip (#159 R4): action reminders the operator needs to address. #}
{% if overview.unverified_active or overview.name_suggestions %}
<div class="spk-todo-strip" aria-label="Action reminders">
  <span class="spk-todo-label">TO DO</span>
  {% if overview.unverified_active %}
  <span class="spk-todo-item">
    {{ overview.unverified_active_total }} voice{{ "s" if overview.unverified_active_total != 1 }} waiting for a name
  </span>
  {% endif %}
  {% if overview.name_suggestions %}
  <span class="spk-todo-item">
    {{ overview.name_suggestion_total }} name suggestion{{ "s" if overview.name_suggestion_total != 1 }} to review
  </span>
  {% endif %}
</div>
{% endif %}

{% if overview.rows %}
<div class="lib-toolbar">
  <nav class="view-toggle" aria-label="Sort by">
    {% for value, label in sorts %}
    <a href="/speakers?sort={{ value }}&view={{ view }}"{% if value == sort %} aria-current="true"{% endif %}>{{ label }}</a>
    {% endfor %}
  </nav>
</div>

{% macro spk_badge(row) %}
  {%- set name = row.entry.speaker.display_name -%}
  {%- set initials = name[:2]|upper if name else "?" -%}
  <span class="pd-spk-badge{% if row.aggregate.verified %} pd-spk-named{% endif %}">{{ initials }}</span>
{%- endmacro %}

{% macro match_pct(row) %}
  {%- if row.tier.tier -%}
    {%- set evidence = row.tier.evidence -%}
    {%- set best = evidence|map(attribute="similarity")|select("number")|list -%}
    {%- if best -%}
      {%- set pct = (best|max * 100)|round|int -%}
      <span class="{% if pct >= 85 %}spk-match-ok{% else %}spk-match-warn{% endif %}">{{ pct }}%</span>
    {%- else -%}
      <span class="oc-muted">–</span>
    {%- endif -%}
  {%- elif row.tier.has_voice_evidence -%}
    <span class="oc-muted">–</span>
  {%- else -%}
    <span class="oc-muted">–</span>
  {%- endif -%}
{% endmacro %}

{% macro status_chip(row) %}
  {%- if row.aggregate.verified -%}
    {{ chip("verified") }}
  {%- elif row.aggregate.files > 0 -%}
    {{ chip("needs you") }}
  {%- else -%}
    {{ chip("unknown") }}
  {%- endif -%}
{% endmacro %}

{% if view == "table" %}
<div class="grid-table spk-roster-grid" role="region" aria-label="Speakers" tabindex="0"
     style="grid-template-columns: auto 1fr auto auto auto auto auto auto;">
  <div class="gt-header">
    <span></span>
    <span>NAME</span>
    <span>STATUS</span>
    <span class="num">FILES</span>
    <span class="num">MINUTES</span>
    <span class="num">VOICE MATCH</span>
    <span>LAST HEARD</span>
    <span></span>
  </div>

  {% for row in overview.rows %}
  <div class="gt-row">
    <span>{{ spk_badge(row) }}</span>
    <span>
      <a href="/speakers/{{ row.entry.speaker.id }}">{{ row.entry.speaker.display_name }}</a>
    </span>
    <span>{{ status_chip(row) }}</span>
    <span class="num">{{ row.aggregate.files }}</span>
    <span class="num">{{ format_duration(row.aggregate.seconds) }}</span>
    <span class="num">{{ match_pct(row) }}</span>
    <span>
      {% if row.aggregate.last_seen %}
      <span title="{{ row.aggregate.last_seen.strftime('%Y-%m-%d %H:%M UTC') }}">{{ format_age(row.aggregate.last_seen, now=now) }}</span>
      {% else %}<span class="oc-muted">never</span>{% endif %}
    </span>
    <span class="gt-action">
      <a href="/speakers/{{ row.entry.speaker.id }}">Open →</a>
    </span>
  </div>
  {% endfor %}
</div>
{% else %}
<ul class="lib-cards" aria-label="Speakers">
  {% for row in overview.rows %}
  <li>
    <div class="spk-card-header">
      {{ spk_badge(row) }}
      <div>
        <a href="/speakers/{{ row.entry.speaker.id }}">{{ row.entry.speaker.display_name }}</a>
        {{ status_chip(row) }}
      </div>
    </div>
    <p class="oc-muted">
      {{ row.aggregate.files }} file{{ "s" if row.aggregate.files != 1 }}
      · {{ format_duration(row.aggregate.seconds) }}
      · {% if row.aggregate.last_seen %}last heard {{ format_age(row.aggregate.last_seen, now=now) }}{% else %}never heard{% endif %}
    </p>
    <p>{{ match_pct(row) }}</p>
  </li>
  {% endfor %}
</ul>
{% endif %}
{% else %}
<p class="oc-muted">No speakers yet. Voices join the roster when you name them while reviewing a recording.</p>
{% endif %}

{% if overview.inactive %}
<details class="roster-inactive">
  <summary>Former speakers ({{ overview.inactive|length }})</summary>
  {% for entry in overview.inactive %}
  <p class="oc-muted">
    {{ entry.speaker.display_name }} —
    {% if entry.merged_into_name %}
    merged into {{ entry.merged_into_name }}
    {% else %}
    archived
    <form class="inline" method="post"
          action="/speakers/{{ entry.speaker.id }}/restore?{{ qs }}"
          hx-post="/speakers/{{ entry.speaker.id }}/restore?{{ qs }}"
          hx-target="#roster" hx-swap="innerHTML">
      <input type="hidden" name="csrf_token" value="{{ csrf_restore }}">
      <button type="submit">Restore</button>
    </form>
    {% endif %}
  </p>
  {% endfor %}
</details>
{% endif %}