@php
    $parcelStep = $parcelStep ?? 'pickup';
    $stepOrder = ['pickup' => 1, 'drop' => 2, 'details' => 3, 'fare' => 4];
    $currentStepNumber = $stepOrder[$parcelStep] ?? 1;
    $steps = [
        'pickup' => ['label' => 'Pickup', 'icon' => 'P', 'route' => route('pwa.parcel.create')],
        'drop' => ['label' => 'Drop', 'icon' => 'D', 'route' => route('pwa.parcel.drop')],
        'details' => ['label' => 'Details', 'icon' => 'B', 'route' => route('pwa.parcel.details')],
        'fare' => ['label' => 'Fare', 'icon' => 'F', 'route' => route('pwa.parcel.payment')],
    ];
@endphp

<div class="fm-parcel-steps" aria-label="Parcel booking steps">
    @foreach($steps as $key => $step)
        @php
            $number = $stepOrder[$key];
            $classes = trim(($key === $parcelStep ? 'is-active' : '') . ' ' . ($number < $currentStepNumber ? 'is-done' : ''));
        @endphp
        <a href="{{ $step['route'] }}" class="fm-parcel-step {{ $classes }}">
            <span>{{ $number < $currentStepNumber ? 'OK' : $step['icon'] }}</span>
            <strong>{{ $step['label'] }}</strong>
        </a>
    @endforeach
</div>