{% block body %}
    <div class="d-flex align-items-center">
        <h1>Service index</h1>
        <div>
            <a href="{{ path('service_new') }}" class="btn btn-success mx-3">Créer</a>

        </div>
    </div>


    <table class="table">
        <thead>
            <tr>
                <th>Id</th>
                <th>Title</th>
                <th>Description</th>
                <th>actions</th>
            </tr>
        </thead>
        <tbody>
        {% for service in services %}
            <tr>
                <td>{{ service.id }}</td>
                <td>{{ service.title }}</td>
                <td>{{ service.description }}</td>
                <td>
                    <a href="{{ path('service_show', {'id': service.id}) }}" class="btn btn-dark">Voir</a>
                    <a href="{{ path('service_edit', {'id': service.id}) }}" class="btn btn-info">Modifier</a>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="4">no records found</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

{% endblock %}