@php $etat = $getState(); @endphp
<div style="display:flex;align-items:center;gap:4px;white-space:nowrap">
    @for ($i = 1; $i <= 4; $i++)
        <span style="display:inline-block;width:24px;height:6px;border-radius:4px;background:{{ $i < $etat['segments'] ? '#16A34A' : ($i === $etat['segments'] ? '#AD5DEC' : '#e4e4e7') }}"></span>
    @endfor
    <span style="margin-left:8px;font-size:12px;{{ $etat['en_retard'] ? 'color:#c2410c;font-weight:600' : '' }}">{{ $etat['libelle'] }}{{ $etat['en_retard'] ? ' · depuis plus de 24 h' : '' }}</span>
</div>