{% extends 'base.html.twig' %}

{% block title %}Membre index{% endblock %}

{% block body %}
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h1 class="h3 mb-0">Membres</h1>
        <a href="{{ path('app_membre_new') }}" class="btn btn-success">Create new</a>
    </div>

    <table class="table table-striped table-hover align-middle">
        <thead>
            <tr>
                <th>Id</th>
                <th>Nom</th>
                <th>Droit</th>
                <th class="text-end">Actions</th>
            </tr>
        </thead>
        <tbody>
        {% for membre in membres %}
            <tr>
                <td>{{ membre.id }}</td>
                <td>{{ membre.nom }}</td>
                <td>{{ membre.droit }}</td>
                <td class="text-end">
                    <a href="{{ path('app_membre_show', {'id': membre.id}) }}" class="btn btn-sm btn-outline-primary me-1">Show</a>
                    <a href="{{ path('app_membre_edit', {'id': membre.id}) }}" class="btn btn-sm btn-outline-secondary">Edit</a>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="5" class="text-center text-muted">No records found</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endblock %}