{% load i18n %}
{% 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 field.errors %}<div class="invalid-feedback">
    {{ field.errors }}
</div>{% endif %}
{% endfor %}

{% for field in form.visible_fields %}
{% if field.name == 'pk' %}
{{field}}
{% elif field.name == 'search_vector' and forloop.counter0 == 0 %}

<div class="form-row">
    <div class="form-group col-lg-10">
        <div class="input-group">
          <span class="input-group-addon">
              <i class="fa fa-search" aria-hidden="true"></i></span>
              {{field|safe}}
        </div>
        {% 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>
    <div class="form-group col-lg">
        <p class="text-right">
            <a class="btn btn-secondary btn-sm" data-toggle="collapse" href="#tail-form"
               aria-expanded="false" aria-controls="tail-form">
                {% trans "Advanced search" %}</a>
        </p>
    </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="collapse" id="tail-form">
    <div class="card card-body">
        <div class="form-row">
{% endif %}

{% if not search and forloop.counter0|divisibleby:2 or search and forloop.counter1|divisibleby:2 %}
{% if forloop.counter0 %}
  </div>{% endif %}
  <div class="form-row">
{% endif %}

    <div class="form-group col-lg-6">
        {{ field.label_tag }}
        {% if field.help_text %}
        <div class="input-group">
        {% endif %}
        {{field|safe}}
        {% if field.help_text %}
          <span class="input-group-addon">
            <a data-toggle="collapse" href="#{{field.auto_id}}_help"
               aria-expanded="false" aria-controls="{{field.auto_id}}_help">
                <i class="fa fa-question-circle" aria-hidden="true"></i>
            </a>
          </span>
        </div>
        <div class="collapse" id="{{field.auto_id}}_help">
            <div class="card card-body">
                {{field.help_text}}
            </div>
        </div>
        {% endif %}
        {% if field.errors %}<div class="invalid-feedback">
          {{ field.errors }}
        </div>{% endif %}
    </div>
{% if forloop.last %}
{% if search and forloop.counter0 >= 1 %}
    </div>
  </div>
{% endif %}
</div>
{% endif %}
{% endif %}
{% endfor %}