{% comment %}
Shared sport-filter trigger + data islands, built into a categorized icon dropdown
by sport-filter.js. Include with:

  {% include "strava/widgets/sport_filter.html" with btn_id="x" options_id="x-options" groups_id="x-groups" current=sport %}

Params: btn_id, options_id, groups_id (unique DOM ids); current (selected value);
current_label (button text); trigger_class (defaults to the map pill style).
The view must provide `sport_options` and `sport_groups` in the context.
{% endcomment %}
<button type="button" class="{{ trigger_class|default:'pill-btn sport-pill' }}" id="{{ btn_id }}"
        data-sport-options="{{ options_id }}" data-sport-groups="{{ groups_id }}"
        data-sport-current="{{ current|default:'all' }}">
  <span class="sport-pill-icon"><svg fill="currentColor" viewBox="0 0 16 16" width="15" height="15"><g fill=""><path d="M8.99 7.382L7.637 9.75h-.595V11h1.32l.648-1.132 1.98 3.34L12.35 11H13V9.75h-1.35l-.64 1.041z"></path><path d="M11.124 2.876a6 6 0 10-8.247 8.248 6.031 6.031 0 002 2 6 6 0 108.248-8.247 6.031 6.031 0 00-2.001-2zM6 1.25c.964 0 1.86.287 2.61.78a6 6 0 00-6.58 6.58A4.75 4.75 0 016 1.25zM4 10c0 .206.01.41.03.61a4.75 4.75 0 016.58-6.58A6 6 0 004 10zm6-4.75a4.75 4.75 0 110 9.5 4.75 4.75 0 010-9.5z"></path></g></svg></span>
  <span class="pill-label sport-current-label">{{ current_label|default:"All Sports" }}</span>
  <span class="caret">▾</span>
</button>
{{ sport_options|json_script:options_id }}
{{ sport_groups|json_script:groups_id }}