{% extends 'layout/backEndLayout.html.twig' %}

{% block title %}Gestion des droits financiers{% endblock %}

{% block content %}
<div class="container mt-4">

    {% for label, messages in app.flashes %}
        {% for message in messages %}
            <div class="alert alert-{{ label }} alert-dismissible fade show">
                {{ message }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        {% endfor %}
    {% endfor %}

    <div class="d-flex justify-content-between mb-3">
        <h2>Droits financiers attribués</h2>
        <a href="{{ path('financial_scope_new') }}" class="btn btn-primary">
            <i class="bi bi-plus-circle"></i> Ajouter un droit
        </a>
    </div>

    <table class="table table-bordered table-striped">
        <thead class="table-dark">
            <tr>
                <th>ID</th>
                <th>Manager</th>
                <th>Type</th>
                <th>Élément</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
        {% for fs in scopes %}
            <tr>
                <td>{{ fs.id }}</td>
                <td>{{ fs.financialManager.email }}</td>
                <td>{{ fs.scopeType|capitalize }}</td>
                <td>
                    {{ fs.scopeType|capitalize }}
                    :
                    {{ fs.resolvedName ?? '—' }}
                </td>

                <td class="text-end">
                    <a href="{{ path('financial_scope_edit', {id: fs.id}) }}"
                       class="btn btn-sm btn-warning"
                      >
                        <i class="fa fa-trash"></i>
                    </a>
                    <a href="{{ path('financial_scope_delete', {id: fs.id}) }}"
                       class="btn btn-sm btn-danger"
                       onclick="return confirm('Supprimer ce droit ?')">
                        <i class="fa fa-trash"></i>
                    </a>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="5" class="text-center text-muted">Aucun droit configuré.</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

</div>
{% endblock %}