{# ABOUTME: Detail Reading partial — segmented status control + device read state. #}
{# ABOUTME: Outer id="detail-reading" matches the htmx swap target from the toggle buttons. #}
{# Always rendered when a book context is present so the segmented control is reachable
   even on a never-touched book — the user's first toggle has nowhere else to live. #}
<section id="detail-reading" class="section" aria-labelledby="detail-reading-heading">
    <h2 id="detail-reading-heading">Reading</h2>
    {% set current_status = book_status.status if book_status else 0 %}
    <div class="status-toggle" role="group" aria-label="Set read status">
        {% for value, slug, label in [(0, "unread", "Unread"), (1, "reading", "Reading"), (2, "finished", "Finished")] %}
        <button type="button"
                class="status-segment{% if current_status == value %} status-segment-active{% endif %}"
                aria-pressed="{{ 'true' if current_status == value else 'false' }}"
                name="status"
                value="{{ slug }}"
                hx-post="{{ url_for('web.update_book_status', book_id=book.id) }}"
                hx-vals='{"status": "{{ slug }}"}'
                hx-target="#detail-reading"
                hx-swap="outerHTML">
            {{ label }}
        </button>
        {% endfor %}
    </div>
    {% if queued_for_push %}
    <p class="status-queued" aria-live="polite">Queued for next sync</p>
    {% endif %}
    {% if device_read_state %}
    <dl class="metadata-grid">
        {% if device_read_state.percent_read is not none %}
        <dt>Progress</dt>
        <dd>{{ "%.0f"|format(device_read_state.percent_read * 100) }}%</dd>
        {% endif %}
        {% if device_read_state.last_read_at %}
        <dt>Last opened</dt>
        <dd>{{ device_read_state.last_read_at }}</dd>
        {% endif %}
        <dt>Device</dt>
        <dd>{{ device_read_state.device_kind|title }}{% if device_read_state.device_label %} ({{ device_read_state.device_label }}){% endif %}</dd>
    </dl>
    {% endif %}
</section>