{% extends "wcs/formdata_filling.html" %}

{% block columns-top %}
  {% if arrival %}
    <p id="form-backlink" class="backlink">
      <a href="javascript:window.history.back()">Retour à la page précédente</a>
    </p>
  {% endif %}
{% endblock %}

{% block drafts-recall %}{% endblock %}

{% block form-top %}
  {{ block.super }}
{% endblock %}

{% block form-side %}{% endblock %}

{% block body %}
  {% include "wcs/includes/drafts-recall.html" %}
  {{ html_form.render_start|safe }}
  <div class="form-main">
    <div class="form-side">
      {{ tracking_code_box|safe }}
      {{ steps|safe }}
    </div>
    <div class="form-body">
      {% if html_form.has_errors or html_form.global_error_messages %}
        {{ html_form.render_error_notice|safe }}
      {% endif %}
      <div class="form-widgets">
        {% if page %}<h2>Étape : {{ page.label }}</h2>{% endif %}
        {% if html_form.has_required_widgets %}
          <p>Les champs indiqués par un astérisque (*) sont obligatoires.</p>
        {% endif %}
        {{ html_form.render_widgets|safe }}
        <div class="form-widgets-end"></div>
        {% if html_form.captcha %}{{ html_form.captcha.render|safe }}{% endif %}
        {{ block.super }}
      </div>
    </div>
  </div>

  <div class="form-buttons">
    {{ html_form.render_submit_widgets|safe }}
  </div>

  {{ html_form.render_finish|safe }}

  {% include "wcs/save-for-later-dialog.html" %}
{% endblock %}

{% block form-itself %}
{% endblock %}

{% block form-save-for-later-dialog %}{% endblock %}