{% block body %}
    <h1 class="fs-1">Engagement index</h1>
    <a href="{{ path('engagement_new') }}" class="btn btn-success">Créer</a>

    <table class="table table-striped">
        <thead>
            <tr>
                <th>Id</th>
                <th></th>
                <th>Title</th>
                <th>Content</th>
                <th>actions</th>
            </tr>
        </thead>
        <tbody>
        {% for engagement in engagements %}
            <tr>
                <td>{{ engagement.id }}</td>
                <td>{{engagement.image.display(50) }}</td>
                <td>{{ engagement.title }}</td>
                <td>{{ engagement.content }}</td>
                <td>
                    <div class="d-flex align-items-center">
                        <a href="{{ path('engagement_show', {'id': engagement.id}) }}" class="btn btn-dark">Voir</a>
                        <a href="{{ path('engagement_edit', {'id': engagement.id}) }}" class="btn btn-info mx-3">Modifier</a>
                    </div>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="4">no records found</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

{% endblock %}