@php
    /** @var \App\Models\Order|\Closure|null $record */
    if (isset($getRecord) && is_callable($getRecord)) {
        $record = $getRecord();
    }

    if ($record instanceof \Closure) {
        $record = $record();
    }
@endphp

@if (! $record)
    <div class="text-xs text-gray-600">-</div>
@else
@php
    $percent = (float) $record->progressPercent();
    $color = (string) $record->progressFilamentColor();
    $hint = (string) $record->progressHintText();

    $barClass = match ($color) {
        'success' => 'bg-success-600',
        'primary' => 'bg-primary-600',
        'warning' => 'bg-warning-600',
        'danger' => 'bg-danger-600',
        default => 'bg-gray-400',
    };
@endphp

<div class="space-y-1">
    <div class="flex items-center justify-between text-xs text-gray-600">
        <span>Progreso</span>
        <span class="font-medium">{{ number_format($percent, 1) }}%</span>
    </div>

    <div class="h-2 w-full overflow-hidden rounded-full bg-gray-200">
        <div class="h-2 rounded-full {{ $barClass }}" style="width: {{ max(0, min(100, $percent)) }}%"></div>
    </div>

    <div class="text-xs text-gray-600">{{ $hint }}</div>
</div>
@endif