{% set workflow_steps = ['Paramétrage', 'Simulation', 'Saisie', 'Finalisation', 'Archivage'] %}

<article id="workflow">
        <h3 class="article-titre">
        Étapes
        </h3>
            <ul class="workflow-steps">
                {% for i in workflow_steps %}
                  {% set current_index = loop.index %}
                    {% set workflow_index = workflow_steps|keys|filter(k => workflow_steps[k] == workflow)|first + 1 %}
                    <div id="etape-{{ i|lower }}" class="etape">
                            <span class="etape-id{{ current_index < workflow_index ? ' done': ''}}{{ i == workflow ? ' active' :  ''}}{{ i == 'Paramétrage' ? ' first' :  ''}}{{ i == 'Archivage' ? ' last' :  ''}}">{{ loop.index }}</span>
                            <p class="etape-label{{ i == workflow ? ' active' :  ''}} ">{{ i }}</p>
                        </div>
                {% endfor %}
            </ul>
            <input type="hidden" name="workflow" id="workflow" value="{{ workflow }}" class="champFormulaire">
            <div class="article-actions">
                {% if workflow_actions['precedent'] != '' %}
                    <a href='{{workflow_actions["precedent"]["href"]|raw }}' target="{{ workflow_actions['precedent']['target']}}" title="{{workflow_actions['precedent']['description']}}" id="{{workflow_actions['precedent']['id']}}" class="{{workflow_actions['precedent']['class']}} button button-secondary"><i class="ri-arrow-left-circle-line"></i> <span>Étape précédente</span></a>
                {% else %}
                    <span></span>
                {% endif %}
                {% if workflow_actions['suivant'] != '' %}
                    <a href="{{workflow_actions['suivant']['href']|raw }}" target="{{ workflow_actions['suivant']['target']}}" title="{{workflow_actions['suivant']['description']}}" id="{{workflow_actions['suivant']['id']}}" class="{{workflow_actions['suivant']['class']}} button button-primary"><span>Étape suivante</span> <i class="ri-arrow-right-circle-line"></i></a>
                {% else %}
                    <span></span>
                {% endif %} 
            </div> 

</article>