{% extends "admin/base_site.html" %}
{% load i18n %}

{% block title %}Preview Form{% endblock %}

{% block extrahead %}
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}admin/css/forms.css" />
<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}admin/css/ie.css" /><![endif]-->
<script type="text/javascript" src="../../../../jsi18n/"></script>
<script type="text/javascript" src="{{ STATIC_URL }}admin/js/core.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}admin/js/admin/RelatedObjectLookups.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}admin/js/jquery.min.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}admin/js/jquery.init.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}admin/js/getElementsBySelector.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}admin/js/actions.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}admin/js/calendar.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}admin/js/admin/DateTimeShortcuts.js"></script>

{{block.super}}
{{form.media}}

<!-- .dynamic-set[data-prefix] > table > tbody > .dynamic-form -->

{% endblock %}

{% block breadcrumbs %}
<div class="breadcrumbs">
     <a href="../../../../">{% trans "Home" %}</a> &rsaquo;
     <a href="../../../">Fieldmaker</a> &rsaquo;
     <a href="../../">Form definitions</a> &rsaquo;
     <a href="../">{{ instance }}</a> &rsaquo;
     Preview
</div>
{% endblock %}

{% block content %}
<div id="content-main">
<h1>Preview Form</h1>
<form method="POST">{% csrf_token %}
    <div>
        <fieldset class="module aligned">
            <h2>Submit to Test</h2>
            {% for field in form %}
            <div class="form-row">
                <div class="field-box{% if not field.is_readonly and field.errors %} errors{% endif %}">
                    {{ field.errors }}
                    {% if field.is_checkbox %}
                        {{ field }}{{ field.label }}
                    {% else %}
                        <label>{{ field.label }}</label>
                        {{ field }}
                    {% endif %}
                    {% if field.help_text %}
                        <p class="help">{{ field.help_text|safe }}</p>
                    {% endif %}
                </div>
            </div>
            {% endfor %}
        </fieldset>
        <div class="submit-row">
            <input class="default" type="submit" value="Test"/>
        </div>
    </div>
</form>
</div>
{% endblock %}