{% 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">
			<h2 class="flex-extend">{{ story.name }}</h2>
		
			<ul class="actions small">
				<li><a class="button special icon fa-edit tool-btn" href="{% url 'story_edit' story_id=story.id %}"></a></li>
				<li><a class="button icon fa-trash tool-btn" href="{% url 'story_delete' story_id=story.id %}"></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 %}