{% extends '_layout.html' %}

{% block title %}
	Clotûre de {{ sprint }}
{% endblock %}


{% block breadcrumb %}
	<li><a href="{% url 'index' %}">Accueil</a></li>
	<li><a>Clotûre du {{ sprint }}</a></li>
{% endblock %}

{% block main %}
	<header>
		<div class="flex-row">
			<h2 class="flex-extend">Clotûre du {{ sprint }}</h2>
			<span>
			</span>
		</div>
	</header>
	
	<div id="sprint-end">
	{% if not next_sprint %}
		<p class="error">Le sprint suivant n'existe pas!</p>
	{% else %}
	
		<h3>Clore les stories</h3>
		<table id="sprint-end-table">
		{% for story in sprint.stories.all|dictsort:"id" %}
			<tr data-id="{{ story.id }}">
				<td class="btn-cell" width="1%">
					{% if story.closed %}
					<a href="" class="story_close button special icon fa-check tool-btn already-checked"></a>
					{% elif next_sprint in story.sprints.all %}
					<a href="" class="story_close button special icon fa-check tool-btn disabled"></a>
					{% else %}
					<a href="" class="story_close button special icon fa-check tool-btn" title="Clôre"></a>
					{% endif %}
				</td>
				<td class="btn-cell-2" width="1%">
					{% if story.closed %}
					<a class="button special icon fa-mail-forward tool-btn disabled"></a>
					{% elif next_sprint in story.sprints.all %}
					<a href="" class="story_reaffect button special icon fa-mail-forward tool-btn already-checked"></a>
					{% else %}
					<a href="" class="story_reaffect button special icon fa-mail-forward tool-btn" title="Ré-affecter à {{ next_sprint }}"></a>
					{% endif %}
				</td>
				
				<td width="60%"><a href="{% url 'story_details' story_id=story.id %}">{{ story.name }}</a></td>
				
				<td class="annotation">{% if story.epic_id %}<span>{{ story.epic.name }}</span>{% endif %}</td>
				<td width="1%">{% if story.weight %}<span>{% include 'weight_svg.html' with weight=story.weight h=20 %}</span>{% endif %}</td>
			</tr>
		{% endfor %}
		</table>
		
		<h3>Rétrospective</h3>
		<form id="retro-section" action="." method="post" enctype="multipart/form-data">
			{% csrf_token %}
			
			<h4>Qu'est-ce qui a été, qu'est-ce qui n'a pas été?</h4>
			{{ form.retro }}
			
			<h4>Que peut-on améliorer?</h4>
			{{ form.improvements }}
			
	    	<div class="flex-row flex-end" style="margin-top: 10px;">
	    		<input type="submit" value="Enregistrer et clôre le sprint">
	    	</div>
		</form>
	</div>
	{% endif %}

{% endblock %}