@extends('theme::user.layouts.app')


@section('content')

<div class="cs-checkout-page h-100">
	<div class="card-wrapper h-100 flex-direction-column d-flex">
		<div class="card-title-wrapper">
			<h2 class="card-main-title">Checkout</h2>
		</div>

		<div class="card-body mx-auto h-100 d-flex justify-content-center flex-direction-column">
			<p class="card-body-title d-flex align-items-center justify-content-center mt-auto">
				<img class="img-fluid mr-50" src="{{ asset('themes/tailwind/images/tick-circle-failed.png') }}">
				<span>Payment failed</span>
			</p>
			<p class="card-body-desc mb-auto">
				Your payment was not successfully processed. 
				<br>
				Please try a different payment method.
			</p>
			<div class="cart-summary-wrapper mx-auto">
				<div class="d-flex align-items-center justify-content-center">
					<a href="{{ route('wave.user.company-secretary.limited-company') }}" class="btn py-20 blue-btn mr-5">Back</a>
					<a href="{{ route('wave.user.company-secretary.limited-company') }}" class="btn py-20 yellow-btn">Try Again</a>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection
