{# Search results fragment: items returned by search endpoint.
   Contract: ~/.claude/skills/ux-architect/components/search-flow-fragments.md (cycle 288)

   v0.62 CSS refactor: inline Tailwind → semantic .dz-search-result-* classes
   (components/fragments.css). #}

{% if items %}
  {% for item in items %}
  <div class="dz-search-result-row"
       hx-get="{{ select_endpoint }}&id={{ item[value_key] }}"
       hx-target="#search-results-{{ field_name }}"
       hx-swap="innerHTML">
    <div class="dz-search-result-name">{{ item[display_key] }}</div>
    {% if secondary_key and item.get(secondary_key) %}
    <div class="dz-search-result-secondary">{{ item[secondary_key] }}</div>
    {% endif %}
  </div>
  {% endfor %}
{% else %}
  <div class="dz-search-result-empty">
    {% if query %}
      No results found for "{{ query }}"
    {% else %}
      Type at least {{ min_chars }} characters to search...
    {% endif %}
  </div>
{% endif %}