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

{% block review_content %}
<h1 class="h3 mb-4">Planejamento</h1>
<div class="row">
    {% for step in steps %}
    <div class="col-md-6 mb-3">
        <div class="card {% if step.done %}card-success{% else %}card-primary{% endif %}">
            <div class="card-body d-flex justify-content-between align-items-center">
                <div>
                    <h3 class="h6 mb-1"><i class="fas fa-{% if step.done %}check-circle{% else %}circle{% endif %} mr-1"></i> {{ step.label }}</h3>
                    <p class="small text-muted mb-0">{{ step.detail }}</p>
                </div>
                {% if step.url %}<a href="{{ step.url }}" class="btn btn-sm btn-light">Abrir</a>{% endif %}
            </div>
        </div>
    </div>
    {% endfor %}
</div>
{% endblock %}