{% sw_extends '@Storefront/storefront/layout/header/header-minimal.html.twig' %}

{# Schrittanzeige statt Hotline-Platzhalter #}
{% block layout_header_minimal_contact %}
    {% set rzRoute = app.request.attributes.get('_route') %}
    {% set rzSteps = [
        { label: 'Warenkorb', routes: ['frontend.checkout.cart.page'] },
        { label: 'Adresse', routes: ['frontend.checkout.register.page', 'frontend.account.login.page'] },
        { label: 'Bestellen', routes: ['frontend.checkout.confirm.page'] },
        { label: 'Fertig', routes: ['frontend.checkout.finish.page'] }
    ] %}
    {% set rzActive = 0 %}
    {% for step in rzSteps %}{% if rzRoute in step.routes %}{% set rzActive = loop.index %}{% endif %}{% endfor %}
    <div class="col-md-4 header-minimal-contact rz-steps-col d-none d-md-flex">
        <ol class="rz-steps" aria-label="Bestellschritte">
            {% for step in rzSteps %}
                <li class="rz-step{% if loop.index < rzActive %} is-done{% elseif loop.index == rzActive %} is-active{% endif %}"{% if loop.index == rzActive %} aria-current="step"{% endif %}>
                    <span class="rz-step-num">{{ loop.index }}</span><span class="rz-step-label">{{ step.label }}</span>
                </li>
            {% endfor %}
        </ol>
    </div>
{% endblock %}