{% extends "tesm_core/base.html" %}
{% from "tesm_core/macros.html" import field, textarea_field, pill, modal, alert, permission_matrix, empty_state %}

{% block page_title %}Gruppen und Rechte{% endblock %}
{% block page_sub %}{{ groups | length }} Gruppen · Rechte addieren sich über alle Gruppen eines Benutzers{% endblock %}

{% block topbar_extra %}
  {% if current_user.has('groups.create') %}
    <button class="btn btn--primary btn--sm" type="button" data-dialog-open="group-new">
      {{ icon('plus', size=15) }} Gruppe anlegen
    </button>
  {% endif %}
{% endblock %}

{% block content %}
{{ alert('Wer selbst ein Recht nicht besitzt, kann es auch nicht vergeben. Diese Regel gilt für
alle ausser echten Administratoren und verhindert, dass sich ein Gruppenverwalter über eine
neue Gruppe selbst höherstuft.', 'info', 'Eskalationsschutz') }}

<div class="grid grid--2">
  {% for group in groups %}
    <section class="card">
      <div class="card__header">
        <div class="flex-1">
          <div class="card__title">
            {{ icon('shield-users', size=17) }}
            <a href="{{ url_for('admin.group_detail', group_id=group.id) }}">{{ group.name }}</a>
            {% if group.is_system %}{{ pill('System', 'accent') }}{% endif %}
            {% if group.is_default %}{{ pill('Standard', 'info') }}{% endif %}
          </div>
          <div class="card__sub">
            {{ group.description or 'Ohne Beschreibung' }} &middot;
            {{ group.member_count }} Mitglied{{ '' if group.member_count == 1 else 'er' }}
          </div>
        </div>
        {% if current_user.has('groups.delete') and not group.is_system %}
          <form method="post" action="{{ url_for('admin.group_delete', group_id=group.id) }}" data-no-guard>
            <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
            <button class="btn btn--sm btn--ghost danger-text" type="submit"
                    data-confirm="Gruppe {{ group.name }} löschen? Sie landet im Papierkorb; Mitglieder verlieren die zugehörigen Rechte."
                    data-confirm-title="Gruppe löschen" data-confirm-ok="Löschen"
                    aria-label="Löschen">{{ icon('trash', size=15) }}</button>
          </form>
        {% endif %}
      </div>
      <div class="card__body">
        {% if summaries[group.id] %}
          <ul class="stack stack--tight fs-sm">
            {% for line in summaries[group.id] %}<li class="muted">{{ line }}</li>{% endfor %}
          </ul>
        {% else %}
          <p class="faint fs-sm">Keine Rechte vergeben &ndash; Mitglieder sehen nur ihr eigenes Konto.</p>
        {% endif %}
      </div>
      <div class="card__footer">
        <a class="btn btn--sm" href="{{ url_for('admin.group_detail', group_id=group.id) }}">
          Rechte bearbeiten
        </a>
      </div>
    </section>
  {% endfor %}
</div>
{% if not groups %}
  {{ empty_state('Keine Gruppen', 'Ohne Gruppen hat niemand ausser Administratoren Rechte.', 'shield-users') }}
{% endif %}
{% endblock %}

{% block dialogs %}
{% if current_user.has('groups.create') %}
  {% call modal('group-new', 'Gruppe anlegen', 'Rechte können anschliessend feiner eingestellt werden', 'wide') %}
    <form method="post" action="{{ url_for('admin.group_create') }}">
      <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
      <div class="modal__body">
        {{ field('name', 'Name', required=True) }}
        {{ textarea_field('description', 'Beschreibung', rows=2) }}
        {{ permission_matrix(tree, action_meta, {}, disabled=False) }}
      </div>
      <div class="modal__footer">
        <button class="btn" type="button" data-dialog-close>Abbrechen</button>
        <button class="btn btn--primary" type="submit">Anlegen</button>
      </div>
    </form>
  {% endcall %}
{% endif %}
{% endblock %}