ai_upgrade_assistant-0.2.0-alpha2/templates/ai-upgrade-progress.html.twig

{#
/**
 * @file
 * Progress indicator for upgrade analysis.
 *
 * Available variables:
 * - attributes: HTML attributes for the container.
 * - current_step: Current step number.
 * - total_steps: Total number of steps.
 * - progress: Progress percentage.
 * - time_remaining: Estimated time remaining.
 * - status: Current status message.
 */
#}
{% extends "@ai_upgrade_assistant/ai-upgrade-base.html.twig" %}

{% set progress_class = progress >= 100 ? 'complete' : (progress > 0 ? 'in-progress' : 'pending') %}

{% block content %}
  <div class="progress-container">
    <div class="progress-bar-wrapper">
      <div class="progress-bar {{ progress_class }}" style="width: {{ progress }}%">
        <span class="progress-text">{{ progress }}%</span>
      </div>
    </div>

    <div class="progress-details">
      <div class="progress-step">
        {{ 'Step @current of @total'|t({'@current': current_step, '@total': total_steps}) }}
      </div>

      {% if time_remaining %}
        <div class="time-remaining">
          {{ 'Time remaining: @time'|t({'@time': time_remaining}) }}
        </div>
      {% endif %}

      {% if status %}
        <div class="status-message {{ progress_class }}">
          {{ status }}
        </div>
      {% endif %}
    </div>
  </div>
{% endblock %}