{% extends "base.html" %}
{% block title %}Backups — rosbackup-ng{% endblock %}
{% block page_title %}Backups{% endblock %}
{% import "_macros.html" as m %}
{% block content %}
<div class="card">
  <p class="muted">Backup sets on the local destination. Select a device to browse and download.</p>
  <form class="filters stacked" id="bak-filters" hx-get="/ui/backups/rows" hx-target="#backups-result"
        hx-swap="innerHTML" hx-trigger="change, keyup delay:300ms from:find input[name=q]">
    <div class="filter-row">
      <select name="group">
        <option value="">All groups</option>
        {% for g in groups %}<option value="{{ g.name }}">{{ g.name }} ({{ g.count }})</option>{% endfor %}
      </select>
      <select name="tag">
        <option value="">All tags</option>
        {% for t in tags %}<option value="{{ t.name }}">{{ t.name }} ({{ t.count }})</option>{% endfor %}
      </select>
      {{ m.pagesize(pg.per) }}
    </div>
    <div class="filter-row">
      <input type="search" name="q" placeholder="Search name / host / description">
    </div>
  </form>
  <div id="backups-result">
    {% include "_backups_table.html" %}
  </div>
</div>
{% endblock %}