{% extends "admin/change_form.html" %}
{% load i18n %}
 
{% block content %}
<div id="content-main">
    <form {% if form.form.is_multipart %}enctype="multipart/form-data" {% endif %}method="post" action="" id="{{ opts.module_name }}_form">
        <div>
            {% if form.form.errors %}
            <p class="errornote">
                {% blocktrans count form.form.errors|length as counter %}Please correct the error below.{% plural %}Please correct the errors below.{% endblocktrans %}
            </p>
            <ul class="errorlist">
                {% for error in form.form.non_field_errors %}
                <li>{{ error }}</li>{% endfor %}
            </ul>
            {% endif %}

            {% csrf_token %}
            {{ wizard.management_form }}
            {{ wizard.form }}

            <div class="submit-row">
                {% if wizard.steps.prev %}
                    <button id="nextstep" name="wizard_goto_step" type="submit" value="{{ wizard.steps.prev }}">Previous step</button>
                {% endif %}
                <input type="submit" value="{% if wizard.steps.next %}Next &raquo;{% else %}Finish{% endif %}" class="default" name="_save" />
            </div>
 
            <script type="text/javascript">document.getElementById("{{ form.first_field.auto_id }}").focus();</script>
        </div>
    </form>
</div>
{% endblock %}

{% block extrastyle %}
    {{ block.super }}
    <style type="text/css">
        button#nextstep {
            font-size: 13px;
            font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif;
            color: #fff;
            cursor: pointer;
            border-radius: 4px;
            padding: 10px 15px;
            height: 35px;
            line-height: 15px;
            appearance: none;
            border: none;
            font-weight: 400;
            background: #79aec8;
            margin: 0 0 0 8px;
            text-transform: uppercase;
        }
    </style>
{% endblock %}