{% extends '_layout.html' %}

{% block title %}
	Rapport: Projets
{% endblock %}

{% block breadcrumb %}
	<li><a href="{% url 'index' %}">Accueil</a></li>
	<li><a href="{% url 'reports' %}">Rapports</a></li>
	<li><a>Revue de Projets</a></li>
{% endblock %}

{% block main %}
{% load martortags %}

<section id="backlog">
	<header>
		<div class="flex-row" style="margin-bottom: 20px;">
			<h2 class="flex-extend">Revue de Projets</h2>
		</div>
	</header>
	
	<ul class="alt">
	{% for epic in epics %}
		<li class="epic-li">
			<div class="flex-col" style="margin-bottom: 20px;">
			
				<div class="flex-row">
					<h4>{{ epic.name }}</h4>
				</div>
				
				<div style="margin-bottom: 20px;">
					<div>Contributeurs: {% for contrib in epic.contributors %}{{ contrib.first_name }} {{ contrib.last_name }}{% if not forloop.last %}, {% endif %}{% endfor %}</div>
					<div>Stories (Total / En cours / Terminées): 
					{{ epic.nb_stories }} / 
					<span class="valid">{{ epic.nb_active_stories }}</span> / 
					<span class="disabled">{{ epic.nb_closed_stories }}</span></div>
				</div>
				
				{% if epic.description %}
				<div style="padding: 0 20px;">
					{{ epic.description|safe_markdown }}
				</div>
				{% endif %}
				
			</div>
		</li>
	{% endfor %}
	</ul>
	
</section>



{% endblock %}