{% extends "base.html" %}
{% block title %}Admin — grupper{% endblock %}
{% block body %}
<h1>Grupper</h1>
<p class="wt-lead">Grupper styrer hvilke services brugere har adgang til. Bind en app til en gruppe i Authentik, og alle i gruppen får adgang.</p>
{% if saved %}<div class="wt-flash">{{ saved }}</div>{% endif %}
<form method="post" action="/admin/groups" style="display:flex;gap:.6rem;align-items:end;margin:1rem 0;max-width:28rem">
  <label style="flex:1">Ny gruppe<input name="name" required autocomplete="off" placeholder="fx Familie"></label>
  <button class="wt-btn wt-btn--primary" type="submit">Opret</button>
</form>
<table class="wt-table">
  <thead><tr><th>Gruppe</th><th>Medlemmer</th><th></th></tr></thead>
  <tbody>
  {% for g in groups %}
    <tr><td><strong>{{ g.name }}</strong></td><td class="wt-muted">{{ g.members }}</td><td><a href="/admin/groups/{{ g.pk }}">Medlemmer →</a></td></tr>
  {% endfor %}
  </tbody>
</table>
{% endblock %}