{% load i18n from_dict %}
{% if form.non_field_errors %}
<div class="alert alert-danger" role="alert">
    {{form.non_field_errors}}
</div>
{% endif %}

{% for hidden in form.hidden_fields %}
{{hidden}}
{% if hidden.errors %}<div class="invalid-feedback">
    {{ hidden.errors }}
</div>{% endif %}
{% endfor %}

{% for field in form.visible_fields %}
{% if form.SEARCH_AND_SELECT %}
{{field}}
{% elif field.name == 'search_vector' and forloop.counter0 == 0 %}
<div class="form-row">
    <div class="form-group col-lg-12">
        {{field|safe}}
        {% if field.help_text %}
        <small><a data-toggle="collapse" href="#{{field.auto_id}}_help"
                  aria-expanded="false" aria-controls="{{field.auto_id}}_help">
            {% trans 'help'%}</a></small>{% endif %}
        {% if field.errors %}
        <div class="invalid-feedback">
            {{ field.errors }}
        </div>{% endif %}
    </div>

    {% if field.help_text %}
    <div class="collapse" id="{{field.auto_id}}_help">
        <div class="card card-body">
            {{field.help_text}}
        </div>
    </div>
    {% endif %}
</div>
{% else %}
{% if search and forloop.counter0 == 1 %}
<div class="modal" id="modal-advanced-search" tabindex="-1" role="dialog"
     data-backdrop="static" data-keyboard="true" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5>{% trans "Criteria search" %}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body form-row">
                <div class="form-group col-12" id="advanced-search-info">
                </div>
                <div class="form-group col-12">
                    <p class="text-center">
                        <button type="button"
                                class="btn btn-primary advanced-search-valid">
                            {% trans "Add" %}</button>
                        <button type="button"
                                class="btn btn-secondary advanced-search-clear">
                            {% trans 'Clear' %}</button>
                        <button type="button" class="btn btn-secondary"
                                data-dismiss="modal">{% trans 'Close' %}</button>
                    </p>
                </div>
            <hr>
{% endif %}
{% if field.name in form.HEADERS %}
{% if forloop.counter0 %}
</div>{% endif %}

{% if form.current_header %}
    {{form.current_header|call:'render_end'}}
{% endif %}

{% with "headers,"|add:field.name as call_arg %}
{{form|call:call_arg|call:"render"}}
{% endwith %}

<div class="form-row{% if odd %} odd{% endif %}">
{% elif not search and not forloop.counter0 or search and forloop.counter0 == 1 %}
  <div class="form-row{% if odd %} odd{% endif %}">
{% endif %}
      {% include "blocks/bs_field_snippet.html" %}
{% if forloop.last %}

{% if form.current_header %}
    {{form.current_header|call:'render_end'}}
{% endif %}

{% if search and forloop.counter0 >= 1 %}
            </div>
            <div class="form-group col-12">
                <p class="text-center">
                    <button type="button"
                            class="btn btn-primary advanced-search-valid">
                        {% trans "Add" %}</button>
                    <button type="button"
                            class="btn btn-secondary advanced-search-clear">
                        {% trans 'Clear' %}</button>
                    <button type="button" class="btn btn-secondary"
                            data-dismiss="modal">{% trans 'Close' %}</button>
                </p>
            </div>
        </div>
    </div>
    </div>
{% endif %}
</div>
{% endif %}
{% endif %}
{% endfor %}

{% if search %}
<script type="text/javascript">
$(register_advanced_search);
</script>
{% endif %}