{% extends 'admin/base.html.twig' %}
{% set steps = ['Systemprüfung', 'Datenbank', 'Migration', 'Website', 'Konto', 'Fertig'] %}
{% block title %}{{ steps[step - 1] }} · Installation{% endblock %}
{% block body_class %}install-body{% endblock %}
{% block body %}
<main id="admin-main" class="install-shell" tabindex="-1">
    <p class="eyebrow">KANTSITES INSTALLIEREN</p>
    <ol class="install-steps">
        {% for index, name in steps %}
        <li class="{{ index + 1 < step ? 'done' : (index + 1 == step ? 'current' : 'todo') }}">
            <span class="install-step-number" aria-hidden="true">{{ index + 1 < step ? '✓' : index + 1 }}</span>
            <span>{{ name }}{% if index + 1 == step %} <span class="visually-hidden">– aktueller Schritt</span>{% endif %}</span>
        </li>
        {% endfor %}
    </ol>
    <div class="card">
        <div class="card-head"><h1>{% block heading %}{% endblock %}</h1></div>
        <div class="card-body">
            {% block lead %}{% endblock %}
            {% if error is defined and error %}<p class="notice error" role="alert">{{ error }}</p>{% endif %}
            {% block content %}{% endblock %}
        </div>
    </div>
</main>
{% endblock %}