<?php include 'header.php'; ?>
<?php include '_top-header.php'; ?>

<div class="page">

    <div class="container p-0">

        <div class="mt-4 mb-2">
            <h3 class="bold"> Checkout </h3>
        </div>

        <div class="row">

            <div class="col-md-6 mt-3">

                <div class="card">
                    <div class="flex-start gap-2">
                        <img src="assets/img/thumbs/cards/01.jpg" class="w-75px h-75px base-border-radius">
                        <div class="d-block">
                            <p class="font-medium mb-0"> PLAYSTATION STORE GIFT CARD - 60 EUR (Croatia) </p>
                            <p class="font-light mb-0"> Playstation </p>
                        </div>
                    </div>
                </div>

            </div>

            <div class="col-md-6 card-checkout-payment-method ">

                <div class="mb-2">
                    <p class="lead m-0 font-medium"> Payment method </p>
                </div>

                <div class="card mb-3">

                    <div class="custom-control custom-radio mb-2">
                        <input type="radio" id="customRadioInline1" name="customRadioInline1" class="custom-control-input" checked>
                        <label class="custom-control-label lead d-flex gap-1" for="customRadioInline1">
                            <i class="icon icon-wallet-checked icon-xl ms-1 me-1"></i>
                            Wallet
                        </label>
                    </div>

                    <div class="flex-start gap-2 p-2 border-radius-sm base-border">
                        <p class="m-0"> Balance </p>
                        <p class="m-0 color-success bold"> 424.00 KWD </p>
                    </div>

                </div>

                <div class="card mb-3">
                    <div class="flex-between">
                        <p class="m-0 color-gray font-light"> Amount </p>
                        <p class="bold m-0"> 213 KWD </p>
                    </div>
                </div>

                <a href="card-order-confirmed.php" class="btn btn-primary btn-block"> Buy now </a>

            </div>

        </div>

    </div>

</div>


<?php include 'footer.php'; ?>