{% block body %}
    <div class="d-flex">
        <h1 class="fs-1">Settings index</h1>
        {% if app.user.id == 2 %}
            <div>
                <a href="{{ path('settings_new') }}" class="btn btn-success m-3">Créer</a>

            </div>
        {% endif %}
    </div>
    
    
    
    <table class="table table-striped">
        <thead>
        <tr>
            <th>Id</th>
            <th>Name</th>
            <th>Value</th>
            <th>actions</th>
        </tr>
        </thead>
        <tbody>
        {% if app.user.id == 2 %}
            {% set settings = settings | reverse %}
        {% endif %}

        {% for setting in settings %}
            {% if setting.editable or app.user.id == 2 %}
                <tr>
                    {% if app.user.id == 2 %}


                        <td class="{{ setting.editable ? 'bg-success' : 'bg-danger' }}">{{ setting.id }}</td>

                    {% else %}
                            <td>{{ setting.id }}</td>

                    {% endif %}
                    <td>{{ setting.name }}</td>
                    <td>{{ setting.value }}</td>
                    <td>
                        <div class="d-flex align-items-center">
                            <a href="{{ path('settings_show', {'id': setting.id}) }}" class="btn btn-dark">Voir</a>
                            <a href="{{ path('settings_edit', {'id': setting.id}) }}" class="btn btn-info mx-3">Modifier</a>
                        </div>
                    </td>
                </tr>

            {% endif %}
        {% else %}
            <tr>
                <td colspan="5">no records found</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

{% endblock %}