{% extends '_layout.html' %}

{% block breadcrumb %}
	<li><a href="{% url 'index' %}">Accueil</a></li>
	<li><a href="{% url 'epic_details' epic_id=form.instance.epic_id %}">Epic #{{ form.instance.epic_id }}</a></li>
	{% if form.instance.id %}
		<li><a href="{% url 'story_details' story_id=form.instance.id %}">Story #{{ form.instance.id }}</a></li>
		<li><a>Edition</a></li>
	{% else %}
		<li><a>Nouvelle Story</a></li>
	{% endif %}
{% endblock %}

{% block main %}
	
	<h2>{% if form.instance.id %}Edition de la Story{% else %}Nouvelle Story{% endif %}</h2>
	<form action="." method="post" enctype="multipart/form-data">
	{% csrf_token %}
	
	{{ form.as_p }}

	<div class="flex-row flex-end">
		<span style="margin-right: 1em;">
		{% if form.instance.id %}
			<a class="button alt" href="{% url 'story_details' story_id=form.instance.id %}">Annuler</a>
		{% else %}
			<a class="button alt" href="{% url 'story_index' %}">Annuler</a>
		{% endif %}
		</span>
		<input type="submit" value="Enregistrer">
	</div>
	
	</form>
		
{% endblock %}