<!-- story item in used in stories indexes -->
<li class="story-item" id="story_{{ story_id }}" data-id="{{ story_id }}">

	<div class="flex-col">
		
		<div class="flex-row ">  {# ligne 1 #}

			<div class="flex-extend">  {# partie gauche #}
				<div class="story-title">
					
	    			<a href="{% url 'story_details' story_id=story.id %}?from={{ from }}"{% if story.closed %}class="story-closed"{% endif %}> {{ story.name }} </a>

	    		</div>
	    	</div>
	    	
	    	<div>  {# partie droite #}
	       		<div class="flex-row controls">
	       			{% if story.running %}<span class="running">En cours</span>{% endif %}
					{% if story.weight %}<span>{% include 'weight_svg.html' with weight=story.weight h=20 %}</span>{% endif %}
					{# <a href="#" class="disabled annotation"><i class="fa fa-comment"></i> 0</a> #}
	       		</div>
	    	</div>
	    </div>
	    
	    <div class="flex-row">   {# ligne 2 #}
	    	
	    	<div class="flex-extend"> {# partie gauche #}
    			<span class="annotation">Ajoutée le {{ story.created|date:"d M. Y" }} par {{ story.author.username }}</span>
	    	</div>
	    	
	       	<div>  {# partie droite #}
	       		<div class="annotation">		      
	       			{% if from == "story_index" %}	
	       				{% if story.epic_id %}
	    				<a href="{% url 'epic_details' epic_id=story.epic_id %}">{{ story.epic.name }}</a>
	    				{% endif %}
	    			{% endif %}
	   			</div>
	       	</div>
	    </div>
    </div>
    
</li>