NDOJ/templates/problem/search-form.html

<div class="sidebox">
  <h3 class="colored-text"><i class="fa fa-search"></i>{{ _('Problem search') }}</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 organizations %}
        <div class="filter-form-group">
          <label class="bold-text margin-label" for="type"><i class="non-italics">{{ _('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 class="bold-text margin-label" for="type"><i class="non-italics">{{ _('Author') }}</i></label>
        <select id="search-author" name="authors" multiple>
          {% for author in author_query %}
            <option value="{{ author.id }}" selected>
              {{ author.username }}
            </option>
          {% endfor %}
        </select>
      </div>
      {% if show_types %}
        <div class="filter-form-group">
          <label class="bold-text margin-label" for="type"><i class="non-italics">{{ _('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 %}
      <div class="filter-form-group">
        <label class="bold-text margin-label" for="category"><i class="non-italics">{{ _('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 point_values %}
        <div class="filter-form-group">
          <div class="bold-text margin-label" class="form-label">{{ _('Point range') }}</div>
          <div id="point-slider"></div>
        </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-darkGreen">{{ _('Go') }}</a>
        <a id="random" class="button small btn-darkGreen">{{ _('Random') }}</a>
      </div>
    </form>
  </div>
</div>