@extends('layouts.landing')

@section('content')
<style>
    .content-wrapper {
        border-bottom: 1px solid #ccc;
    }

    .price-content h3,
    .total-content h3 {
        font-size: 20px;
    }

    .price-content p {
        font-size: 16px;
    }

    .priceing-content h3 {
        font-size: 18px;
        font-weight: 600;
    }

    .total-content {
        margin-top: 20px;
    }

    .pkg-content h3 {
        font-size: 22px;
        font-weight: 600;
        color: #ccc;
    }
</style>
<section class="container-fluid">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="signup-content">
                    <div class="signwraper">

                        <div class="row mt-4">
                            <div class="col-md-5">
                                <div class="pkg-content">
                                    @if (!empty($webhookData))
                                    <h2>Payment Details</h2>
                                    <p><strong>Payment ID:</strong> {{ $webhookData['id'] }}</p>
                                    <p><strong>Status:</strong> {{ $webhookData['status'] }}</p>
                                    <p><strong>Method:</strong> {{ $webhookData['method'] }}</p>
                                    <p><strong>Amount Paid:</strong> ₹{{ number_format($webhookData['amount'] / 100, 2) }}</p>
                                    <p><strong>Currency:</strong> {{ $webhookData['currency'] }}</p>
                                    @else
                                    <p>No payment details available.</p>
                                    @endif

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

</section>
@endsection