{# Desk-side QR + live feed/review queue, swapped in after creating a pairing. #}
<div class="scan-pairing" id="scan-pairing-{{ pairing.id }}">
  <div class="scan-qr" id="scan-qr-box">{{ qr_svg | safe }}
    <p class="scan-hint">Scan this QR with the library phone to pair.</p>
  </div>

  <div id="scan-activity-{{ pairing.id }}"
       hx-get="/ui/scan/pairings/{{ pairing.id }}/log"
       hx-trigger="every 1500ms"
       hx-swap="innerHTML">
    {% include "scan/_activity_partial.html" %}
  </div>

  {# Modal mount: OUTSIDE the poll target so the 1.5s swap can't clobber an open form. #}
  <div id="scan-modal"></div>

  <form method="post" action="/ui/scan/pairings/{{ pairing.id }}/unpair"
        hx-post="/ui/scan/pairings/{{ pairing.id }}/unpair"
        hx-target="#scan-pairing-{{ pairing.id }}"
        hx-swap="outerHTML">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <button type="submit" class="secondary">Unpair</button>
  </form>
</div>