@extends('layouts.blank', ['title' => 'Portal bloqueado'])

@section('content')
@php
    $kind = $order->trackingLockKind();
    $title = match ($kind) {
        'delivered' => 'Pedido ya entregado',
        'cancelled' => 'Pedido cancelado',
        'failed' => 'Entrega fallida',
        default => 'Portal bloqueado',
    };
    $icon = match ($kind) {
        'delivered' => 'bi-check-circle-fill text-success',
        'cancelled' => 'bi-x-circle-fill text-danger',
        'failed' => 'bi-exclamation-triangle-fill text-warning',
        default => 'bi-lock-fill text-secondary',
    };
@endphp
<div class="track-wrap">
    <div class="track-card text-center">
        <div class="display-4 mb-3"><i class="bi {{ $icon }}"></i></div>
        <h1 class="h4">{{ $title }}</h1>
        <p class="text-secondary mb-3">{{ $order->number }}</p>
        @include('tracking.partials.client-heading')
        @if($order->dispatcher_name)
            <p class="text-secondary mb-1">Despachador: {{ $order->dispatcher_name }}</p>
        @endif
        @if($order->tracking_locked_at)
            <p class="text-secondary mb-2">Bloqueado el {{ $order->tracking_locked_at->format('d/m/Y H:i') }}</p>
        @endif

        @if($order->tracking_outcome_notes && in_array($kind, ['cancelled', 'failed'], true))
            <div class="alert alert-light border text-start mt-3">
                <div class="track-label mb-1">Motivo</div>
                <div>{{ $order->tracking_outcome_notes }}</div>
            </div>
        @endif

        @if($kind === 'delivered')
            <p class="mb-0"><strong>Pago:</strong> {{ $order->paymentMethodLabel() }} · ${{ number_format((float) $order->total, 2) }}</p>
            <div class="alert alert-success mt-4 mb-0">
                Este código QR ya no permite más cambios. La venta quedó registrada.
            </div>
        @else
            <div class="alert alert-secondary mt-4 mb-0">
                El portal está bloqueado. Solo un administrador puede reabrirlo desde el panel de control.
            </div>
        @endif
    </div>
</div>
@endsection