<form id="sortHeaderForm" method="get" novalidate="novalidate">
    <div class="row">
        <div class="col-4">
            <div class="special">
                <label class="special__label">
                    Ścieżka:
                </label>
                <select class="special__select" name="selected_path" id="pathSelect">
                    <option value="all">Wszystkie</option>
                    {% for path in active_paths %}
                        <option value="{{ path.id }}" {% if selected_path == path.id %}selected="selected"{% endif %}>
                            {{ path.name }}
                        </option>
                    {% endfor %}
                </select>
            </div>
        </div>
        <div class="col-4">
            <div class="special">
                <label class="special__label">
                    Sortuj:
                </label>
                <select class="special__select" name="sort" id="sortSelect">
                    <option class="special__select__option" value="newest">Najnowsze &#9660; </option>
                    <option class="special__select__option" value="oldest">Najstarsze &#9650;</option>
                </select>
            </div>
        </div>
        <div class="col-4">
            <div class="special">
                <div class="special__search-icon">
                </div>
                <input type="search" class="special__search" value="{{ query }}" id="queryInput" name="query"
                       placeholder="Napisz tutaj czego szukasz...">
            </div>
        </div>
        <input type="hidden" name="more" id="moreInput" value="">
        <input type="hidden" name="count" id="countInput" value="{{ count }}">
    </div>
</form>

<script>
    taskAnswerListHeaderHandler();
</script>
