@include('layouts.header')
<main >
 
<section class="container mb-5 mt-5" style="padding:30px">
<div class="row">
    <div class="col-12 text-center thank-you">
        <img src="{{ asset('assets/images/failed.jpg') }}" alt="Payment Failed" class="mb-4" style="max-width: 150px;">
        <h1 class="text-danger thank-text-style mt-5 mb-5">Oops! Payment Failed</h1>

        <h3 class="mb-4"><b>Order ID:</b> RF464mkjiTT</h3>
        <p class="" style="margin-bottom: 20px">
            Unfortunately, your payment could not be processed at this time.<br>
            Please try again or contact support if the issue persists.
        </p>

        <a href="{{ url('/') }}" class="btn btn-primary">Return to Home</a>
    </div>
</div>

</section>
@include('layouts.footer')