@if($order->relationLoaded('statusLogs') && $order->statusLogs->isNotEmpty())
    <div class="mt-4">
        <p class="mb-2 font-bold">سجل التتبع</p>
        <div class="space-y-2">
            @foreach($order->statusLogs as $log)
                <div class="rounded-lg border px-3 py-2">
                    <div class="flex items-center justify-between gap-2">
                        <span class="font-medium">{{ \App\Enums\VendorOrderStatus::tryFrom($log->status)?->timelineLabel() ?? $log->status }}</span>
                        <span class="text-xs text-gray-400">{{ $log->recorded_at?->format('Y-m-d H:i') }}</span>
                    </div>
                    @if($log->notes)<p class="mt-1 text-xs text-gray-500">{{ $log->notes }}</p>@endif
                    @if($log->actor)<p class="text-xs text-gray-400">{{ $log->actor->name }}</p>@endif
                </div>
            @endforeach
        </div>
    </div>
@endif