{% extends "base.html" %}
{% block title %}{{ ltext('Roles / الأدوار') }} | {{ app_name }}{% endblock %}
{% block content %}
    <section class="panel">
        <div class="panel-header panel-header-inline">
            <div>
                <h1>{{ ltext('Roles / الأدوار') }}</h1>
                <p>{{ ltext('Control permission bundles for internal and external users. / تحكم بحزم الصلاحيات للمستخدمين الداخليين والخارجيين.') }}</p>
            </div>
            <div class="button-row">
                <a class="button button-secondary" href="{{ xlsx_export_url }}">{{ ltext('Export Excel / تصدير Excel') }}</a>
                <a class="button" href="{{ url_for('admin.create_role') }}">{{ ltext('New Role / دور جديد') }}</a>
            </div>
        </div>
        <div class="table-wrap">
            <table class="data-table">
                <thead>
                <tr>
                    <th>{{ ltext('Name / الاسم') }}</th>
                    <th>{{ ltext('Slug / المعرّف') }}</th>
                    <th>{{ ltext('Permissions / الصلاحيات') }}</th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                {% for role in roles.items %}
                    <tr>
                        <td>{{ role.name }}</td>
                        <td>{{ role.slug }}</td>
                        <td>{{ role.permissions|length }}</td>
                        <td><a href="{{ url_for('admin.edit_role', role_id=role.id) }}">{{ t('edit') }}</a></td>
                    </tr>
                {% else %}
                    <tr><td colspan="4">{{ ltext('No roles available. / لا توجد أدوار.') }}</td></tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
        {% set pagination = roles %}
        {% include "partials/pagination.html" %}
    </section>
{% endblock %}