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

    <div class="d-flex mt-5">
        <div class="flex-grow-1  ml-2 opacity-6 ">
           <h4 class="bleupastel"> <i class="fas fa-wallet m-auto opacity-4 fa-1x p-1 mt-3"></i>
               <span class="mb-3">Liste des missions</span></h4>
        </div>
        <div class="align-middle opacity-6">
            <a href="{{ path('creer_mission') }}" class=" btn btn-commanditaire mr-5"><i class="fas fa-wallet "></i> Nouvelle Mission</a></div>

    </div>
    <div class="bg-white p-lg-3">
        {% include "_flashes.html.twig" %}
    <!-- Insert this where you want the table to appear -->
    <table class="table table-striped shadow-sm ">
        <thead>
        <tr>
            <th>Client</th>
            <th>Commande</th>
            <th>Date de début</th>
            <th>Date de fin</th>
            <th>Nombre jour prévu</th>
            <th>Nombre jour réalisé</th>
            <th colspan="3" align="center" class="text-center">Outils</th>
{#            <th class="w-auto" scope="col" >Résultat</th>#}
        </tr>
        </thead>
        <tbody class="">
        {% for mission in list %}
            <tr>
                <td>{% if  mission.client is not null %}
                    {{ mission.client.nom }}
                {% endif %}</td>
                <td>{{ mission.commande.libelle }} </td>
                <td>{% if  mission.datedebut is not empty %}{{ mission.datedebut|date("d/m/Y") }} {% endif %}</td>
                <td>{% if  mission.datefin is not empty %}{{ mission.datefin|date("d/m/Y") }}{% endif %}</td>
                <td>{{ mission.nbrejourprevu }}</td>
                <td>{{ mission.nbrejourrealise }}</td>
{#                <td><a href="{{ path("mission_show",{id : mission.id}) }}" class="btn btn-success opacity-6 w-auto" title="Afficher les informations de la mission"><i class="fas fa-wallet"></i></a></td>#}
                <td><a href="{{ path("mission_continuer",{id : mission.id}) }}" class="btn btn-primary opacity-6  w-auto" title="Afficher l'éligibilité et les modules "><i class="fas fa-layer-group"></i> Continuer la saisie</a></td>
                <td><a href="{{ path("mission_modif",{id : mission.id}) }}" class="btn btn-dark opacity-6  w-auto" title="Modifier le client, la commande et les dates de la mission "><i class="fas fa-edit"></i> Modifier la commande</a></td>
                <td>
                    <form action="{{ path("mission_archive",{id : mission.id}) }}" method="post">
                        <input type="hidden" name="_tokenarchive" value="{{ csrf_token('missionArchive691'~mission.id) }}" />
                        <button class="btn btn-danger opacity-6" title="Archiver"><i class="fas fa-trash-alt"></i> Supprimer </button>
                    </form>

                </td>
                {#                <td><a href="#" class="btn btn-commanditaire"><i class="fas fa-file"></i></a></td>#}
            </tr>
        {% endfor %}
        </tbody>
    </table>
    </div>

{% endblock %}