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

{% block body %}
<div class="container-fluid">

    <h3>Couleurs</h3>

        <table class="table-striped table-bordered table-sm">
            {% for color in colorList %}
            <tr>
                <td>
                    <i class="fas fa-fw fa-circle fa-2xs" style="color:{{ color.hexacode }}; "></i> 
                </td>
                <td>
                    {{ color.name }}
                </td>
                <td>
                    {{ color.hexacode }}
                </td>
                <td>
                    <a href=" {{ url ('edit_color', {'color' : color.id }) }}"><i class="fas fa-fw fa-pen fa-2xs"></i></a>
                </td>
                <td>
                    <a href=" {{ url ('delete_color', {'color' : color.id }) }}" onclick="return confirm('Voulez-vous vraiment supprimer {{ color.name }} ?')"><i style="color: #b30000;" class="fas fa-trash fa-2xs"></i></a>
                </td>
            </tr>
            {% endfor %}
        </table>

        <a class="btn btn-primary mt-4" href="{{ url('add_color')}}">Ajouter une couleur</a>


</div>
{% endblock %}