{% extends '_layout.html' %}

{% block main %}

	<header class="flex-row">
		<h3 class="flex-extend">Mes Stories</h3>
	 	<a class="button special small" href="{% url 'story_create' %}"><i class="fa fa-plus"></i>Nouvelle Story</a>
	</header>
	{% if mes_stories %}
	    <ul class="alt issues-list">
	    {% for story in mes_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">(Aucune story)</span>
	 {% endif %}
	 
{% endblock %}