{# step_routes defaults to the booking flow; other flows (the voucher purchase) pass their own #}
{% set current_step = current_step ?? 1 %}
{% set step_routes = step_routes ?? {
    1: 'app_booking_create_step_1',
    2: 'app_booking_create_step_2',
    3: 'app_booking_create_step_3',
    4: 'app_booking_create_step_4'
} %}
<nav class="pagination">
    {% for step, step_route in step_routes %}
        <div class="pagination-item">
            {% if step < current_step %}
                <a href="{{ path(step_route) }}"
                   class="pagination-item__border">
                    <span class="pagination-item__inner bg-primary-bg text-gray-800">
                        {{ step }}
                    </span>
                </a>
            {% else %}
                <span class="pagination-item__border">
                    <span class="{{ html_classes('pagination-item__inner', {
                        'bg-primary-light text-white': step == current_step and booking_theme() == 'base',
                        'bg-sbw-primary text-white': step == current_step and booking_theme() == 'sbw',
                        'bg-snz-primary-dark text-white': step == current_step and booking_theme() == 'snz',
                        'bg-ser-primary text-white': step == current_step and booking_theme() == 'ser',
                        'bg-primary-bg text-gray-800': step != current_step
                    }) }}">
                        {{ step }}
                    </span>
                </span>
            {% endif %}
        </div>
    {% endfor %}
</nav>