{% extends 'layout.html.twig' %}
    {% block javascripts_header %}
        {{ parent() }}
        {{ encore_entry_script_tags('clients') }}
    {% endblock %}
{% block body %}


        <div class="d-flex mt-5">
            <div class="flex-grow-1  ml-2 opacity-6 ">
                <h3 class="bleupastel"> <i class="fas fa-users"></i> Liste des clients</h3>

            </div>
            <div class="align-middle opacity-6">
                <a href="{{ path('client_creer',{type:2}) }}" class=" btn btn-commanditaire mr-5"><i
                            class="fas fa-user-tie "></i>
                    Nouveau Client</a></div>

        </div>

        {% for type, messages in app.session.flashbag.all() %}
            {% for message in messages %}
                <div class="p-3 alert-{{ type }}">
                    {{ message }}
                </div>
            {% endfor %}
        {% endfor %}
    <div class="bg-white w-100 shadow-lg p-3">
        <!-- Insert this where you want the table to appear -->
        <table class="table table-striped">
            <thead>
            <tr>
                <th scope="col">#</th>
                <th scope="col">Nom</th>
                <th scope="col">Tel/Email</th>
                <th scope="col">Date de contact</th>
                <th scope="col">CEO / Autre Contact</th>
                <th class="" scope="col">Missions</th>
                <th class="" scope="col">Modifier</th>
                <th class="w-auto" scope="col">Fiche Recap</th>
                {% if is_granted('ROLE_ADMIN')  %}
                <th class="w-auto" scope="col">Supprimer</th>
                {% endif %}
            </tr>
            </thead>
            <tbody class="">
            {% for client in list %}
                <tr>
                    <th scope="row">{{ loop.index }}</th>
                    <td>{{ client.nom }}</td>
                    <td>{{ client.telephone }} / {{ client.mail }}</td>

                    <td>{{ client.dateContact|date("d/m/Y") }}</td>
                    <td>{{ client.ceo }} / {{ client.cto }}</td>
                    <td><a href="{{ path('creer_mission',{id : client.id}) }}" class="btn btn-success w-auto opacity-6" title="Créer une mission pour {{ client.nom }} "><i
                                    class="fas fa-wallet"></i></a></td>
                    <td><a href="{{ path("client_modif",{id : client.id}) }}" class="btn btn-jaune w-auto  opacity-6" title="Modifier les informations pour {{ client.nom }}"><i
                                    class="fas fa-user-edit"></i></a></td>
                    <td><a href="{{ path("client_show",{id : client.id}) }}" class="btn btn-commanditaire  opacity-6" title="Visualiser la fiche récapitulative pour {{ client.nom }}"><i
                                    class="fas fa-file"></i></a></td>
                    {% if is_granted('ROLE_ADMIN')  %}
                    <td>
                        <form class="formDelete" action="{{ path("client_archive",{id : client.id}) }}" method="post">
                            <input type="hidden" name="_tokenDelete" value="{{ csrf_token('clientDelete691'~client.id) }}" />
                            <button class="btn btn-danger opacity-6 btnSupprimer" title="Supprimer"><i class="fas fa-trash-alt"></i> </button>
                        </form></td>
                    {% endif %}
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>

{% endblock %}