{% use '@CraueFormFlow/FormFlow/stepList_blocks.html.twig' %}

{%- if flow.getStepLabels() is not empty -%}
<div class="bs-stepper pt-4 pb-4">
    <div class="bs-stepper-header" role="tablist">
        {% for stepLabel in flow.getStepLabels() %}
            {% set class=block('craue_flow_stepList_class') %}
            {% if "craue_formflow_current_step" in class %}
                <div class='class="craue_formflow_current_step active' >
            {% else %}                
                <div class='class="craue_formflow_current_step' >
            {% endif %}

				{%- if craue_isStepLinkable(flow, loop.index) -%}
					<a class="step-trigger" href="{{ path(app.request.attributes.get('_route'), app.request.query.all
							| merge(app.request.attributes.get('_route_params'))
							| craue_addDynamicStepNavigationParameters(flow, loop.index)) }}">
                        <span class="bs-stepper-circle">{{ loop.index }}</span>
                        <span class="bs-stepper-label">{{- block('craue_flow_stepLabel') -}}</span>
					</a>
                {%- else -%}     
                    <span class="bs-stepper-circle">{{ loop.index }}</span>
                    <span class="bs-stepper-label">{{ block('craue_flow_stepLabel') }}</span>
                {%- endif -%}
            </div>
            {% if loop.last == false %}
                <div class="line"></div>
            {% endif %}
		{% endfor %}
    </div>
</div>
{%- endif -%}