{% import "_macros.html" as m %}
<div class="target-grid">
{% for r in rows %}
  <div class="target-card clickable{% if not r.enabled %} disabled{% endif %}" data-href="/targets/{{ r.name|urlencode }}">
    <div class="tc-head">
      <a class="mono tc-name" href="/targets/{{ r.name|urlencode }}" title="Open {{ r.name }}">{{ r.name }}</a>
      <span class="tc-head-right">
        {{ m.status_orb(r.enabled, r.active) }}
      </span>
    </div>
    <div class="tc-host mono">{{ r.host }}</div>
    {% if r.description %}<div class="tc-desc">{{ r.description }}</div>{% endif %}
    <div class="tc-row"><span class="tc-lbl">Tags</span><span>{{ m.chips(r.tags, 6) }}</span></div>
    <div class="tc-row"><span class="tc-lbl">Groups</span><span>{{ m.chips(r.groups, 4, 'group') }}</span></div>
    <div class="tc-foot">
      <span class="tc-backups">{{ m.backups_cell(r) }} backups</span>
      {% if latency_enabled %}<span>{{ m.latency_cell(r.latency, r.latency_hist) }}</span>{% endif %}
    </div>
  </div>
{% else %}
  <p class="muted">No devices match your filter.</p>
{% endfor %}
</div>
{{ m.pager(pg, '/ui/targets/rows', '#targets-result', '/targets', '#tgt-filters', '&sort=' ~ sort ~ '&dir=' ~ dir) }}
{{ 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) }}