{% extends "layout.html" %}

{% block head %}
{{ wizard.form.media }}
{% endblock %}

{% block content %}
<div class="row">
	<div class="col-md-12">
	<h1><img src="{{ STATIC_URL }}icons/support-xs.png" alt="Open a Ticket" /> Fed4Fire Support</h1>
	</div>
</div>
<div class="row">
	<div class="col-md-12">&nbsp;</div>
</div>
<div class="row">
	<div class="col-md-12">
	<p>Please check the <a href="http://doc.fed4fire.eu/support.html" target="_blank">documentation</a></p>
	</div>
</div>

<div class="row">
	<div class="col-md-2"></div>
	<div class="col-md-8">
		<form role="form" method="post">
		{% csrf_token %}
		{% for field in form %}
	    <div class="form-group">
	      	<label for="{{ field.html_name }}" class="control-label">{{ field.label }}</label>
	      	{{ field.errors }} {{ field }}
	    </div>
	    {% endfor %}
		<button type="submit" class="btn btn-default">Create Ticket</button>
		</form>
	</div>
</div>
{% endblock %}