@section('title', __('Subscription 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>{{__('Subscription 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>
    </div>