{% set pct = ((log_file.processed_lines / log_file.total_lines) * 100) if log_file.total_lines else None %}
<div id="upload-status-{{ log_file.id }}"
     hx-get="{{ url_for('uploads.upload_status', log_file_id=log_file.id) }}"
     hx-trigger="every 1s" hx-swap="outerHTML"
     class="border border-line dark:border-line-dark rounded-lg p-3 bg-paper dark:bg-paper-dark">
  <div class="flex items-center justify-between text-sm mb-2">
    <span class="font-data">{{ log_file.filename }}</span>
    <span class="font-data text-muted dark:text-muted-dark">
      {% if pct is not none %}{{ pct | round(0) | int }}%{% else %}analyzing…{% endif %}
    </span>
  </div>
  <div class="w-full h-2 rounded-full bg-line dark:bg-line-dark overflow-hidden">
    <div class="h-full rounded-full bg-accent dark:bg-accent-dark transition-all duration-500 ease-out"
         style="width: {{ pct | round(1) if pct is not none else 8 }}%"></div>
  </div>
  <p class="text-xs text-muted dark:text-muted-dark mt-1.5 font-data">
    {{ "{:,}".format(log_file.processed_lines) }}{% if log_file.total_lines %} / {{ "{:,}".format(log_file.total_lines) }}{% endif %} lines
  </p>
</div>