{# Batch Build Progress Content (inner content only, for HTMX updates) #}
<div style="text-align: center; max-width: 600px;">
  <h3 style="margin-bottom: 1.5rem;">Building {{ build_count }} Decks...</h3>
  
  <div style="margin: 2rem 0;">
    <div style="font-size: 3rem; font-weight: bold; color: var(--primary);">
      {{ completed }} / {{ build_count }}
    </div>
    <div class="muted" style="font-size: 0.9rem; margin-top: 0.5rem;">
      {{ status }}
    </div>
  </div>
  
  {# Progress Bar #}
  <div style="width: 100%; height: 8px; background: var(--bg-secondary); border-radius: 4px; overflow: hidden; margin: 1.5rem 0;">
    <div style="height: 100%; background: linear-gradient(90deg, #3b82f6, #8b5cf6); transition: width 0.3s ease; width: {{ progress_pct }}%;"></div>
  </div>
  
  <div style="margin-top: 2rem; padding: 1rem; background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.3); border-radius: 8px;">
    <p style="margin: 0; font-size: 0.9rem; line-height: 1.6;">
      <strong>What's happening?</strong><br>
      We're running your deck configuration {{ build_count }} times in parallel to see how card selection varies.
      Each build uses the same commander, themes, and preferences but produces different results due to randomness in card selection.
    </p>
  </div>
  
  {% if has_errors %}
  <div class="error" style="margin-top: 1rem; text-align: left;">
    <strong>⚠️ Some builds encountered errors</strong>
    <p style="font-size: 0.85rem; margin-top: 0.5rem;">{{ error_count }} of {{ build_count }} builds failed. Completed builds will still be available for comparison.</p>
  </div>
  {% endif %}
  
  <p class="muted" style="font-size: 0.8rem; margin-top: 1.5rem;">
    This may take {{ time_estimate|default("1-3 minutes") }} depending on number of decks, theme complexity, and color count...
  </p>
</div>
