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

{% block title %}Edit Probleme{% 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('projet/_menuTop.html.twig') }}
{% endblock %}

{% block body %}
<div class="d-flex justify-content-between">
    <div>
        <a href={{ path('app_projet_edit' , {'id' : probleme.projet.id }) }}>
            <h1>
                Projet : {{ probleme.projet.name | capitalize}}
            </h1>
        </a>
        <h1>Problème</h1>
    </div>
    <div class="d-flex justify-content-between">
        {{ include('probleme/_editProblemeModal.html.twig') }}
        {{ include('probleme/_delete_form.html.twig') }}
    </div>
</div>
<h1>
    {{ probleme.statut ? "Statut : " ~ probleme.statut }}
</h1>
<h1>
    {{ probleme.classProbleme.name ? "Classe : " ~ probleme.classProbleme.name }}
</h1>

{{ include('probleme/_newTacheModal.html.twig') }}

{{ include('probleme/_tacheList.html.twig') }}



{% endblock %}