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

{% block title %}SavType index{% endblock %}

{% block body %}
    <div class="absolute">
        <div class="d-flex justify-content-center align-items-center">
            <h1>SavType index</h1>
            <div class=" ms-3">
                <a href="{{ path('app_sav_type_new') }}" class="btn btn-success">Créer</a>
            </div>
        </div>

        <table class="table table-striped text-center">
            <thead>
            <tr>
                <th>Id</th>
                <th>Name</th>
                <th>Color</th>
                <th>actions</th>
            </tr>
            </thead>
            <tbody>
            {% for sav_type in sav_types %}
                <tr>
                    <td>{{ sav_type.id }}</td>
                    <td>{{ sav_type.name }}</td>
                    <td >
                        <div class="bg-{{ sav_type.color }} p-1 rounded ">
                            {{ sav_type.color }}
                        </div>
                        </td>
                    <td>
                        <a href="{{ path('app_sav_type_show', {'id': sav_type.id}) }}">show</a>
                        <a href="{{ path('app_sav_type_edit', {'id': sav_type.id}) }}">edit</a>
                    </td>
                </tr>
            {% else %}
                <tr>
                    <td colspan="3">no records found</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>

    </div>
{% endblock %}