{# Frise des étapes du dossier #}
{% set current = dossier.status.step %}
{% set rejected = dossier.status.value == 'REJETE' %}
{% set cancelled = dossier.status.value == 'ANNULE' %}
<ol class="grid grid-cols-3 gap-y-4 sm:grid-cols-9">
    {% for step, label in enum('App\\Enum\\DossierStatus').timelineSteps() %}
        {% set done = not cancelled and step <= current %}
        <li class="flex flex-col items-center text-center">
            <span class="flex h-8 w-8 items-center justify-center rounded-full text-xs font-bold
                {{ done ? (step == current ? (rejected ? 'bg-red-500 text-white ring-4 ring-red-100' : 'bg-accent-500 text-white ring-4 ring-accent-100') : 'bg-brand-700 text-white') : 'bg-slate-200 text-slate-500' }}">
                {% if done and step < current %}✓{% else %}{{ step }}{% endif %}
            </span>
            <span class="mt-1.5 text-[11px] leading-tight {{ done ? 'font-medium text-slate-800' : 'text-slate-400' }}">{{ label }}</span>
        </li>
    {% endfor %}
</ol>