{# Labelled <select> for use inside ``_filter_form``.

   Jinja can't do list comprehensions, so options are passed as
   parallel ``values`` and ``labels`` lists. When ``labels`` is None
   we fall back to using each value as its own label.

   Parameters:
     - name        (str) form field name (also becomes the id)
     - label       (str) visible label text
     - selected    (str) currently-selected value
     - values      (list[str]) option values
     - labels      (list[str], optional) display labels parallel to values
     - titles      (list[str], optional) ``title`` attrs parallel to values
     - aria_label  (str, optional) override the aria-label

   Example (rendered): a Suggestions selector with three options:
       filter_select("suggestions", "Suggestions", signals.suggestions,
                     values=["", "with", "without"],
                     labels=["Any", "With", "Without"])
#}
{%- macro filter_select(name, label, selected, values, labels=None, titles=None, aria_label=None) -%}
  <div>
    <label for="exp-{{ name }}-select" class="ui-form-label mb-1">{{ label }}</label>
    <select id="exp-{{ name }}-select"
            name="{{ name }}"
            aria-label="{{ aria_label or ('Filter by ' ~ label | lower) }}"
            class="ui-control">
      {%- for v in values %}
      {%- set _label = (labels[loop.index0] if labels else v) -%}
      {%- set _title = (titles[loop.index0] if titles else None) -%}
      <option value="{{ v }}"{% if _title %} title="{{ _title }}"{% endif %}{% if v == selected %} selected{% endif %}>{{ _label }}</option>
      {%- endfor %}
    </select>
  </div>
{%- endmacro %}