@section('title', __('Wallet Topup Payment'))
<div class="">
    <div class="w-11/12 p-12 mx-auto mt-20 text-center border rounded shadow md:w-6/12 lg:w-4/12">
        @if ($error)
            <x-heroicon-o-emoji-sad class="w-12 h-12 mx-auto text-red-500 md:h-24 md:w-24" />
            <p class="text-xl font-medium text-center">{{ __('Payment Failed') }}</p>
            <p>{{ $errorMessage }}</p>
        @else
            <x-heroicon-o-emoji-happy class="w-12 h-12 mx-auto text-green-500 md:h-24 md:w-24" />
            <p class="text-xl font-medium text-center">{{ __('Payment Successful') }}</p>
            <p>{{ __('Wallet Topup Payment was successful') }}</p>
        @endif

    </div>

    {{-- close --}}
    <p class="w-full p-4 text-sm text-center text-gray-500">{{ __('You may close this window') }}</p>
    <x-buttons.close />
</div>