{{-- Workflow position: Intern → Consultant → Director → SLMC. @include('partials.evaluation.stepper', ['evaluation' => $e]) --}}
@use('App\Models\InternEvaluation', 'E')
@php
$steps = [
    ['Intern',     'ri-user-heart-line',  'Prepares & submits'],
    ['Consultant', 'ri-stethoscope-line', 'Reviews & approves'],
    ['Director',   'ri-hospital-line',    'Verifies & approves'],
    ['SLMC',       'ri-government-line',  'Received & locked'],
];
$current = [
    E::DRAFT => 0, E::RETURNED_TO_INTERN => 0,
    E::WITH_CONSULTANT => 1, E::RETURNED_TO_CONSULTANT => 1,
    E::WITH_DIRECTOR => 2, E::LOCKED => 4,
][$evaluation->status] ?? 0;
$returned = in_array($evaluation->status, [E::RETURNED_TO_INTERN, E::RETURNED_TO_CONSULTANT], true);
@endphp
<ol class="grid grid-cols-2 gap-3 md:grid-cols-4">
    @foreach($steps as $i => [$label, $icon, $hint])
        @php
            $state = $i < $current ? 'done' : ($i === $current ? ($returned ? 'returned' : 'current') : 'pending');
            if ($evaluation->isLocked()) $state = 'done';
        @endphp
        <li @class([
            'relative flex items-center gap-3 rounded-2xl border p-3',
            'border-emerald-200 bg-emerald-50/60' => $state === 'done',
            'border-blue-300 bg-white shadow-md ring-4 ring-blue-100' => $state === 'current',
            'border-orange-300 bg-white shadow-md ring-4 ring-orange-100' => $state === 'returned',
            'border-slmc-line bg-white/60' => $state === 'pending',
        ])>
            <span @class([
                'flex size-10 shrink-0 items-center justify-center rounded-xl text-lg',
                'bg-emerald-500 text-white' => $state === 'done',
                'bg-slmc text-white' => $state === 'current',
                'bg-orange-500 text-white' => $state === 'returned',
                'bg-slate-100 text-slate-400' => $state === 'pending',
            ])>
                <i class="{{ $state === 'done' ? 'ri-check-line' : $icon }}"></i>
            </span>
            <span class="min-w-0">
                <span class="block text-[10px] font-bold tracking-wider text-slate-400 uppercase">Step {{ $i + 1 }}</span>
                <span class="block truncate text-sm font-bold text-slmc">{{ $label }}</span>
                <span class="block truncate text-xs text-gray-500">{{ $state === 'returned' ? 'Changes requested' : $hint }}</span>
            </span>
        </li>
    @endforeach
</ol>