{% extends '_layout.html' %}

{% block main %}


<header>
	<div class="flex-row">
		<h2 class="flex-extend">Backlog</h2>
		<a class="button icon fa-plus tool-btn" href="{% url 'epic_create' %}"></a>
	</div>

</header>

<table class="alt">
	
	<thead>
		<th>Epic</th>
		<th>Projet</th>
		<th>Dim.</th>
		<th>Val.</th>
		<th>Stories</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.stories.count }}</td>
		</tr>
		{% endfor %}
	
	
	</tbody>

</table>

{% endblock %}