@extends('layouts.site')

@section('title', 'Payment Successful')

@section('content')
    <section class="container-site py-16">
        <div class="max-w-2xl mx-auto rounded-3xl border border-emerald-200 bg-emerald-50 p-8">
            <h1 class="text-2xl font-semibold text-emerald-900">Payment Successful</h1>
            <p class="mt-3 text-emerald-800">
                Your advance payment was received successfully and your booking is now confirmed.
            </p>

            <div class="mt-6 text-sm text-emerald-900 space-y-2">
                <div><strong>Booking ID:</strong> #{{ $booking->id }}</div>
                <div><strong>Payment Ref:</strong> {{ $payment->merchant_order_id }}</div>
                <div><strong>Amount:</strong> {{ $payment->currency }} {{ number_format((float) $payment->amount, 2) }}
                </div>
            </div>
        </div>
    </section>
@endsection