_field.html

{% from "application_form/_value.html" import value %}

<div class="{{ f.name }}__container form__question {% if f.has_conditional %} form__subquestion {% endif %}">
    <a id="question-{{ f.name }}"></a>
    {% set label %}
    <label for="{{ f.name }}">
        {% autoescape off %}{{ f.label | safe }}{% endautoescape %}
        {% if f.help("long_help") %}
            <span class="form__long-help" data-feather="help-circle" aria-hidden="true" data-toggle="modal" data-target="#modal-{{ f.name }}"></span><span class="sr-only">More help</span>
        {% endif %}
        {% if f.optional %}<span class="form__question--optional">(Optional)</span>{% endif %}
    </label>
    {% endset %}

    {% if f.wtfield.__class__.__name__ != "BooleanField"  %}
        {{ label }}
    {% endif %}

    {% if f.help("short_help") %}
       <p><small>{{ f.help("short_help") | safe }}</small></p>
    {% endif %}

    {% if f.get("hint") %}<p><small>{{ f.hint | safe }}</small></p>{% endif %}
    {% if f.has_widget("multiple_field") or f.has_widget("infinite_repeat") %}
        <div class="removable-fields" id="removable_field__{{ f.name }}">
          {{ f.render_form_control() }}
          <p class="add_field__button_div">
              <button type="button" id="add_field__{{ f.name }}" class="add_field__button"><span data-feather="plus"></span> Add</button>
          </p>
        </div>
    {% else %}
        {{ f.render_form_control() }}
    {% endif %}

    {% if f.wtfield.__class__.__name__ == "BooleanField"  %}
        {{ label }}
    {% endif %}

    {% if f.help("render_error_box") != False %} {# some fields have custom error boxes #}
    <div id="{{ f.name }}_checkbox-errors"></div>
    {% endif %}

    {% if form_diff %}
        {% if f.help("update_requests_diff", True) and f.name in form_diff %}
            <p class="alert alert--message">
              <strong>WAS:</strong>
              <em>
                {{ value(form_diff[f.name].a, f.name, formulaic_context) }}
              </em>
            </p>
        {% endif %}
    {% endif %}

    {% if f.wtfield.errors %}
    <div class="backend_validation_errors">
        <ul class="parsley-errors-list filled" aria-hidden="false">
            {% for error in f.wtfield.errors %}
            <li>{{ error }}</li>
            {% endfor %}
        </ul>
    </div>
    {% endif %}

</div>

{% include "application_form/modal.html" %}