@extends('layouts.app')

@section('title', 'Reserva confirmada | Cartagena Tours & Viajes')

@section('content')
<section class="max-w-2xl mx-auto px-6 py-16 text-center">

    <div class="inline-flex items-center justify-center w-16 h-16 rounded-full bg-green-100 text-green-600 text-3xl mb-4">
        ✓
    </div>

    <h1 class="text-2xl font-bold text-[#0B1F44] mb-2">¡Reserva creada con éxito!</h1>
    <p class="text-gray-500 mb-8">Tu código de reserva es:</p>

    <p class="text-3xl font-extrabold text-[#0B1F44] mb-10 tracking-wide">{{ $reservation->codigo }}</p>

    <div class="bg-white rounded-2xl border border-gray-100 shadow-sm p-6 text-left space-y-2">
        <p><span class="text-gray-500">Cliente:</span> <span class="font-semibold">{{ $reservation->client->nombre_completo }}</span></p>
        @foreach($reservation->services as $s)
            <p><span class="text-gray-500">Ruta:</span> <span class="font-semibold">{{ $s->origen }} → {{ $s->destino }}</span></p>
            <p><span class="text-gray-500">Fecha:</span> <span class="font-semibold">{{ $s->fecha->format('d/m/Y') }} {{ $s->hora }}</span></p>
            <p><span class="text-gray-500">Vehículo:</span> <span class="font-semibold">{{ $s->vehiculo_tipo }}</span></p>
        @endforeach
        <p class="pt-3 border-t border-gray-100"><span class="text-gray-500">Total:</span>
            <span class="font-bold text-[#0B1F44]">${{ number_format($reservation->total, 0, ',', '.') }} {{ $reservation->moneda }}</span>
        </p>
        <p><span class="text-gray-500">Estado:</span> <span class="font-semibold">{{ $reservation->estado->label() }}</span></p>
    </div>

</section>
@endsection