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

{% block body_id 'annuaire_list' %}
{% block title 'Gestion des annuaires' %}

{% block main %}
    <div class="container-fluid py-3">
        {% for message in app.flashes('success') %}
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ message }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        {% endfor %}

        {% for message in app.flashes('error') %}
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                {{ message }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        {% endfor %}

        <div class="table-responsive">
            <table class="table table-striped table-hover">
                <thead class="table-primary">
                    <tr>
                        <th>Nom</th>
                        <th>Fichier</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    {% if files|length > 0 %}
                        {% for file in files %}
                            <tr>
                                <td><strong>{{ file.name|upper }}</strong></td>
                                <td>{{ file.filename }}</td>
                                <td>
                                    <a href="{{ path('annuaire_edit', {'filename': file.filename}) }}" class="btn btn-sm btn-primary">
                                        <i class="fa fa-edit"></i> Éditer
                                    </a>
                                </td>
                            </tr>
                        {% endfor %}
                    {% else %}
                        <tr>
                            <td colspan="3" class="text-center">Aucun fichier d'annuaire trouvé</td>
                        </tr>
                    {% endif %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}