@extends('layouts.admin')

@section('title', 'Entrega '.$delivery->number)

@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
    <div>
        <h1 class="h3 mb-1">{{ $delivery->number }}</h1>
        <p class="text-secondary mb-0">
            Pedido <a href="{{ route('orders.show', $delivery->order) }}">{{ $delivery->order?->number }}</a>
            · {{ $delivery->statusLabel() }}
        </p>
    </div>
    <div class="d-flex flex-wrap gap-2">
        <a class="btn btn-outline-secondary" href="{{ route('deliveries.index') }}">Volver</a>
        @if($delivery->status->value !== 'DELIVERED')
            <a class="btn btn-outline-primary" href="{{ route('deliveries.edit', $delivery) }}"><i class="bi bi-pencil"></i> Editar</a>
            <form method="POST" action="{{ route('deliveries.destroy', $delivery) }}" onsubmit="return confirm('¿Eliminar esta entrega?')">
                @csrf @method('DELETE')
                <button class="btn btn-outline-danger" type="submit"><i class="bi bi-trash"></i> Eliminar</button>
            </form>
        @endif
        @if($delivery->evidence_path)
            <a class="btn btn-outline-primary" href="{{ route('deliveries.evidence', $delivery) }}" target="_blank"><i class="bi bi-eye"></i> Ver evidencia</a>
        @endif
    </div>
</div>

<div class="row g-3">
    <div class="col-md-6">
        <div class="card p-3">
            <div class="text-secondary small">Cliente</div>
            <div class="fw-semibold">{{ $delivery->client?->business_name }}</div>
            <div class="mt-2">{{ $delivery->delivery_address }}</div>
            <div class="mt-3 text-secondary small">Programada</div>
            <div>{{ $delivery->scheduled_at?->format('d/m/Y H:i') }}</div>
            <div class="mt-3 text-secondary small">Repartidor</div>
            <div>{{ $delivery->driverLabel() }}</div>
            @if($delivery->vehicle)<div>Vehículo: {{ $delivery->vehicle }}</div>@endif
            @if($delivery->notes)<div class="mt-2 small">{{ $delivery->notes }}</div>@endif
        </div>
    </div>
    <div class="col-md-6">
        <div class="card">
            <div class="card-header bg-white fw-semibold">Productos del pedido</div>
            <ul class="list-group list-group-flush">
                @foreach($delivery->order?->items ?? [] as $item)
                    <li class="list-group-item d-flex justify-content-between">
                        <span>{{ $item->product?->name }} · {{ $item->quantityLabel() }}</span>
                        <span>${{ number_format((float) $item->total, 2) }}</span>
                    </li>
                @endforeach
            </ul>
        </div>
    </div>
</div>
@endsection