{# Suggestions live d'autocomplétion. type = books|authors|users.
   Lignes compactes role="option", lien DIRECT vers la fiche. Vide -> rien
   (le contrôleur Stimulus masque le menu). #}
{% if type == 'books' %}
    {% for hit in books %}
        {% if hit.workPublicId %}
            {% set href = path('app_work_show', { publicId: hit.workPublicId }) %}
        {% else %}
            {% set href = path('app_work_lookup', { source: hit.source, id: hit.source == 'openlibrary' ? hit.openLibraryId : hit.googleBooksId }) %}
        {% endif %}
        {% set tparts = book_title_parts(hit.title, hit.subtitle|default('')) %}
        <a class="search-suggest__item" role="option" id="ssopt-{{ loop.index }}" href="{{ href }}" data-turbo-frame="_top">
            {% if hit.coverUrl %}
                <img class="search-suggest__cover" src="{{ hit.coverUrl }}" alt="" loading="lazy" width="34" height="51"
                     onerror="this.classList.add('search-suggest__cover--ph'); this.removeAttribute('src')">
            {% else %}
                <span class="search-suggest__cover search-suggest__cover--ph" aria-hidden="true"></span>
            {% endif %}
            <span class="search-suggest__text">
                <span class="search-suggest__title">{{ tparts.main }}</span>
                {% if hit.authors|length %}<span class="search-suggest__meta">{{ hit.authors|join(', ') }}</span>{% endif %}
            </span>
        </a>
    {% endfor %}
{% elseif type == 'authors' %}
    {% for a in author_hits %}
        {% set href = a.publicId
            ? path('app_author_show', { publicId: a.publicId })
            : path('app_author_lookup', { name: a.name }) %}
        <a class="search-suggest__item" role="option" id="ssopt-{{ loop.index }}" href="{{ href }}" data-turbo-frame="_top">
            {% if a.photoUrl %}
                <img class="search-suggest__cover search-suggest__cover--round" src="{{ a.photoUrl }}" alt="" loading="lazy" width="34" height="34">
            {% else %}
                <span class="search-suggest__cover search-suggest__cover--round search-suggest__cover--ph" aria-hidden="true">{{ a.name|first|upper }}</span>
            {% endif %}
            <span class="search-suggest__text"><span class="search-suggest__title">{{ a.name }}</span></span>
        </a>
    {% endfor %}
{% elseif type == 'users' %}
    {% for u in user_hits %}
        <a class="search-suggest__item" role="option" id="ssopt-{{ loop.index }}" href="{{ path('app_profile_show', { handle: u.username }) }}" data-turbo-frame="_top">
            {% if user_avatar(u) %}
                <img class="search-suggest__cover search-suggest__cover--round" src="{{ user_avatar(u) }}" alt="" loading="lazy" width="34" height="34">
            {% else %}
                <span class="search-suggest__cover search-suggest__cover--round search-suggest__cover--ph" aria-hidden="true">{{ (u.displayName ?: u.username)|first|upper }}</span>
            {% endif %}
            <span class="search-suggest__text">
                <span class="search-suggest__title">{{ u.displayName ?: u.username }}</span>
                <span class="search-suggest__meta">@{{ u.username }}</span>
            </span>
        </a>
    {% endfor %}
{% endif %}