{% extends '_layout.html' %}

{% block main %}
	{% load martortags %}
	
	<header>
		<div class="flex-row">
			<blockquote class="flex-extend"><a href="{% url 'epic_details' epic_id=story.epic.id %}"><b><i class="fa fa-backward"></i>Retour à {{ story.epic.name }}</b></a></blockquote>
			<blockquote class="annotation">Créée par {{ story.author.get_full_name }}, le {{ story.created }}</blockquote>
		</div>
		<div class="flex-row">
		
			{% if story.closed %}
				<h2 class="flex-extend" style="color: grey;">[Terminée] {{ story.name }}</h2>
			{% else %}
				<h2 class="flex-extend">{{ story.name }}</h2>
			{% endif %}
			
			<ul class="actions small">
				{% if story.closed %}
					<li><a class="button alt icon fa-folder-open tool-btn" href="{% url 'story_reopen' story_id=story.id %}" title="Ré-ouvrir">Ré-ouvrir</a></li>
				{% else %}
					<li><a class="button special icon fa-check tool-btn" href="{% url 'story_close' story_id=story.id %}" title="Marquer comme terminée">Cloturer</a></li>
				{% endif %}
				<li><a class="button special icon fa-edit tool-btn" href="{% url 'story_edit' story_id=story.id %}" title="Modifier"></a></li>
				<!-- <li><a class="button icon fa-trash tool-btn" href="{% url 'story_delete' story_id=story.id %}" title="Supprimer"></a></li> -->
			</ul>
		</div>
	</header>
	
	<hr>
	
	<div class="description">
		{{ story.description|safe_markdown }}
	</div>

	<hr>
	
	<div class="flex-row">
		<h5>Assignée à</h5>
		<ul class="tags-list">
		{% for user in story.assignees.all %}
			<li>{{ user.get_full_name }}</li>
		{% empty %}
			<li>(Aucun)</li>
		{% endfor %}
		</ul>
	</div>
	<div class="flex-row">
		<h5>Sprints</h5>
		<ul class="tags-list">
		{% for sprint in story.sprints.all %}
			<li>{{ sprint }}</li>
		{% empty %}
			<li>(Aucun)</li>
		{% endfor %}
		</ul>
	</div>
	
{% endblock %}