{{--
    Right-sidebar Return-label status card.

    Renders when the active ticket has a ReturnLabel row.
    Read-only — no operator actions on this card. Polling +
    auto-reship live entirely server-side; the operator
    observes the lifecycle here.

    States (driven by `ReturnLabelStatus` enum):

      - Waiting    : sky pill, "Awaiting first courier scan",
                     last checked / next check / countdown to
                     30-day abandon.
      - Scanned    : amber pill, transient — reship has been
                     authorised, Shopify order is being created.
      - Reshipped  : lime pill, links to the Shopify order
                     name from the reship_authorisations ledger.
      - Abandoned  : zinc pill, "Customer did not drop off".
      - Failed     : red pill, last_error surfaced.

    Tenant safety: $label comes from $this->activeReturnLabel
    which is filtered by AccountScope. Cross-account rows are
    invisible.

    Locked to ReturnLabelStatus enum cases — adding a new
    status case is the only way to extend the badge colour
    matrix.
--}}
@php
    /** @var \App\Models\ReturnLabel|null $label */
    $label = $this->activeReturnLabel;
@endphp

@if ($label !== null)
    <div data-test="context-return-label-card" data-status="{{ $label->status?->value }}">
        <div class="flex items-center gap-1.5 text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400">
            <flux:icon.truck class="size-3.5" />
            {{ __('Return label') }}
        </div>

        <div class="mt-2 rounded-md border border-zinc-200 bg-white px-3 py-3 text-xs dark:border-zinc-800 dark:bg-zinc-900">
            <div class="flex items-center justify-between gap-2">
                <span class="font-mono text-[11px] text-zinc-900 dark:text-zinc-100" data-test="return-label-tracking-number">
                    {{ $label->tracking_number ?? __('No tracking number') }}
                </span>
                @php
                    $badge = $label->status?->badgeColor() ?? 'zinc';
                    $statusLabel = $label->status?->label() ?? __('Unknown');
                    $badgeClasses = match ($badge) {
                        'sky' => 'bg-sky-100 text-sky-800 dark:bg-sky-900/50 dark:text-sky-200',
                        'amber' => 'bg-amber-100 text-amber-800 dark:bg-amber-900/50 dark:text-amber-200',
                        'lime' => 'bg-lime-100 text-lime-800 dark:bg-lime-900/50 dark:text-lime-200',
                        'red' => 'bg-red-100 text-red-800 dark:bg-red-900/50 dark:text-red-200',
                        default => 'bg-zinc-100 text-zinc-700 dark:bg-zinc-800 dark:text-zinc-300',
                    };
                @endphp
                <span
                    class="inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium {{ $badgeClasses }}"
                    data-test="return-label-status-badge"
                >
                    {{ $statusLabel }}
                </span>
            </div>

            {{-- Tracking link — Royal Mail tracking number is
                 the most useful direct affordance the agent
                 has on this card. --}}
            @if ($label->tracking_number)
                <div class="mt-2">
                    <a
                        href="https://www.royalmail.com/track-your-item#/tracking-results/{{ urlencode($label->tracking_number) }}"
                        target="_blank"
                        rel="noopener noreferrer"
                        class="inline-flex items-center gap-1 text-[11px] font-medium text-sky-700 hover:text-sky-900 dark:text-sky-300 dark:hover:text-sky-100"
                        data-test="return-label-track-link"
                    >
                        {{ __('Track on royalmail.com') }}
                        <flux:icon.arrow-top-right-on-square class="size-3" />
                    </a>
                </div>
            @endif

            {{-- Waiting state: show timing context. --}}
            @if ($label->status === \App\Enums\ReturnLabelStatus::Waiting)
                <dl class="mt-3 grid grid-cols-1 gap-y-1.5 text-[11px]">
                    <div class="flex justify-between gap-2">
                        <dt class="text-zinc-500 dark:text-zinc-400">{{ __('Last checked') }}</dt>
                        <dd class="text-zinc-700 dark:text-zinc-300" data-test="return-label-last-checked">
                            {{ $label->last_checked_at ? $label->last_checked_at->diffForHumans() : __('Not yet') }}
                        </dd>
                    </div>
                    <div class="flex justify-between gap-2">
                        <dt class="text-zinc-500 dark:text-zinc-400">{{ __('Next check') }}</dt>
                        <dd class="text-zinc-700 dark:text-zinc-300" data-test="return-label-next-check">
                            {{ $label->next_check_at ? $label->next_check_at->diffForHumans() : __('Pending') }}
                        </dd>
                    </div>
                    @php
                        $abandonsAt = $label->created_at
                            ? $label->created_at->copy()->addDays(\App\Models\ReturnLabel::ABANDON_AFTER_DAYS)
                            : null;
                    @endphp
                    @if ($abandonsAt !== null)
                        <div class="flex justify-between gap-2">
                            <dt class="text-zinc-500 dark:text-zinc-400">{{ __('Abandons') }}</dt>
                            <dd class="text-zinc-700 dark:text-zinc-300" data-test="return-label-abandons-at">
                                {{ $abandonsAt->diffForHumans() }}
                            </dd>
                        </div>
                    @endif
                </dl>
            @endif

            {{-- Reshipped state: link to the Shopify
                 replacement order from the dedup ledger. --}}
            @if ($label->status === \App\Enums\ReturnLabelStatus::Reshipped && $label->reshipAuthorisation)
                @php $auth = $label->reshipAuthorisation; @endphp
                <div class="mt-3 rounded-md bg-lime-50 px-2 py-1.5 text-[11px] text-lime-900 dark:bg-lime-950/30 dark:text-lime-200" data-test="return-label-reship-block">
                    <div class="flex items-center gap-1">
                        <flux:icon.check-circle class="size-3.5 shrink-0" />
                        <span class="font-medium">{{ __('Replacement order created') }}</span>
                    </div>
                    @if ($auth->shopify_order_name)
                        <div class="mt-0.5 font-mono text-[11px]" data-test="return-label-reship-order-name">
                            {{ $auth->shopify_order_name }}
                        </div>
                    @endif
                    @if ($auth->triggered_at)
                        <div class="mt-0.5 text-[10px] text-lime-800/70 dark:text-lime-300/70">
                            {{ $auth->triggered_at->diffForHumans() }}
                        </div>
                    @endif
                </div>
            @endif

            {{-- Failed state: surface operator-safe error. --}}
            @if ($label->status === \App\Enums\ReturnLabelStatus::Failed && $label->last_error)
                <div
                    class="mt-3 rounded-md bg-red-50 px-2 py-1.5 text-[11px] text-red-900 dark:bg-red-950/30 dark:text-red-200"
                    data-test="return-label-failure-block"
                >
                    <div class="flex items-center gap-1">
                        <flux:icon.exclamation-triangle class="size-3.5 shrink-0" />
                        <span class="font-medium">{{ __('Reship failed') }}</span>
                    </div>
                    <div class="mt-0.5">{{ $label->last_error }}</div>
                </div>
            @endif

            {{-- Abandoned state: explanatory copy. --}}
            @if ($label->status === \App\Enums\ReturnLabelStatus::Abandoned)
                <div class="mt-3 rounded-md bg-zinc-100 px-2 py-1.5 text-[11px] text-zinc-700 dark:bg-zinc-800/50 dark:text-zinc-300" data-test="return-label-abandoned-block">
                    <div class="flex items-center gap-1">
                        <flux:icon.no-symbol class="size-3.5 shrink-0" />
                        <span>{{ __('No movement after 30 days. Polling stopped.') }}</span>
                    </div>
                </div>
            @endif

            {{-- Captured replacement variant footer — small,
                 quiet, lives on every card so the operator can
                 see what the auto-reship will (or did) send. --}}
            @if ($label->correct_variant_id)
                <div class="mt-3 border-t border-zinc-100 pt-2 text-[10px] text-zinc-500 dark:border-zinc-800 dark:text-zinc-400">
                    {{ __('Variant') }}
                    <span class="font-mono">{{ $label->correct_variant_id }}</span>
                    <span>×</span>
                    <span>{{ $label->correct_quantity ?? 1 }}</span>
                </div>
            @endif
        </div>
    </div>
@endif