@extends('layouts.app')
@section('content')
<!-- page-title -->
<div class="tf-page-title">
    <div class="container-full">
        <div class="heading text-center">Payment confirmation</div>
    </div>
</div>
<!-- /page-title -->

<!-- page-cart -->
<section class="flat-spacing-11">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6">
                <h5 class="fw-5 mb_20">Payment confirmation</h5>
                <div class="tf-page-cart-checkout">
                    <div class="d-flex align-items-center justify-content-between mb_15">
                        <div class="fs-18">Date</div>
                        <p>01/01/2024</p>
                    </div>
                    <div class="d-flex align-items-center justify-content-between mb_15">
                        <div class="fs-18">Payment method</div>
                        <p>Visa</p>
                    </div>
                    <div class="d-flex align-items-center justify-content-between mb_15">
                        <div class="fs-18">Card number</div>
                        <p>**** **** **** 9999</p>
                    </div>
                    <div class="d-flex align-items-center justify-content-between mb_15">
                        <div class="fs-18">Cardholder name</div>
                        <p>Themesflat</p>
                    </div>
                    <div class="d-flex align-items-center justify-content-between mb_15">
                        <div class="fs-18">Email</div>
                        <p>info@fashionshop.com</p>
                    </div>
                    <div class="d-flex align-items-center justify-content-between mb_15">
                        <div class="fs-18">Phone</div>
                        <p>(212) 555-1234</p>
                    </div>
                    <div class="d-flex align-items-center justify-content-between mb_24">
                        <div class="fs-22 fw-6">Subtotal</div>
                        <span class="total-value">$188.00 USD</span>
                    </div>
                    <div class="d-flex gap-10">
                        <a href="#" class="tf-btn w-100 btn-outline animate-hover-btn rounded-0 justify-content-center">
                            <span>Cancel Payment</span>
                        </a>
                        <a href="#" class="tf-btn w-100 btn-fill animate-hover-btn radius-3 justify-content-center">
                            <span>Confirm Payment</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- page-cart -->
@endsection
@section('page_script')
@parent

@endsection
<!-- App js -->