{# The fragment returned by GET /{slug}/lookup?q=..., swapped into the
   relation combobox's results panel. `selectItem` lives on the
   ancestor's x-data: Alpine's mutation observer binds @click on these
   items once htmx swaps them in. pk and label ride in on data-*
   attributes, so a label containing quotes cannot break the handler.

   role="option" is what makes the panel a real listbox for assistive
   tech, alongside the panel's role="listbox" and the search input's
   aria-activedescendant. #}
{% for pk, label in options %}
<div role="option" data-pk="{{ pk }}" data-label="{{ label }}"
     @click="selectItem($el.dataset.pk, $el.dataset.label)"
     class="{{ ui('combobox', 'item') }}">
  {{ label }}
</div>
{% endfor %}
{% if not options %}
<div class="{{ ui('combobox', 'empty') }}">{{ _("No matches.") }}</div>
{% endif %}