{% extends '_layout.html' %}

{% block main %}

	<header class="flex-row">
		<h3 class="flex-extend">Stories</h3>
	 	<a class="button small icon fa-plus tool-btn" href="{% url 'story_create' %}">Nouvelle Story</a>
	</header>

	{% if stories %}
	    <ul class="alt issues-list">
	    {% for story in stories %}
	    
		    <li id="story_{{ story_id }}" class="issue" data-id="{{ story_id }}">
		    	<div class="issue-frame flex-row">
		    		<div class="issue-frame-left flex-extend">
		    			<div class="issue-title">
		        			<a href="{% url 'story_details' story_id=story.id %}">{{ story.name }}</a>
		        		</div>
		        		<div class="issue-infos">
		        			<span class="annotation">Créée le {{ story.created }}, par {{ story.author.username }}</span>
		        		</div>
		        	</div>
		        	<div class="issue-frame-right">
		        		<ul class="controls">
		        		<!-- Icone commentaires ici -->
		        		</ul>
		        		<div class="annotation issue-last-update">Modifié le {{ story.updated }}</div>
		        	</div>
		        </div>
		    </li>
	    
	    {% endfor %}
	    </ul>
	 {% else %}
	 	<span class="annotation">(Rien à afficher)</span>
	 {% endif %}

	 
{% endblock %}