{% set showStepsIndicator = (theme_config('cartSettingsGeneralDisplayStepsIndicator') and activeRoute == 'frontend.checkout.cart.page')
or (theme_config('checkoutSettingsGeneralDisplayStepsIndicator') and activeRoute != 'frontend.checkout.cart.page') %}
{% set displayTitleInStepperbar = (theme_config('cartSettingsGeneralDisplayTitleInStepperbar') and activeRoute == 'frontend.checkout.cart.page')
or (theme_config('checkoutSettingsGeneralDisplayTitleInStepperbar') and activeRoute != 'frontend.checkout.cart.page') %}
{% set StepperbarTitle =
activeRoute == 'frontend.checkout.cart.page' ? "oo.checkout.cartHeader"|trans|sw_sanitize :
activeRoute == 'frontend.checkout.register.page' ? "oo.checkout.addressHeader"|trans|sw_sanitize :
activeRoute == 'frontend.checkout.confirm.page' ? "oo.checkout.confirmHeader"|trans|sw_sanitize :
activeRoute == 'frontend.checkout.finish.page' ? "oo.checkout.finishHeader"|trans|sw_sanitize :
'Checkout'
%}
{% block page_checkout_steps_container %}
<div class="checkout-main-steps container">
{% if displayTitleInStepperbar %}
<h2 class="steps-main-header">
{{ StepperbarTitle }}
</h2>
{% endif %}
{% block page_checkout_steps %}
{% if showStepsIndicator %}
<div class="checkout-steps-container">
{% if activeRoute == "frontend.checkout.cart.page" %}
<div class="checkout-steps">
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 15%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress-labels">
<div class="step-label first">
<span class="active">{{ "oo.checkout.steps.titleCart"|trans|sw_sanitize }}</span>
</div>
<div class="step-label second">
<span>{{ "oo.checkout.steps.titleInformation"|trans|sw_sanitize }}</span>
</div>
<div class="step-label third">
<span>{{ "oo.checkout.steps.titlePayment"|trans|sw_sanitize }}</span>
</div>
<div class="step-label fourth">
<span>{{ "oo.checkout.steps.titleFinish"|trans|sw_sanitize }}</span>
</div>
</div>
</div>
{% elseif activeRoute == "frontend.checkout.register.page" %}
<div class="checkout-steps">
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress-labels">
<div class="step-label first">
<a href="{{ path('frontend.checkout.cart.page') }}"
title="{{ "oo.checkout.steps.titleCart"|trans|sw_sanitize }}">
<span class="active">{{ "oo.checkout.steps.titleCart"|trans|sw_sanitize }}</span>
</a>
</div>
<div class="step-label second">
<span class="active">{{ "oo.checkout.steps.titleInformation"|trans|sw_sanitize }}</span>
</div>
<div class="step-label third">
<span>{{ "oo.checkout.steps.titlePayment"|trans|sw_sanitize }}</span>
</div>
<div class="step-label fourth">
<span>{{ "oo.checkout.steps.titleFinish"|trans|sw_sanitize }}</span>
</div>
</div>
</div>
{% elseif activeRoute == "frontend.checkout.confirm.page" %}
<div class="checkout-steps">
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress-labels">
<div class="step-label first">
<a href="{{ path('frontend.checkout.cart.page') }}"
title="{{ "oo.checkout.steps.titleCart"|trans|sw_sanitize }}">
<span class="active">{{ "oo.checkout.steps.titleCart"|trans|sw_sanitize }}</span>
</a>
</div>
<div class="step-label second">
<span class="active">{{ "oo.checkout.steps.titleInformation"|trans|sw_sanitize }}</span>
</div>
<div class="step-label third">
<span class="active">{{ "oo.checkout.steps.titlePayment"|trans|sw_sanitize }}</span>
</div>
<div class="step-label fourth">
<span>{{ "oo.checkout.steps.titleFinish"|trans|sw_sanitize }}</span>
</div>
</div>
</div>
{% elseif activeRoute == "frontend.checkout.finish.page" %}
<div class="checkout-steps">
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress-labels">
<div class="step-label first">
<span class="active">{{ "oo.checkout.steps.titleCart"|trans|sw_sanitize }}</span>
</div>
<div class="step-label second">
<span class="active">{{ "oo.checkout.steps.titleInformation"|trans|sw_sanitize }}</span>
</div>
<div class="step-label third">
<span class="active">{{ "oo.checkout.steps.titlePayment"|trans|sw_sanitize }}</span>
</div>
<div class="step-label fourth">
<span class="active">{{ "oo.checkout.steps.titleFinish"|trans|sw_sanitize }}</span>
</div>
</div>
</div>
{% endif %}
</div>
{% endif %}
{% endblock %}
</div>
{% endblock %}