{% load get_list from filters %}
{% load button from filters %}
<div class="row">
    <div class="col-sm-12 py-2">
        <form class="form-inline" method="GET">
            <div class="input-group mx-2">
                <div class="input-group-prepend">
                    <span class="input-group-text">Start</span>
                </div>
                <input type="date" name="start" id="start" value="{{ start|default_if_none:'' }}" placeholder="Start" class="form-control" />
            </div>
            <div class="input-group mx-2">
                <div class="input-group-prepend">
                    <span class="input-group-text">End</span>
                </div>
                <input type="date" name="end" id="end" value="{{ end|default_if_none:'' }}" placeholder="End" class="form-control" />
            </div>
            <div class="input-group mx-2">
                <div class="input-group-prepend">
                    <span class="input-group-text">Keyword</span>
                </div>
                <input type="search" name="q" placeholder="Keyword" value="{{ request.GET.q }}" class="form-control" />
            </div>
            <select class="selectpicker pr-3" multiple data-actions-box="true" data-none-selected-text="Status" data-actions-box="true" id="status" name="status">
                {% for status in statuses %}
                    <option value="{{status.0}}" {% if status.0|safe in request.GET|get_list:'status' %}selected=""{% endif %}>{{status.1}}</option>
                {% endfor %}
            </select>
            {% button 'search' %}
        </form>
    </div>
</div>