{# ABOUTME: Search form partial for the multi-provider enrich flow. #}
{# ABOUTME: ISBN, Title, and Author are independent inputs; pasting a URL or ISBN into Title is honored. #}
{% include "_book_subhead.html" %}
<section class="enrich" aria-labelledby="enrich-heading">
    <h3 id="enrich-heading">Search providers</h3>

    <form class="enrich-form"
          hx-post="{{ url_for('web.enrich_search', book_id=book.id) }}"
          hx-target="#enrich-results"
          hx-swap="innerHTML"
          hx-indicator="#enrich-indicator">
        <div class="form-group">
            <label for="enrich-isbn">ISBN</label>
            <input type="text"
                   id="enrich-isbn"
                   name="isbn"
                   value="{{ prefill_isbn or '' }}"
                   placeholder="9780441172719"
                   autocomplete="off">
        </div>

        <div class="form-group">
            <label for="enrich-title">Title</label>
            <input type="text"
                   id="enrich-title"
                   name="title"
                   value="{{ prefill_title or '' }}"
                   placeholder="title (or paste a provider URL)"
                   autocomplete="off">
        </div>

        <div class="form-group">
            <label for="enrich-author">Author</label>
            <input type="text"
                   id="enrich-author"
                   name="author"
                   value="{{ prefill_author or '' }}"
                   placeholder="author name (optional)"
                   autocomplete="off">
        </div>

        <div class="form-actions">
            <button type="submit" class="btn btn-primary">Go</button>
            <button type="button"
                    class="btn btn-secondary"
                    hx-get="{{ url_for('web.book_detail', book_id=book.id) }}"
                    hx-target="#book-content"
                    hx-swap="innerHTML">Cancel</button>
            <span id="enrich-indicator" class="htmx-indicator" aria-live="polite">Searching…</span>
        </div>
    </form>

    <div id="enrich-results" aria-live="polite">
        {% if results is not none %}
            {% include "_enrich_candidates.html" %}
        {% endif %}
    </div>
</section>