{% set badge = {'upgrade': ('⬆', 'up'), 'downgrade': ('⬇', 'down'), 'current': ('✓', 'cur'), 'unknown': ('?', 'unk')} %}
<table>
  <thead><tr>
    <th class="actions-col"><input type="checkbox" data-check-all="#upg-rows input[name=targets]" aria-label="Select all"></th>
    <th>Router</th><th>Host</th><th>Installed</th><th>Target</th><th>Change</th>
  </tr></thead>
  <tbody>
  {% for r in rows %}
    <tr{% if r.offline %} class="row-offline"{% endif %}>
      <td><input type="checkbox" name="targets" value="{{ r.name }}" {{ 'checked' if r.selected }}{{ ' disabled' if r.offline }}></td>
      <td class="mono"><a href="/targets/{{ r.name|urlencode }}">{{ r.name }}</a></td>
      <td class="mono">{{ r.host }}</td>
      <td class="mono">{{ r.installed or '—' }}</td>
      <td class="mono">{{ target or '—' }}</td>
      {% set sym, cls = badge[r.delta] %}
      <td>{% if r.offline %}<span class="chip muted" title="Monitored offline — excluded">offline</span>{% else %}<span class="delta delta-{{ cls }}">{{ sym }} {{ r.delta }}</span>{% endif %}</td>
    </tr>
  {% else %}
    <tr><td colspan="6" class="muted">No routers match your filter.</td></tr>
  {% endfor %}
  </tbody>
</table>
<p class="muted upg-count">{{ rows|length }} router{{ '' if rows|length == 1 else 's' }} · target
  <span class="mono">{{ target or '—' }}</span>{% if offline_count %} · <span class="bad">{{ offline_count }} offline excluded</span>{% endif %}</p>