{% 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 %}
{{field}}{% if field.errors %}<div class="invalid-feedback">
    {{ field.errors }}
</div>{% endif %}
{% endfor %}
{% for field in form.visible_fields %}
{% if search and forloop.counter0 == 0 %}

<div class="form-row">
    <div class="form-group col-lg">
        <div class="input-group">
          <span class="input-group-addon">
              <i class="fa fa-search" aria-hidden="true"></i></span>
              {{field|safe}}
        </div>
        {% if field.errors %}<div class="invalid-feedback">
        {{ field.errors }}
    </div>{% endif %}
        {% 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>
        <div class="collapse" id="{{field.auto_id}}_help">
            <div class="card card-body">
                {{field.help_text}}
            </div>
        </div>
        {% endif %}
    </div>
</div>
{% else %}

{% if search and forloop.counter0 == 1 %}
</div>
<div>
    <p class="text-center">
        <a class="btn btn-secondary btn-sm" data-toggle="collapse" href="#tail-form"
           aria-expanded="false" aria-controls="tail-form">
            {% trans "Criteria search" %}</a>
    </p>
</div>
<div class="collapse" id="tail-form">
    <div class="card card-body">
        <div class="form-row">
{% endif %}

{% if 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 }}
      {{field|safe}}
      {% if field.errors %}<div class="invalid-feedback">
        {{ field.errors }}
      </div>{% endif %}
      {% 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>
      <div class="collapse" id="{{field.auto_id}}_help">
          <div class="card card-body">
            {{field.help_text}}
          </div>
      </div>
      {% endif %}
    </div>
{% if forloop.last %}
{% if search and forloop.counter0 >= 1 %}
    </div>
  </div>
{% endif %}
</div>
{% endif %}
{% endif %}
{% endfor %}