@extends('layouts.frontend')

@section('title', '| payment fail')

@section('content')
<section id="failed-page">
  <div class="container">
    <div class="row justify-content-center text-center">
      <div class="col-md-12">
        <h3>Your Payment Failed</h3>
      </div>
      <div class="col-md-12">
        <img src="{{url('frontend/images/dark/failed-img.svg')}}" alt="Failed Image"/>
      </div>
      <div class="col-md-12">
        <h5>
          Hey, seems like there was some trouble , We are there with you.
          Just hold back
        </h5>
      </div>
      <div class="col-md-12">
      <div class="d-flex justify-content-center col-gap">
        <p>Order ID : 2224521</p>
        <p>Transition ID : #2224521</p>
      </div>
      </div>
      <div class="col-md-12">
        <button>Back to Will & Trust</button>
      </div>
    </div>
  </div>
</section>
@endsection