{% extends '_layout.html' %}

{% block breadcrumb %}
	<li><a>Accueil</a></li>
{% endblock %}

{% block main %}

<section id="backlog">
	<header>
		<div class="flex-row">
			<h2 class="flex-extend">Backlog</h2>
			<a class="button icon fa-plus tool-btn" href="{% url 'epic_create' %}" title="Créer une Epic"></a>
		</div>
	</header>
	
<!-- 	<div class="flex-row flex-space-around" style="margin-bottom: 3em;">
		{% if current_sprint %}
		<b>En cours: <a href="{% url 'story_index' %}?sprint={{ current_sprint.id }}">{{ current_sprint }}</a></b>
		{% else %}
		<i>Sprint en cours: (non défini)</i>
		{% endif %}
	</div> -->
	
	<table class="alt">
		
		<thead>
			<th>Epic</th>
			<th>Projet</th>
			<th>Dim.</th>
			<th>Val.</th>
			<th>Prog.</th>
		
		</thead>
		
		<tbody>
		
			{% for epic in epics %}
			<tr data-url="{% url 'epic_details' epic_id=epic.id %}">
				<td><h5>{{ epic.name }}</h5></td>
				<td>{{ epic.project.name }}</td>
				<td>{{ epic.size }}</td>
				<td>{{ epic.value }}</td>
				<td>{{ epic.nb_closed_stories }} / {{ epic.nb_stories }}</td>
			</tr>
			{% endfor %}
		
		</tbody>
	
	</table>
</section>
{% endblock %}