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

{% block body %}
<div class="tabs-animation" style="padding: 20px;margin: 40px;">
    {% for message in app.flashes('info') %}
        <div class="alert alert-success">
            {{ message }}
        </div>
    {% endfor %}
   {# <div class="mb-3 card">
        <div class="card-header-tab card-header  d-flex">
            <div class="card-header-title font-20 font-size-lg font-weight-normal opacity-6">
                Dernières Missions
            </div>
            <div class="ml-auto">
                <a href="{{ path('list_mission') }}" class="btn btn-mission opacity-6 ">Toutes les missions</a>
            </div>
        </div>
        {% for mission in missions %}
        <div class="no-gutters row">
            <div class="col-sm col-md-4">

                <div class="card no-shadow rm-border bg-transparent widget-chart text-left">
                    <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="widget-chart-content">
                        <div class="widget-subheading">Mission</div>

                        <div class="widget-description opacity-8 text-info">
                           <a href="{{ path('mission_continuer',{id : mission.id}) }}" title="Continuer la mission">{{ mission.commande.libelle }}</a>

                        </div>
                    </div>
                </div>
                <div class="divider m-0 d-md-none d-sm-block"></div>
            </div>
            <div class="col-sm col-md-4 ">
                <div class="card no-shadow rm-border bg-transparent widget-chart text-left">
                    <div class="icon-wrapper rounded-circle align-self-start">
                        <div class="icon-wrapper-bg bgbleu"></div>
                        <i class="fas fa-chart-line fa-2x m-auto opacity-4 p-1"></i></div>
                    <div class="widget-chart-content">
                        <div class="widget-subheading">Résultat</div>
                        <div class="widget-description opacity-8 bleupastel">
                            {% if mission.etape != 4  %}
                            Etude en cours
                                <ul>
                            {% for module in mission.missionModuleIndicateurs %}
                               <li> Module  {{ module.module.libelle }}</li>
                            {% endfor %}
                                </ul>
                            {% else %}
                             <span class="text-danger">Terminé</span>
                            {% endif %}
                        </div>
                    </div>
                </div>
                <div class="divider m-0 d-md-none d-sm-block"></div>
            </div>
            <div class="col-sm col-md-4 ">
                <div class="card no-shadow rm-border bg-transparent widget-chart text-left">
                    <div class="icon-wrapper rounded-circle  align-self-start">
                        <div class="icon-wrapper-bg bg-danger"></div>
                        <i class="fas fa-user fa-2x m-auto opacity-4 p-1"></i></div>
                    <div class="widget-chart-content">
                        <div class="widget-subheading">Client</div>
                        <div class="widget-description opacity-8 text-focus text-danger">
                            {{ mission.client.nom }}<br>
                            <span class="font-size-sm text-black-50">Tél : {{ mission.client.telephone }}</span>
                        </div>
                    </div>
                </div>
                <div class="divider m-0 d-md-none d-sm-block"></div>
            </div>
        </div>
        {% endfor %}
        <div class="card-footer text-right">
            <a href="{{ path('creer_mission') }}" class=" opacity-6 btn btn-commanditaire"><i class="fas fa-plus"></i>
                Nouvelle mission</a>
        </div>
    </div>#}

</div>

{#
<div class="card" style="padding: 20px;margin: 40px;">
    <div class="text-center bleu mx-2"><i class="fas fa-user-tie fa-3x"></i></div>
    <div class="card-body text-center">
        <h5 class="card-title">Fiche Commanditaires</h5>
        <p class="card-text"></p>
        <a href="{{ path('list_commanditaire') }}" class="btn btn-commanditaire ">Consulter</a>
        <a href="{{ path('creer_commanditaire') }}" class="btn btn-commanditaire ">Créer</a>
    </div>
</div>
<div class="card" style=" padding: 20px;margin: 40px;">
    <div class="text-center rougepastel mx-2"><i class="fas fa-user fa-3x"></i></div>
    <div class="card-body text-center">
        <h5 class="card-title mb-4">Fiche</br>Clients</h5>
        <p class="card-text"></p>
        <a href="{{ path('client_list') }}" class="btn btn-client">Consulter</a>
        <a href="{{ path('client_creer') }}" class="btn btn-client">Créer</a>
    </div>
</div>#}
    <div class="row">

        <div class="card" style="width: 17rem; padding: 20px;margin: 40px;">
            <div class="text-center orange mx-2">  <i class="fas fa-user-tie fa-4x"></i></div>
            <div class="card-body text-center">
                <h5 class="card-title">Fiche Clients</h5>
                <p class="card-text"></p>
                <a href="{{ path('client_list',{type:2}) }}" class="btn btn-client">Consulter</a>
                <a href="{{ path('client_creer',{type:2}) }}" class="btn btn-client">Créer</a>
            </div>
        </div>
        <div class="card" style="width: 17rem; padding: 20px;margin: 40px;">
            <div class="text-center vertfonce mx-2">  <i class="fas fa-wallet fa-4x"></i></div>
            <div class="card-body text-center">
                <h5 class="card-title">Missions</h5>
                <p class="card-text"></p>
                <a href="{{ path('list_mission') }}" class="btn btn-mission">Consulter</a>
                <a href="{{ path('creer_mission') }}#" class="btn btn-mission">Créer</a>
            </div>
        </div>
        <div class="card" style="width: 17rem; padding: 20px;margin: 40px;">
            <div class="text-center bleu mx-2">  <i class="fas fa-user fa-4x"></i></div>
            <div class="card-body text-center">
                <h5 class="card-title">Fiche Prospect</h5>
                <p class="card-text"></p>
                <a href="{{ path('client_list',{type:1}) }}" class="btn btn-commanditaire ">Consulter</a>
                <a href="{{ path('client_creer',{type:1}) }}" class="btn btn-commanditaire ">Créer</a>
            </div>
        </div>
        <div class="card" style="width: 17rem; padding: 20px;margin: 40px;">
            <div class="text-center vertfonce  opacity-6 mx-2">  <i class="fas fa-file-pdf fa-4x"></i></div>
            <div class="card-body text-center">
                <h5 class="card-title">Documents</h5>
                <p class="card-text"></p>
                <a href="{{ path('document_list') }}" class="btn btn-mission opacity-6 ">Consulter</a>
                <a href="{{ path('document_creer') }}" class="btn  btn-mission opacity-6 ">Créer</a>
            </div>
        </div>
    </div>
{% endblock body %}