{% block body %}
    <h1 class="fs-1">Probleme index</h1>
    <a href="{{ path('probleme_new') }}" class="bg-green-500 p-3 my-3 rounded">Create new</a>

    <table class="table">
        <thead>
            <tr>
                <th>Id</th>
                <th></th>
                <th>Name</th>
                <th>actions</th>
            </tr>
        </thead>
        <tbody>
        {% for probleme in problemes %}
            <tr>
                <td>{{ probleme.id }}</td>
                <td>
                    {% if probleme.image != null %}
                        {{ probleme.image.display(70) }}
                    {% endif %}
                </td>
                <td>{{ probleme.name }}</td>
                <td>
                    <a href="{{ path('probleme_show', {'id': probleme.id}) }}">show</a>
                    <a href="{{ path('probleme_edit', {'id': probleme.id}) }}">edit</a>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="3">no records found</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

{% endblock %}