{# Contenu différé du Turbo frame "Ses livres" de la fiche auteur.
   `books` = list<ProviderBookResult> (Google Books, déjà filtrés/patchés,
   Works BDD déjà liés exclus). Clic = matérialisation au besoin
   (data-turbo-frame="_top" pour sortir du frame). #}
<turbo-frame id="author-more-books">
    {% if books|length > 0 %}
        <div class="author-books-grid">
            {% for book in books %}
                {% if book.workPublicId %}
                    {% set href = path('app_work_show', { publicId: book.workPublicId }) %}
                {% else %}
                    {% set href = path('app_work_lookup', { source: book.source, id: book.source == 'openlibrary' ? book.openLibraryId : book.googleBooksId }) %}
                {% endif %}
                {# Cover : GB direct si dispo, sinon fallback lazy `/covers/resolve`
                   (cascade OL, 302 image ou 404 -> onerror placeholder). PAS de
                   Stimulus book-enrich ici : sur une fiche d'auteur de niche, trop
                   de livres sans cover -> une rafale de fetches /books/enrich
                   bloquants (lent car OL + Wikidata) saturait les workers FPM
                   (32 s/appel, cf. piège prefetch/lookup). Le src lazy suffit : le
                   navigateur ne charge que les vignettes visibles, en image non
                   bloquante. #}
                <a href="{{ href }}" class="author-book-item" data-turbo-frame="_top">
                    <img class="author-book-item__cover"
                         src="{{ book.coverUrl|default(path('covers_resolve', { title: book.title, author: book.authors[0]|default('') })) }}"
                         alt="Couverture de {{ book.title }}"
                         loading="lazy" width="167" height="250"
                         onerror="this.outerHTML='<div class=&quot;author-book-item__cover author-book-item__cover--placeholder&quot; aria-hidden=&quot;true&quot;><svg viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;1.25&quot; width=&quot;24&quot; height=&quot;24&quot;><path d=&quot;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&quot;/><path d=&quot;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&quot;/></svg></div>'">
                    <p class="author-book-item__title">{{ book.title }}</p>
                </a>
            {% endfor %}
        </div>
    {% elseif not has_bdd_works %}
        <p class="author-empty">Aucun livre de cet auteur n'est encore référencé dans LivreComment.</p>
    {% endif %}
</turbo-frame>