{% extends "base.html" %}

{% block title %}EPUB Search{% endblock %}
{% block head %}<script src="https://unpkg.com/htmx.org@2.0.4"></script>{% endblock %}

{% block content %}
    <h1>Search</h1>
    <form class="card" hx-post="/search" hx-target="#results" hx-swap="innerHTML">
        <label for="query">What are you looking for?</label>
        <textarea id="query" name="query" rows="4" placeholder="Ask a question or paste a passage…" required
            onkeydown="if (event.key === 'Enter' && !event.shiftKey) { event.preventDefault(); this.form.requestSubmit(); }"></textarea>
        <div class="form-row">
            <div class="search-toggles">
                <label class="check">
                    <input type="checkbox" name="rerank" value="true" {% if config.rerank.enabled %}checked{% endif %}>
                    Rerank
                </label>
                <label class="check">
                    <input
                        type="checkbox"
                        name="phrase_matching"
                        value="true"
                        {% if config.phrase_matching_enabled %}checked{% endif %}
                    >
                    Phrase matching
                </label>
            </div>
            <button type="submit">Search</button>
        </div>
    </form>
    <section id="results"></section>
{% endblock %}