{# ABOUTME: Detail header partial — title, author(s), enriched badge, toolbar. #}
{# ABOUTME: Toolbar wires Edit, Enrich, and Delete (confirm panel via htmx). #}
<section class="section section-header" aria-labelledby="detail-header">
    <img class="book-cover-hero"
         src="{{ url_for('web.book_cover', book_id=book.id) }}"
         alt=""
         width="160"
         height="240">
    <div class="header-titles">
        <h1 id="detail-header">{{ book.metadata.title }}</h1>
        <p class="byline">by {{ book.metadata.author }}</p>
    </div>
    {% if book.metadata_matched_at %}
    <p class="enriched-badge" aria-label="Enriched">&#10003; Enriched</p>
    {% endif %}
    <div class="toolbar" role="toolbar" aria-label="Book actions">
        {%- set edit_url = url_for('web.edit_form', book_id=book.id, return_to=return_to or none) -%}
        <button type="button"
                class="btn btn-secondary"
                hx-get="{{ edit_url }}"
                hx-push-url="{{ edit_url }}"
                hx-target="#book-content"
                hx-swap="innerHTML">Edit</button>
        {%- set enrich_url = url_for('web.enrich_form', book_id=book.id, return_to=return_to or none) -%}
        <button type="button"
                class="btn btn-secondary"
                hx-get="{{ enrich_url }}"
                hx-push-url="{{ enrich_url }}"
                hx-target="#book-content"
                hx-swap="innerHTML">Enrich</button>
        <button type="button"
                class="btn btn-destructive"
                hx-get="{{ url_for('web.delete_confirm', book_id=book.id) }}"
                hx-target="#book-content"
                hx-swap="innerHTML">Delete</button>
    </div>
</section>