{% import "_macros.html" as m %}
{% macro sorth(key, label) -%}
{%- set ndir = 'desc' if (sort == key and dir == 'asc') else 'asc' -%}
<th><a class="sortlink" hx-get="/ui/targets/rows?sort={{ key }}&dir={{ ndir }}"
       hx-include="#tgt-filters" hx-target="#targets-result" hx-swap="innerHTML"
       href="/targets?sort={{ key }}&dir={{ ndir }}">{{ label }}{% if sort == key %} {{ '▲' if dir == 'asc' else '▼' }}{% endif %}</a></th>
{%- endmacro %}
<table>
  <thead><tr>
    <th class="cb-col"><input type="checkbox" data-bulk-all aria-label="Select all devices"></th>
    {{ sorth('name', 'Device') }}{{ sorth('enabled', 'State') }}{{ sorth('host', 'Host / address') }}<th>Description</th><th>Groups</th><th>Tags</th>
    {{ sorth('backups', 'Backups') }}{% if latency_enabled %}{{ sorth('latency', 'Latency') }}{% endif %}
  </tr></thead>
  <tbody>
  {% for r in rows %}
    <tr data-href="/targets/{{ r.name|urlencode }}" class="clickable">
      <td class="cb-col"><input type="checkbox" class="bulk-cb" data-bulk-cb value="{{ r.name }}" aria-label="Select {{ r.name }}"></td>
      <td class="mono"><a href="/targets/{{ r.name|urlencode }}" title="Open {{ r.name }}">{{ r.name }}</a></td>
      <td class="status-col">{{ m.status_orb(r.enabled, r.active) }}</td>
      <td class="mono">{{ r.host }}</td>
      <td class="desc" title="{{ r.description }}">{{ r.description | truncate(40, True, '…', 0) }}</td>
      <td>{{ m.chips(r.groups, 2, 'group') }}</td>
      <td>{{ m.chips(r.tags, 3) }}</td>
      <td>{{ m.backups_cell(r) }}</td>
      {% if latency_enabled %}<td>{{ m.latency_cell(r.latency, r.latency_hist) }}</td>{% endif %}
    </tr>
  {% else %}
    <tr><td colspan="{{ 9 if latency_enabled else 8 }}" class="muted">No devices match your filter.</td></tr>
  {% endfor %}
  </tbody>
</table>
{{ m.pager(pg, '/ui/targets/rows', '#targets-result', '/targets', '#tgt-filters', '&sort=' ~ sort ~ '&dir=' ~ dir) }}
{# Poll to refresh latency sparklines and the per-target busy indicator (a faster 4s cadence
   while something is running so the dot appears/clears promptly). #}
{{ m.live_poll('/ui/targets/rows?view=' ~ view ~ '&sort=' ~ sort ~ '&dir=' ~ dir ~ '&page=' ~ pg.page ~ '&per=' ~ pg.per ~ '&q=' ~ (q|urlencode) ~ '&group=' ~ (selected_group|urlencode) ~ '&tag=' ~ (selected_tag|urlencode) ~ '&enabled=' ~ selected_enabled ~ '&version=' ~ (selected_version|urlencode), '#targets-result', 4 if has_active else 10) }}