{% import "_macros.html" as m %}
<table>
  <thead><tr>
    <th>Device</th><th>Host</th><th>Tags</th><th>Sets</th><th>Newest</th><th class="actions-col"></th>
  </tr></thead>
  <tbody>
  {% for r in rows %}
    <tr{% if r.backups %} data-href="/backups/{{ r.name|urlencode }}" class="clickable"{% endif %}>
      <td class="mono">{% if r.backups %}<a href="/backups/{{ r.name|urlencode }}" title="Browse {{ r.name }} backups">{{ r.name }}</a>{% else %}{{ r.name }}{% endif %}</td>
      <td class="mono">{{ r.host }}</td>
      <td>{{ m.chips(r.tags, 5) }}</td>
      <td>{% if r.backups %}{{ m.count_pill(r.backups, '/backups/' ~ (r.name|urlencode)) }}{% else %}{{ m.count_pill(0) }}{% endif %}</td>
      <td>{% if r.newest_backup %}{{ r.newest_backup | datetime }}{% else %}<span class="muted">—</span>{% endif %}</td>
      <td class="row-actions">{% if r.backups %}{{ m.icon_browse('/backups/' ~ (r.name|urlencode), 'Browse backups') }}{% endif %}</td>
    </tr>
  {% else %}
    <tr><td colspan="6" class="muted">No devices match your filter.</td></tr>
  {% endfor %}
  </tbody>
</table>
{{ m.pager(pg, '/ui/backups/rows', '#backups-result', '/backups', '#bak-filters') }}