@section('content')
<div class="container my-5">
    <div class="card shadow-lg p-4 rounded">
        <h2 class="text-success">🎉 Payment Successful!</h2>
        <p>Your booking has been confirmed.</p>

        <hr>

        <h4>Booking Summary</h4>
        <table class="table table-bordered">
            <tr>
                <th>Booking ID</th>
                <td>#{{ $booking->id }}</td>
            </tr>
            <tr>
                <th>Name</th>
                <td>{{ $booking->name }}</td>
            </tr>
            <tr>
                <th>Mobile</th>
                <td>{{ $booking->mobile }}</td>
            </tr>
            <tr>
                <th>Journey Date</th>
                <td>{{ $booking->booking_date }} {{ $booking->booking_time }}</td>
            </tr>
            <tr>
                <th>From</th>
                <td>{{ $booking->startPoint->name ?? 'N/A' }}</td>
            </tr>
            <tr>
                <th>To</th>
                <td>{{ $booking->package->destination->name ?? 'Sabarimala' }}</td>
            </tr>
            <tr>
                <th>Seats</th>
                <td>
                    @foreach($booking->seats as $seat)
                        <span class="badge bg-primary">Seat {{ $seat->seat_number }}</span>
                    @endforeach
                </td>
            </tr>
            <tr>
                <th>Total Paid</th>
                <td>₹{{ number_format($booking->total_price, 2) }}</td>
            </tr>
        </table>

        <div class="mt-3">
            <a href="{{ route('booking.download', $booking->id) }}" class="btn btn-outline-primary">
                Download Ticket
            </a>
            <button onclick="window.print()" class="btn btn-outline-secondary">🖨️ Print</button>
        </div>
    </div>
</div>
@endsection