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

{% block title %}Mission{% endblock %}

{% block stylesheets %}
<link rel="stylesheet" href={{ asset('assets/css/projet/navTop.css') }}>
<link rel="stylesheet" href={{ asset('assets/css/projet/navMiddle.css') }}>
<link rel="stylesheet" href={{ asset('assets/css/projet/style.css') }}>
{% endblock %}
{% block menuMiddle %}
{{ include('projet/_menuMiddle.html.twig') }}
{% endblock %}
{% block menuTop %}
{{ include('mission/_menuTop.html.twig') }}
{% endblock %}

{% block body %}
<div class="d-flex justify-content-between">

    <div>
        <h1 class="colorProjet">
            {{ mission.name | capitalize}}
        </h1>
        {% if mission.detail %}
        <h3>
            Détail : {{ mission.detail }}
        </h3>
        {% endif %}
        {% if projetName %}
        <h3 class="colorProjet">
            Projet :
            <a href={{ path('app_projet_edit', {'id' : projetId }) }}>
                {{ projetName }}
            </a>
        </h3>
    </div>

    <div class="d-flex justify-content-between">
        <div>
            {{ include('mission/modal/_modalEditMission.html.twig') }}
        </div>
        {{ include('mission/_delete_form.html.twig') }}    
    </div>
    {% endif %}
</div>  
    <div>
        {{ include('mission/modal/_newTacheModal.html.twig') }}
    </div>
    
    {% if taches.snapshot %}
        {% if taches.snapshot | length > 1 %}
            <p class="colorProjet">Taches :</p>
        {% else %}
            <p class="colorProjet">Tache :</p>
        {% endif %}
        <ul>
            {% for tache in taches.snapshot %}
                <li>
                    <a href={{ path('app_tache_edit' , { 'id' : tache.id}) }}>
                        {{ tache.description ? tache.description }}
                    </a>
                </li>
            {% endfor %}
        </ul>
    {% endif %}

{% endblock %}