{# Batch score progress fragment — HTMX polls every 2s until done/cancelled/error.
   hx-trigger is intentionally present so polling continues. #}
<div id="batch-score-status"
     hx-get="{{ url_for('batch_scoring.batch_score_status', session_id=session_id) }}"
     hx-trigger="every 2s"
     hx-target="this"
     hx-swap="outerHTML"
     class="flex flex-col gap-1">
  <div class="flex items-center justify-between text-xs text-slate-400 mb-1">
    <span>
      {% if cancelling %}
        Cancelling scoring…
      {% else %}
        Scoring: {{ scored }} scored, {{ scored + skipped }}/{{ total }} processed
      {% endif %}
    </span>
    {% if not cancelling %}
    <form hx-post="{{ url_for('batch_scoring.batch_score_cancel', session_id=session_id) }}"
          hx-target="#batch-score-status"
          hx-swap="outerHTML">
      <button type="submit" class="text-xs text-red-400 hover:text-red-300">Cancel</button>
    </form>
    {% endif %}
  </div>
  <div class="w-full bg-slate-700 rounded-full h-2">
    <div class="bg-emerald-500 h-2 rounded-full transition-all"
         style="width: {{ ((scored + skipped) / total * 100) | int if total > 0 else 0 }}%"></div>
  </div>
</div>