{% extends "base.html" %}
{% import "_macros.html" as m %}
{% block title %}Groups — rosbackup-ng{% endblock %}
{% block page_title %}Groups{% endblock %}
{% block head_actions %}<a class="btn primary" href="/groups/new">+ Add group</a>{% endblock %}
{% block content %}
<div class="card">
  <p class="muted">Groups bundle devices by explicit membership and/or matching tags. They scope
    backup runs and schedules, and can restrict web capabilities (download / restore) for their
    members.</p>
  {% if groups %}
  <div class="filters">
    <select data-list-filter="tbody tr[data-filter-name]" aria-label="Filter by group">
      <option value="">All groups ({{ groups|length }})</option>
      {% for g in groups %}<option value="{{ g.name }}">{{ g.name }}</option>{% endfor %}
    </select>
  </div>
  <table>
    <thead><tr><th>Group</th><th>Members</th><th>Matches</th><th>Match</th><th>Download</th><th>Restore</th><th class="actions-col"></th></tr></thead>
    <tbody>
      {% for g in groups %}
      {% set raw = raw_groups.get(g.name, {}) %}
      <tr data-href="/groups/{{ g.name|urlencode }}/edit" class="clickable" data-filter-name="{{ g.name }}">
        <td class="mono"><a href="/groups/{{ g.name|urlencode }}/edit" title="Edit group">{{ g.name }}</a></td>
        <td>{{ m.count_pill(g.count, '/targets?group=' ~ (g.name|urlencode), g.count ~ ' device(s)') }}{% if raw.get('members') %} <span class="muted">({{ raw.members|length }} explicit)</span>{% endif %}</td>
        <td>{% if raw.get('match_tags') %}{{ m.chips(raw.match_tags, 6) }}{% else %}<span class="muted">—</span>{% endif %}</td>
        <td>{% if raw.get('match_tags') %}<span class="chip">{{ 'all' if raw.get('match') == 'all' else 'any' }}</span>{% else %}<span class="muted">—</span>{% endif %}</td>
        <td>{{ m.cap_chip(raw.get('allow_download')) }}</td>
        <td>{{ m.cap_chip(raw.get('allow_restore')) }}</td>
        <td class="row-actions">
          {{ m.icon_edit('/groups/' ~ (g.name|urlencode) ~ '/edit') }}
          {{ m.icon_delete('/ui/groups/' ~ (g.name|urlencode) ~ '/delete', 'Delete group “' ~ g.name ~ '”? Devices and backups are untouched.', 'Delete group') }}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <p class="muted">No groups defined. <a href="/groups/new">Add one →</a></p>
  {% endif %}
</div>
{% endblock %}