@extends('Customer.customer-layout')


@section('body')

<div class="flex flex-col md:flex-row">

    @include('Customer.left-menu')

  <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>
</div>

{{-- {{dd($details)}} --}}
    
@endsection