@extends(backpack_view('blank'))

@section('content')
<div class="row justify-content-center pt-5">
    <div class="col-md-6">
        <div class="card text-center">
            <div class="card-body py-5">
                <div class="mb-4">
                    <i class="la la-spinner la-spin la-3x"></i>
                </div>
                <h3 class="mb-3">
                    Payment Successful
                </h3>
                <p class="text-muted">
                    Your payment has been received.
                    We are now activating your subscription.
                </p>
                <p class="text-muted">
                    Please wait a moment...
                </p>
            </div>
        </div>
    </div>
</div>
@endsection

@push('after_scripts')
<script>
    const checkUrl = "{{ route('backpack.account.checkout.status') }}";

    async function checkSubscriptionStatus() {
        try {
            const response = await fetch(checkUrl, {
                headers: {
                    'Accept': 'application/json'
                }
            });

            const result = await response.json();

            if (result.ready) {
                window.location.href =
                    "{{ route('backpack.account.checkout.thank-you') }}";
                return;
            }

        } catch (error) {
            console.error(error);
        }

        setTimeout(checkSubscriptionStatus, 2000);
    }

    checkSubscriptionStatus();
</script>
@endpush