{% set steps = [ {step: 2, name: 'La Famille', url: path('registration_family')}, {step: 3, name: 'La sportive <br>/<br> Le sportif', url: path('registration_person')}, {step: 5, name: 'Choisir son sport', url: path('registration_sport')}, {step: 6, name: 'La pratique', url: path('registration_profiling')}, {step: 7, name: 'La vie associative', url: path('registration_community')}, {step: 8, name: 'La fin', url: path('registration_user')}] %}{% set step_display = {2: 1, 3: 2, 5: 3, 6: 4, 7: 5, 8: 6} %}<nav class="sidebar d-none d-md-flex"> <ul class="main-nav"> <p class="title bg-light">Étape</p> {% for reg_step in steps %} <li> <a href="{{ step >= reg_step.step ? reg_step.url : '#' }}" class="{{step > reg_step.step ? 'finished' : (step == reg_step.step ? 'active' : '')}}"> <span class="step-number">{{ '%02d'|format(step_display[reg_step.step]) }}</span> <span class="separator"></span> <span class="step-name">{{ reg_step.name|raw }}</span> <div class="progression"> <div class="fill"></div> </div> </a> </li> {% endfor %} </ul> <footer> <a href="{{ path('registration_reset') }}" class="text-black text-decoration-none"> <i class="fal fa-level-up rotate-270"></i> <p>Quitter l'inscription</p> </a> </footer></nav>