{% set step = 1 %}
{% set locale = app.session.get('userLocale', 'pl') %}
<div class="cart__steps steps2" {% if active is defined and active != null %}data-activestep="{{ active }}"{% endif %}>
<span
class="steps2__single{% if active == 1 %} steps2__single-active{% endif %}" {% if locale == 'es' %}style="font-size: 12px; letter-spacing: unset;"{% endif %}>
{% if locale == 'de' %}<span style="font-size: 12px;">{% endif %}
{% if locale == 'es' %}{{ 'uniqskills.form.order.step1'|trans }}{% else %}{{ 'uniqskills.form.order.step'|trans }}{% endif %}
{% if locale != 'es' %}{{ step }}{% endif %} {% set step = step + 1 %}
</span>
{% if (cart is defined and (cart.hasEventProduct or cart.hasUniqskillsMultiUserCourse)) or (order is defined and order.hasEventProducts) %}
<span
class="steps2__single{% if active == 2 %} steps2__single-active{% endif %}">
{% if locale == 'de' %}<span style="font-size: 12px;">{% endif %}
{{ 'uniqskills.form.order.step'|trans }}
{% if locale == 'de' %}</span>{% endif %}
{{ step }} {% set step = step + 1 %}
</span>
{% endif %}
<span
class="steps2__single{% if active == 3 %} steps2__single-active{% endif %}" {% if locale == 'es' %}style="font-size: 12px; letter-spacing: unset;"{% endif %}>
{% if locale == 'de' %}<span style="font-size: 12px;">{% endif %}
{% if locale == 'es' %}{{'uniqskills.form.order.step2'|trans }}{% else %}{{ 'uniqskills.form.order.step'|trans }}{% endif %}
{% if locale == 'de' %}</span>{% endif %}
{% if locale != 'es' %}{{ step }}{% endif %} {% set step = step + 1 %}
</span>
<span
class="steps2__single{% if active == 4 %} steps2__single-active{% endif %}" {% if locale == 'es' %}style="font-size: 12px; letter-spacing: unset;"{% endif %}>
{% if locale == 'de' %}<span style="font-size: 12px;">{% endif %}
{% if locale == 'es' %}{{ 'uniqskills.form.order.step3'|trans }}</span>{% else %}{{ 'uniqskills.form.order.step'|trans }}{% endif %}
{% if locale == 'de' %}</span>{% endif %}
{% if locale != 'es' %}{{ step }}{% endif %}
</span>
</div>