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

    {% block stylesheets %}
        {{ encore_entry_link_tags('clients') }}
    {% endblock %}

    {% block javascripts_header %}
        {{ parent() }}
        {{ encore_entry_script_tags('clients') }}
    {% endblock %}
{% block title %}
    <div class="titre_client navbar-nav font-25">
        <a class="nav-link"> <i class="fas fa-user"></i> Fiche Client </a>
    </div>
{% endblock %}
{% block body %}

    <div class="titre_client">
        <div class="icon-wrapper rounded-circle text-center align-self-start">
            <div class="icon-wrapper-bg bgvert"></div>
            <i class="fas fa-wallet m-auto opacity-4 fa-2x p-1"></i>
        </div>
        <div class="opacity-6">


            {{ mission.commande.libelle }}
            <div class="sous-titre-client">
                <a href="{{ path('client_show',{id:mission.client.id}) }}" class="" title="Cliquer pour consulter les informations">
                {{ mission.client.nom }}
               </a>
            </div>

        </div>
    </div>

    <div class="bg-white mt-4 p-3 shadow">

        <div class="form-row ml-4">
            <div class="form-group col-sm-3">
                <label class='control-label'>Date de début de la mission :</label>
                <span class='font-weight-bold'>{% if mission.datedebut is not empty %} {{ mission.datedebut|date('d/m/Y') }} {% endif %}</span>
            </div>
              <div class="form-group col-sm-3">
                <label class='control-label'>Date de fin de la mission :</label>
                  <span class='font-weight-bold' class=''>{% if mission.datefin is not empty %} {{ mission.datefin|date('d/m/Y') }}{% endif %}</span>
            </div>
        </div>
        <div class="form-row ml-4">
            <div class="form-group col-sm-3">
                <label class='control-label'>Nombre de jour prévu :</label>
                <span class='font-weight-bold'>{{ mission.nbrejourprevu }} </span>
            </div>
            <div class="form-group col-sm-3">
                <label class='control-label'>Nombre de jour réalisé :</label>
                <span class='font-weight-bold'>{{ mission.nbrejourrealise }} </span>
            </div>
            <div class="form-group col-sm-3 ">
                <label class='control-label'>Honoraires :</label>
                <span class='font-weight-bold'>{{ mission.honoraire }} </span>
            </div>
        </div>

        <div class="card-footer mt-3 pt-4">
            <a class="btn btn-warning mr-auto" href="{{ path("mission_modif",{id : mission.id}) }}"  title="Cliquer pour modifier la mission">
                <i class="fas fa-edit"></i>Modifier la mission</a>
            <a href="{{ path("mission_continuer",{id : mission.id}) }}"
               class="btn btn-vertpastel"
               title="Continuer la mission">Aller aux modules
               </a>

            <a href="{{ path('creer_mission',{id:mission.client.id}) }}" class=" btn btn-mission ml-auto"><i class="fas fa-plus"></i> Nouvelle
                mission</a>
        </div>

        <hr class="mb-4">
    </div>
   {#

    <hr class="mb-4">
    <div class="card-deck">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title vertfonce">
                    <i class="fas fa-wallet"></i> Missions
                </h4>
                <p class="card-text">
                <ul class="list-group list-group-flush">
                    {% for  mission in client.missions %}
                        <li class="  list-group-item"><a href="{{ path("mission_show",{id : mission.id}) }}"
                                                         class="alert-link bleupastel"
                                                         title="Continuer la mission">{{ mission.commande.libelle }}
                                <span class="small">Date début : {{ mission.datedebut|date('d/m/Y') }}</span></a></li>

                    {% endfor %}
                </ul>

                </p>
            </div>

        </div>
    </div>
#}
{% endblock %}