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

{% set actions = {
'Paramétrage': {'precedent': '', 'suivant': '30'},
'Simulation': {'precedent': '31', 'suivant': '32'},
'Saisie': {'precedent': '33', 'suivant': '34'},
'Finalisation': {'precedent': '35', 'suivant': '36'},
'Archivage': {'precedent': '37', 'suivant': ''}
} %}

<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>
            <div class="article-actions">
                {% if actions[workflow]['precedent'] != '' %}
                <!-- <a id="action-form-election-retour_parametrage" href="#" data-href="../app/index.php?module=form&obj=election&idx={{election}}&action={{actions[workflow]['precedent']}}&retour=form" class="btn btn-secondary">Étape précédente</a> -->
                <a href="index.php?module=form&direct_link=true&obj=election&idx={{election}}&action={{actions[workflow]['precedent']}}&premier=0&retour=form&direct_field=election&direct_form=election&direct_action=3&direct_idx={{ election }}">Étape précédente</a>
                {% endif %}
                {% if actions[workflow]['suivant'] != '' %}
                <a href="#" data-href="../app/index.php?module=form&obj=election&idx={{election}}&action={{actions[workflow]['suivant']}}&retour=form" class="btn btn-primary">Étape suivante</a>
                {% endif %} 
            </div>
</article>