{% extends "base.html" %}
{% block title %}Роли и права — ЭВОСИНК{% endblock %}

{% block content %}
<nav class="breadcrumb">
    <li class="breadcrumb-item"><a href="/admin/users">Пользователи</a></li>
    <li class="breadcrumb-item active">Роли и права</li>
</nav>

<h1 style="font-size:1.3rem;" class="mb-3"><i class="bi bi-shield-lock me-2"></i>Роли и права</h1>

{% for role in roles %}
<article class="card mb-3">
    <header>
        <h2 style="font-size:1rem;">{{ role.name }}
            <span class="text-muted small fw-normal">— {{ role.description or '' }}</span>
        </h2>
    </header>
    <div class="card-body">
        <form method="post" action="/admin/roles/{{ role.id }}/permissions">
            <div class="row gap-2 flex-wrap">
                {% for perm in permissions %}
                <div class="col-auto">
                    <label style="display:flex; align-items:center; gap:0.4rem; margin:0;">
                        <input type="checkbox" name="perm_{{ perm.id }}" value="{{ perm.id }}"
                               {% if perm.id in role_perm_ids[role.id] %}checked{% endif %}>
                        {{ perm.name }}
                        {% if perm.description %}
                        <span class="text-muted small">({{ perm.description }})</span>
                        {% endif %}
                    </label>
                </div>
                {% endfor %}
            </div>
            <button type="submit" class="sm mt-3">Сохранить права для «{{ role.name }}»</button>
        </form>
    </div>
</article>
{% endfor %}
{% endblock %}