@extends('layouts.app')
@section('title', 'Pagar reserva | Cartagena Tours & Viajes')
@section('content')
<section class="max-w-md mx-auto px-6 py-16 text-center">
    <h1 class="text-2xl font-bold text-[#0B1F44] mb-2">Completa tu pago</h1>
    <p class="text-gray-500 mb-6">Reserva {{ $reservation->codigo }}</p>
    <div class="bg-white rounded-2xl border border-gray-100 shadow-sm p-6 mb-6">
        <p class="text-3xl font-extrabold text-[#0B1F44]">
            ${{ number_format($reservation->total, 0, ',', '.') }} {{ $reservation->moneda }}
        </p>
    </div>
    {{-- Botón de pago de Bold --}}
    <script
        src="https://checkout.bold.co/library/boldPaymentButton.js"
        data-bold-button="dark-L"
        data-order-id="{{ $checkout['referencia'] }}"
        data-currency="{{ $checkout['moneda'] }}"
        data-amount="{{ $checkout['monto'] }}"
        data-api-key="{{ $checkout['api_key'] }}"
        data-integrity-signature="{{ $checkout['firma_integridad'] }}"
        data-redirection-url="{{ $checkout['redirect_url'] }}">
    </script>
</section>
@endsection