{% sw_extends '@Storefront/storefront/page/checkout/_page.html.twig' %}
{% block page_checkout_summary_header %}
<h3 class="checkout-aside-summary-header">
{{ "checkout.summaryHeader"|trans|sw_sanitize }}
</h3>
{% endblock %}
{% block page_checkout_container %}
{% set checkoutSteps = {
"frontend.checkout.cart.page": 0,
"frontend.checkout.confirm.page": 1,
"frontend.checkout.finish.page": 2
} %}
{% set currentStep = checkoutSteps[activeRoute] %}
<div class="checkout-progress">
<div class="progress-item{% if currentStep == 0 %} active{% endif %}{% if currentStep > 0 %} done{% endif %}">
{% if currentStep == 1 %}
<a href="{{ path('frontend.checkout.cart.page') }}">
{{ "checkout.progressStep1"|trans|sw_sanitize }}
</a>
{% else %}
{{ "checkout.progressStep1"|trans|sw_sanitize }}
{% endif %}
</div>
<div class="progress-item{% if currentStep == 1 %} active{% endif %}{% if currentStep > 1 %} done{% endif %}">
{{ "checkout.progressStep2"|trans|sw_sanitize }}
</div>
<div class="progress-item{% if currentStep == 2 %} active{% endif %}">
{{ "checkout.progressStep3"|trans|sw_sanitize }}
</div>
</div>
<div class="checkout-container">
{% block page_checkout_main %}
{{ parent() }}
{% endblock %}
{% block page_checkout_aside %}
<div class="checkout-aside {% if block('page_checkout_additional')|trim %}checkout-aside-no-offset{% endif %}">
{% block page_checkout_aside_container %}
{{ parent() }}
{% endblock %}
</div>
{% endblock %}
</div>
{% endblock %}