{% load static %}
{% block onboarding_progress_bar %}

    <div class="py-1">
        <div class="stepper-wrapper">
            <div class="stepper-item {{ step1 }}">
                <div class="step-counter">1</div>
                <div class="step-name"> {{ ttl_add_users }} </div>
            </div>
            <div class="stepper-item {{ step2 }}">
                <div class="step-counter">2</div>
                <div class="step-name"> {{ ttl_create_routine }} </div>
            </div>
            <div class="stepper-item {{ step3 }}">
                <div class="step-counter">3</div>
                <div class="step-name"> {{ ttl_create_escalation_policy }} </div>
            </div>
            <div class="stepper-item {{ step4 }}">
                <div class="step-counter">4</div>
                <div class="step-name"> {{ ttl_create_service }} </div>
            </div>
            <div class="stepper-item {{ step5 }}">
                <div class="step-counter">5</div>
                <div class="step-name"> {{ ttl_create_incident }} </div>
            </div>
        </div>
    </div>

{% endblock %}