{% extends "base.html" %}

{% load i18n %}

{% block actions %}
    <a class="btn btn-default" href="{{ roleplay.get_absolute_url }}">{% trans 'Back to the roleplay' %}</a>
{% endblock %}

{% block main %}
	<form action="{% if step.pk %}{{ roleplay.get_step_edit_url }}{% else %}{{ roleplay.get_step_create_url }}{% endif %}" method="post">{% csrf_token %}
		<div class="panel panel-default">
			<table class="table table-bordered">
				{% include 'extras/form.html' %}
			</table>
			<div class="panel-footer clearfix">
				<input type="submit" value="{% trans 'Submit' %}" class="btn btn-primary pull-right">	
			</div>
		</div>
	</form>
	{% if step.pk %}
		<div class="panel panel-default">
			<div class="panel-heading">
				<h4>{% trans 'Criteria' %}</h4>
			</div>
			<ul class="list-group">
				{% for criterion in criteria %}
					<li class="list-group-item clearfix">
						{{ criterion.name }}
						<div class="pull-right">
							<a href="{{ criterion.get_edit_url }}" class="btn btn-sm btn-primary">
								<i class="fa fa-pencil icon-white"></i> {% trans 'Edit' %}
							</a>
							<a href="{{ criterion.get_delete_url }}" class="btn btn-sm btn-danger">
								<i class="fa fa-trash icon-white"></i> {% trans 'Delete' %}
							</a>
						</div>
					</li>
				{% endfor %}
			</ul>
			<div class="panel-footer clearfix">
				<div class="pull-right">
					<a href="{{ step.get_criterion_create_url }}" class="btn btn-primary">
						{% trans 'Add a new criterion' %}
					</a>
					<a href="{{ step.get_criteria_sort_url }}" class="btn btn-default">
						<i class="fa fa-sort"></i> {% trans 'Sort criteria' %}
					</a>
				</div>
			</div>
		</div>
	{% endif %}
{% endblock %}