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