{% set steps = steps|default([
  { label: 'Recherche', icon: 'ic:round-search' },
  { label: 'Société', icon: 'carbon:enterprise' },
  { label: 'Statut', icon: 'material-symbols-light:contract-outline-rounded' },
  { label: 'Dons', icon: 'material-symbols-light:contract-outline-rounded' },
  { label: 'Logo', icon: 'mynaui:image' },
  { label: 'Souscription', icon: 'hugeicons:contracts' },
  { label: 'Représentant', icon: 'solar:user-hands-broken' },
]) %}
{% set current = currentStep|default(0) %}

<ol class="step-indicator">
  {% for step in steps %}
    {% set index = loop.index0 %}
    {% set stateClass = index < current ? 'complete' : (index == current ? 'active' : '') %}
    <li class="{{ stateClass }}">
      <div class="step">
        <iconify-icon icon="{{ step.icon }}"></iconify-icon>
      </div>
      <div class="caption hidden-xs hidden-sm">
        {{ step.label }}
      </div>
    </li>
  {% endfor %}
</ol>