{# included by result.html and returned bare by /links, so both paths render the same list #}
{% set check_url = '/links?v=' ~ (section.value | urlencode) ~ '&t=' ~ section.type %}
<div class="linkset" id="linkset-{{ section.type }}" tabindex="-1"{% if checking %}
     hx-get="{{ check_url }}" hx-trigger="load" hx-swap="outerHTML" hx-indicator="this"{% endif %}>
  {% if checking %}
  {# a check started before a reload is still running: this joins it rather than launching a second one #}
  <p class="muted linkset-tally">checking {{ section.links | length }} links, one request each…</p>
  {% elif verdicts %}
  <p class="muted linkset-tally">
    {% for name, count in tally.items() %}{{ count }} {{ name }}{% if not loop.last %} · {% endif %}{% endfor %}
  </p>
  <p class="muted linkset-tally">Only 404 and 410 prove a page is gone. Blocked, redirected and
    unreachable tell you nothing either way, and nothing here was opened.{% if not demo %}
    <button class="linkish" type="button" hx-get="{{ check_url }}&refresh=1"
            hx-target="closest .linkset" hx-swap="outerHTML" hx-disabled-elt="this"
            hx-indicator="closest .linkset">check again</button>{% endif %}</p>
  <p class="panel-running muted">checking {{ section.links | length }} links, one request each…</p>
  {% elif not demo %}
  <button class="panel-run" type="button"
          hx-get="{{ check_url }}"
          hx-target="closest .linkset" hx-swap="outerHTML"
          hx-disabled-elt="this" hx-indicator="closest .linkset">
    Check for dead links
  </button>
  <p class="panel-running muted">checking {{ section.links | length }} links, one request each…</p>
  <p class="muted panel-cost">sends one request per link from your IP, and does not open any of them</p>
  {% endif %}
  <ul class="links" id="links-{{ section.type }}-list">
    {% for link in section.links %}
    <li data-verdict="{{ verdicts.get(link.id, '') if verdicts else '' }}">
      <a href="{{ link.url }}" rel="noreferrer noopener" target="_blank">{{ link.name }}</a>
      {% if verdicts and verdicts.get(link.id) %}
      <span class="verdict verdict-{{ verdicts[link.id] }}">{{ verdicts[link.id] }}</span>
      {% endif %}
      {% if link.notes %}<span class="muted">{{ link.notes }}</span>{% endif %}
    </li>
    {% else %}
    <li class="muted">no sources for this type yet</li>
    {% endfor %}
  </ul>
</div>