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

    <table class="table table-striped">
        <thead>
            <tr>
                <th>Id</th>
                <th></th>
                <th>Name</th>
                <th>actions</th>
            </tr>
        </thead>
        <tbody>
        {% for categorie in categories %}
            <tr>
                <td>{{ categorie.id }}</td>
                <td>{{categorie.image.display(100)}}</td>
                <td>{{ categorie.name }}</td>
                <td>
                    <a href="{{ path('categorie_show', {'id': categorie.id}) }}" class="btn btn-dark">Voir</a>
                    <a href="{{ path('categorie_edit', {'id': categorie.id}) }}" class="btn btn-info">Modifier</a>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="3">no records found</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

{% endblock %}