{% load i18n suit_tags %}
{% suit_conf_value 'list_filters_position' as FILTERS_POS %}
{% if FILTERS_POS == 'center' %}
  <select data-name="{{ field_name }}" class="form-control search-filter{% if spec.lookup_val or spec.used_parameters %} active{% endif %}" style="max-width: 200px">
    {% for choice in choices %}
      {% if forloop.first %}
        <option value="">{{ title|capfirst }}</option>
        <option value="">---</option>
      {% else %}
        <option
          {% if choice.additional %} data-additional="{{ choice.additional }}"{% endif %} data-name="{{ choice.name }}" value="{{ choice.val }}" {{ choice.selected|yesno:' selected=selected,' }}>
          {% if choice.selected %}{{ title|capfirst }}: {% endif %}{{ choice.display }}</option>
      {% endif %}
    {% endfor %}
  </select>
{% else %}
  <div class="panel panel-narrow panel-suit">
    <div class="panel-heading">
      {% blocktrans with filter_title=title %} By {{ filter_title }} {% endblocktrans %}</div>
    <div class="panel-body">
      <ul>
        {% for choice in choices %}
          <li{% if choice.selected %} class="selected"{% endif %}>
            <a href="{{ choice.query_string|iriencode }}">{{ choice.display }}</a></li>
        {% endfor %}
      </ul>
    </div>
  </div>
{% endif %}
