{% load i18n %}
{# @description Narrows the import report's table to one outcome, client-side, using daisyUI's filter idiom (a radio group sharing one native name). #}
{# @prop outcomes:text | description:"Iterable of (value, label, variant) tuples — one radio control per outcome, plus a reset to all of them." #}
{# @prop class:text | description:"Extra CSS classes merged onto the filter container." #}
{% comment %}
No `x-data` of its own: `x-model="outcome"` uses the ambient Alpine scope, which a fresh one would shadow.
{% endcomment %}
<c-vars outcomes class />
<div class="filter {{ class }}" {{ attrs }}>
  <input class="btn btn-sm filter-reset"
         type="radio"
         name="import-outcome-filter"
         aria-label="{% translate 'All' %}"
         value="all"
         x-model="outcome"
         checked />
  {% for value, label, variant in outcomes %}
    <input class="btn btn-sm btn-{{ variant }}"
           type="radio"
           name="import-outcome-filter"
           aria-label="{{ label }}"
           value="{{ value }}"
           x-model="outcome" />
  {% endfor %}
</div>