@extends('layouts.frontend')

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

@section('content')
<section id="success-page">
  <div class="container">
    <div class="row justify-content-center text-center">
      <div class="col-md-12">
        <div class="payment-successful-title">
          Your Payment was <br> Successfully Processed
        </div>
      </div>
      <div class="col-md-12">
        <img src="{{url('frontend/images/dark/success-img.svg')}}" alt="Success Image" />
      </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