<div class="sidebox">
    <h3>{{ _('Problem search') }} <i class="fa fa-search"></i>
    </h3>
    <div class="sidebox-content">
        <form id="filter-form" name="form" action="" method="get">
            <div>
                <input id="search" type="text" name="search" value="{{ search_query or '' }}"
                       placeholder="{{ _('Search problems...') }}">
            </div>
            {% if feed_type != 'volunteer' and request.user.is_authenticated %}
                <div>
                    <input id="hide_solved" type="checkbox" name="hide_solved" value="1"
                           {% if hide_solved %}checked{% endif %}>
                    <label for="hide_solved">{{ _('Hide solved problems') }}</label>
                </div>
            {% endif %}
            {% if feed_type == 'volunteer' and request.user.is_authenticated %}
                <div>
                    <input id="show_solved_only" type="checkbox" name="show_solved_only" value="1"
                           {% if show_solved_only %}checked{% endif %}>
                    <label for="show_solved_only">{{ _('Show solved problems') }}</label>
                </div>
            {% endif %}
            {% if feed_type != 'volunteer' %}
                <div>
                    <input id="show_types" type="checkbox" name="show_types" value="1"
                            {% if show_types %} checked{% endif %}>
                    <label for="show_types">{{ _('Show problem types') }}</label>
                </div>
            {% endif %}
            {% if has_show_editorial_option %}
                <div>
                    <input id="show_editorial" type="checkbox" name="show_editorial" value="1"
                            {% if show_editorial %} checked{% endif %}>
                    <label for="show_editorial">{{ _('Show editorial') }}</label>
                </div>
            {% endif %}
            {% if has_have_editorial_option %}
                <div>
                    <input id="have_editorial" type="checkbox" name="have_editorial" value="1"
                            {% if have_editorial %} checked{% endif %}>
                    <label for="have_editorial">{{ _('Have editorial') }}</label>
                </div>
            {% endif %}
            {% if organizations %}
                <div class="filter-form-group">
                    <label for="type"><i>{{ _('Group') }}</i></label>
                    <select id="search-org" name="orgs" multiple>
                        {% for org in organizations %}
                            <option value="{{ org.id }}"{% if org.id in org_query %} selected{% endif %}>
                                {{ org.name }}
                            </option>
                        {% endfor %}
                    </select> 
                </div>
            {% endif %}
            <div class="filter-form-group">
                <label for="type"><i>{{ _('Author') }}</i></label>
                <select id="search-author" name="authors" multiple>
                    {% for author in all_authors %}
                        <option value="{{ author.id }}"{% if author.id in author_query %} selected{% endif %}>
                            {{ author.user.username }}
                        </option>
                    {% endfor %}
                </select> 
            </div>
            <div class="filter-form-group">
                <label for="category"><i>{{ _('Category') }}</i></label>
                <select id="category" name="category">
                    {% if category %}
                        <option value="" selected="selected">{{ _('All') }}</option>
                    {% else %}
                        <option value="">{{ _('All') }}</option>{% endif %}
                    <option disabled="disabled">---</option>
                    {% for group in categories %}
                        <option value="{{ group.id }}"{% if group.id == category %} selected{% endif %}>
                            {{ group.full_name }}
                        </option>
                    {% endfor %}
                </select>
            </div>
            {% if show_types %}
                <div class="filter-form-group">
                    <label for="type"><i>{{ _('Problem types') }}</i></label>
                    <select id="types" name="type" multiple>
                        {% for type in problem_types %}
                            <option value="{{ type.id }}"{% if type.id in selected_types %} selected{% endif %}>
                                {{ type.full_name }}
                            </option>
                        {% endfor %}
                    </select>
                </div>
            {% endif %}
            {% if point_values %}
                <div class="form-label">{{ _('Point range') }}</div>
                <div id="point-slider"></div>
            {% endif %}
            <input id="point-start" type="hidden" name="point_start" {% if point_start and point_start != point_values.min %}value="{{ point_start }}"{% else %}disabled{% endif %}>
            <input id="point-end" type="hidden" name="point_end" {% if point_end and point_end != point_values.max %}value="{{ point_end }}"{% else %}disabled{% endif %}>
            <div class="form-submit-group">
                <a id="go" class="button small btn-darkred">{{ _('Go') }}</a>
                <a id="random" class="button small btn-darkred">{{ _('Random') }}</a>
            </div>
        </form>
    </div>
</div>