{% load form_helpers %}


<hr class="border-top">
<div class="mb-10 d-lg-flex justify-content-center{% if field.errors %} has-error{% endif %}">
    <label class="col-lg-3 col-form-label{% if field.field.required %} nb-required{% endif %}" for="{{ field.id_for_label }}">
        {{ field.label }}
    </label>
    <div class="col-lg-9">
        {{ field }}
        {% if field.help_text %}<span class="form-text"{% if field.auto_id %} id="{{ field.auto_id }}_helptext"{% endif %}>{{ field.help_text|safe }}</span>{% endif %}
        {% if field.errors %}
            <ul{% if field.auto_id %} id="{{ field.auto_id }}_error"{% endif %}>
                {% for error in field.errors %}
                    {# Embed an HTML comment indicating the error for extraction by tests #}
                    <!-- FORM-ERROR {{ field.name }}: {{ error }} -->
                    <li class="text-danger">{{ error }}</li>
                {% endfor %}
            </ul>
        {% endif %}
    </div>
</div>
<div class="mb-10 d-lg-flex justify-content-center">
    <span class="col-lg-3 col-form-label">
    </span>
    <div class="col-lg-9">
        <div class="form-check flex-wrap">
            {{ override_field }}
            <label class="form-check-label" for="{{ override_field.id_for_label }}">
                <i>Clear override</i>
            </label>
            {% if override_field.help_text %}
                <span class="form-text w-100"{% if override_field.auto_id %} id="{{ override_field.auto_id }}_helptext"{% endif %}>{{ override_field.help_text|safe }}</span>
            {% endif %}
        </div>
    </div>
</div>