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


@section('content')

<div class="bk-checkout-page">
	<div class="card-wrapper">
		<div class="card-title-wrapper">
			<h2 class="card-main-title">Checkout</h2>
		</div>

		<div class="card-body mx-auto">
			<p class="card-body-title d-flex align-items-center justify-content-center">
				<img class="img-fluid mr-50" src="{{ asset('themes/tailwind/images/tick-circle-blue.png') }}">
				<span>Payment successful</span>
			</p>
			<div class="cart-summary-wrapper mx-auto">
				<div class="summary-computations-wrapper" style="margin-bottom: 92px;">
					<div class="summary-row">
						<span class="summary-row-title">Total amount paid</span>
						<span class="summary-row-desc sky-blue-text">HK$18,000</span>
					</div>
					<hr class="summary-row-separator">
					<div class="summary-row">
						<span class="summary-row-title">Payment method</span>
						<span class="summary-row-desc sky-blue-text">Credit card</span>
					</div>
					<div class="summary-row">
						<span class="summary-row-title">Transaction date</span>
						<span class="summary-row-desc sky-blue-text">2023/05/25  18:28</span>
					</div>
					<div class="summary-row">
						<span class="summary-row-title">Transaction number</span>
						<span class="summary-row-desc sky-blue-text">254678943</span>
					</div>
				</div>
				<div class="d-flex align-items-center justify-content-center">
					<a href="{{ route('wave.user.book-keeping.checkout', ['package_id' => 1]) }}" class="btn py-20 blue-btn mr-5">Back</a>
					<button type="button" class="btn py-20 yellow-btn">Print</button>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection