{% load form_helpers %}

<div class="panel panel-default">
    <div class="panel-heading">
        <span class="fa fa-search" aria-hidden="true"></span>
        <strong>Search</strong>
    </div>
    <div class="panel-body">
        <form action="." method="get" class="form">
                {% for field in filter_form %}
                    <div class="form-group">
                        {% if field.name == "q" %}
                            <div class="input-group">
                                <input type="text" name="q" class="form-control" placeholder="Search" {% if request.GET.q %}value="{{ request.GET.q }}" {% endif %}/>
                                <span class="input-group-btn">
                                    <button type="submit" class="btn btn-primary">
                                        <span class="fa fa-search" aria-hidden="true"></span>
                                    </button>
                                </span>
                            </div>
                        {% elif field|widget_type == 'checkboxinput' %}
                            <label for="{{ field.id_for_label }}">{{ field }} {{ field.label }}</label>
                        {% else %}
                            {{ field.label_tag }}
                            {{ field }}
                        {% endif %}
                    </div>
                {% endfor %}
                <div class="text-right">
                    <button type="submit" class="btn btn-primary">
                        <span class="fa fa-search" aria-hidden="true"></span> Apply
                    </button>
                    <a href="." class="btn btn-default">
                        <span class="fa fa-remove" aria-hidden="true"></span> Clear
                    </a>
                </div>
        </form>
    </div>
</div>