@props(['workOrder', 'showDays' => true])
@php
    $state = $workOrder->deadlineState();
    $days = $workOrder->isOpen() ? $workOrder->daysUntilDeadline() : null;
    $suffix = match (true) {
        ! $showDays || $days === null => null,
        $days < 0 => abs($days).'d late',
        $days > 0 && $state !== \App\Enums\DeadlineState::Normal => 'in '.$days.'d',
        default => null,
    };
@endphp
@if ($state !== \App\Enums\DeadlineState::NotApplicable && $state !== \App\Enums\DeadlineState::Normal)
    <x-ui.badge :tone="$state->tone()" :icon="$state->icon()" {{ $attributes }}>
        {{ $state->label() }}@if ($suffix)<span class="font-normal opacity-80">· {{ $suffix }}</span>@endif
    </x-ui.badge>
@elseif ($state === \App\Enums\DeadlineState::Normal)
    <span {{ $attributes->merge(['class' => 'inline-flex items-center gap-1 text-xs text-slate-500']) }}>
        <x-icon name="clock" class="size-3.5" />On track
    </span>
@endif