{% extends 'base.html' %}

{% block breadcrumbs %}
    {{ super() }}
    <li class="breadcrumb-item active" aria-current="page">{{ _("Roles") }}</li>
{% endblock %}

{% block content %}
<div class="container-fluid mt-0">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1><i class="fas fa-user-tag me-2"></i>{{ _("Roles") }}</h1>
            <p class="text-muted mb-0">{{ _("Define user roles and permissions") }}</p>
        </div>
        <a href="{{ url_for('add_role') }}" class="btn btn-primary">
            <i class="fas fa-plus me-2"></i>{{ _("Add Role") }}
        </a>
    </div>
    <table class="table table-striped">
        <thead>
            <tr>
                <th>ID</th>
                <th>{{ _("Name") }}</th>
                <th class="d-none d-lg-table-cell">{{ _("Reserved") }}</th>
                <th>{{ _("Backend admin?") }}</th>
                <th>{{ _("Maintainer?") }}</th>
                <th>{{ _("Authorize All?") }}</th>
                <th>{{ _("Action") }}</th>
            </tr>
        </thead>
        <tbody>
            {% for role in roles %}
            <tr>
                <td>{{ role.role_id }}</td>
                <td>{{ role.role_name }}</td>
                <td class="d-none d-lg-table-cell">
                    {% if role.reserved %}
                    <i class="fa-solid fa-lock"></i> <!-- Locked Icon -->
                    {% else %}
                    <i class="fa-solid fa-lock-open"></i> <!-- Unlocked Icon -->
                    {% endif %}
                </td>
                <td>
                    {% if role.backend_admin %}
                    <i class="fa fa-check" aria-hidden="true"></i>
                    {% else %}
                    <i class="fa fa-times" aria-hidden="true"></i>
                    {% endif %}
                </td>
                <td>
                    {% if role.maintenance %}
                    <i class="fa fa-check" aria-hidden="true"></i>
                    {% else %}
                    <i class="fa fa-times" aria-hidden="true"></i>
                    {% endif %}
                </td>
                <td>
                    {% if role.authorize_all %}
                    <i class="fa fa-check" aria-hidden="true"></i>
                    {% else %}
                    <i class="fa fa-times" aria-hidden="true"></i>
                    {% endif %}
                </td>
                <td>
                    {% if not role.reserved %}
                    <a href="{{ url_for('edit_role', role_id=role.role_id) }}" class="btn btn-warning">{{ _("Edit") }}</a>
                    <a href="{{ url_for('delete_role', role_id=role.role_id) }}" class="btn btn-danger">{{ _("Delete") }}</a>
                    {% endif %}
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}