@extends('Customer.customer-layout')


@section('body')
    <div class="flex flex-col md:flex-row">
        @include('Customer.left-menu')

        <main id="main" class="main">
            <div class="main-content flex-1 bg-gray-100 mt-12 md:mt-2 pb-24 md:pb-5">
                <div class="m-auto w-full md:w-2/4 bg-white rounded border mt-20 p-5 sm:p-1 ">
                    <div class="px-40 py-20 bg-white rounded-md shadow-xl">
                        <div class="flex flex-col items-center">
                            <h6 class="mb-2 text-2xl font-bold text-center text-gray-800 md:text-3xl">
                                <span class="text-red-500">Oops! Payment Error</span> <br>
                            </h6>
                            <h4 class="text-center">
                                {{ $type }}
                            </h4>
                            <p class="mb-8 text-center text-gray-500 md:text-lg">
                                Please try again....
                            </p>
                            <a href="{{ route('customerDashboard') }}"
                                class="px-6 py-2 text-sm font-semibold text-blue-800 bg-blue-100">Go Back home</a>
                        </div>
                    </div>
                </div>
                <div class="clear-both mb-5"></div>
            </div>
        </main>
    </div>
@endsection
