{% extends "orga/base.html" %}
{% load bootstrap4 %}
{% load compress %}
{% load i18n %}
{% load static %}

{% block scripts %}
    {% compress js %}<script src="{% static 'orga/js/event_wizard.js' %}" defer></script>{% endcompress %}
{% endblock %}

{% block content %}
    <form method="post"><fieldset>
        <legend>
            <span>
                {% translate "New event" %}
                <span class="text-muted small">{% blocktranslate with total=wizard.steps.count current=wizard.steps.step1 trimmed %}
                    Step {{current}} of {{ total }}
                {% endblocktranslate %}</span>
            </span>
        </legend>
        {{ wizard.form.media }}
        {% block wizard_content %}{% endblock %}
        {% csrf_token %}
        {{ wizard.management_form }}
        {% bootstrap_form_errors wizard.form %}
        <span id="event-name">{% bootstrap_field wizard.form.name layout='event' %}</span>
        <div id="slug-length-warning" class="d-none help-text text-danger col-md-9 offset-md-3 pl-1 mb-3">
            {% translate "We recommend a short form of at most 30 characters." %}
        </div>
        {% bootstrap_field wizard.form.slug layout='event' addon_before=url_placeholder addon_before_class="input-group-prepend input-group-text" %}
        {% bootstrap_field wizard.form.timezone layout='event' %}
        {% bootstrap_field wizard.form.email layout='event' %}
        {% bootstrap_field wizard.form.locale layout='event' %}
        <div class="submit-group wizard-row">
            <button type="submit" class="btn btn-success btn-lg float-right flip ml-auto">{% translate "Next step" %}</button>
            {% if wizard.steps.prev %}
                <button name="wizard_goto_step" type="submit" value="{{ wizard.steps.prev }}" class="btn btn-lg btn-info">{% translate "Previous step" %}</button>
            {% else %}
                <span></span>
            {% endif %}
        </div>
    </fieldset></form>
{% endblock %}
