{% extends "reviews/_layout.html" %}

{% block review_content %}
<h1 class="h3 mb-4">Condução da revisão</h1>
<p class="text-muted">Siga as etapas na ordem. Etapas bloqueadas exigem pré-requisitos do planejamento.</p>
<div class="row">
    {% for step in steps %}
    <div class="col-md-6 col-lg-4 mb-3">
        <div class="card h-100 {% if step.blocked %}card-outline card-secondary{% elif step.done %}card-success{% else %}card-primary{% endif %}">
            <div class="card-body">
                <h3 class="h6">
                    <i class="fas fa-{% if step.done %}check{% elif step.blocked %}lock{% else %}circle{% endif %} mr-1"></i>
                    {{ step.label }}
                </h3>
                <p class="small text-muted mb-2">{{ step.detail }}</p>
                {% if step.blocked %}
                <p class="small text-warning mb-0">{{ step.block_reason }}</p>
                {% elif step.url %}
                <a href="{{ step.url }}" class="btn btn-sm btn-{% if step.done %}success{% else %}primary{% endif %}">Abrir</a>
                {% endif %}
            </div>
        </div>
    </div>
    {% endfor %}
</div>
{% endblock %}