{# ATS scan progress fragment — HTMX polls every 2s until terminal.
   hx-trigger is intentionally present so polling continues. Lives inside
   the #scan-result container in companies/index.html. #}
<div id="scan-result"
     hx-get="{{ url_for('companies.scan_status', session_id=session_id) }}"
     hx-trigger="every 2s"
     hx-target="this"
     hx-swap="outerHTML">
  <div class="bg-indigo-900/40 border border-indigo-700 rounded-lg px-4 py-3 flex items-center gap-3">
    <svg class="w-5 h-5 animate-spin flex-shrink-0 text-indigo-300"
         fill="none" stroke="currentColor" viewBox="0 0 24 24">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
            d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/>
    </svg>
    <div class="flex-1">
      <p class="text-indigo-100 text-sm font-medium">
        {% if scanned and scanned > 0 %}
          Scanned {{ scanned }} of {{ total }} compan{% if total == 1 %}y{% else %}ies{% endif %}...
        {% else %}
          Scanning {{ total }} compan{% if total == 1 %}y{% else %}ies{% endif %}...
        {% endif %}
      </p>
      <p class="text-indigo-300 text-xs">
        Running in background — feel free to navigate away. Results will land here when complete.
      </p>
    </div>
  </div>
</div>