<!DOCTYPE html>
<html lang="en-US">
<head>
    <title>Payment Failed - Golf Evolution</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?php include 'member_layout/analyticscode.php' ?>
    <link rel="icon" href="<?= base_url()."/public"; ?>/assets/member_images/favicon.png" sizes="192x192" />
    <link rel="apple-touch-icon" href="<?= base_url()."/public"; ?>/assets/member_images/favicon.png" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="<?= base_url()."/public"; ?>/assets/member_css/front-style.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
    <script src="<?= base_url()."/public"; ?>/assets/member_js/ajax.js"></script>
</head>
<body class="payment">

<?php include 'member_layout/header.php' ?>

<section>
    <div class="container">
        <div class="row">
            <div class="col-lg-2"></div>
            <div class="col-lg-8">
                <div class="payment-box">
                    <div class="row payment-head alert">
                        <div class="col-lg-12">
                            <div>
                                <img src="<?= base_url()."/public"; ?>/assets/member_images/Group_122.png" alt="" width="60" height="60"/>
                                <h1 style="color: red" class="mt-3">Payment Failed!</h1>
                                <!-- <p>The order confirmation has been sent to your registered mail id</p> -->                                   
                            </div>
                        </div>
                    </div>

                    <div class="row aside">
                        <div class="col-lg-12">
                            <div class="aside-content">
                                <div class="trans-id label">Order Id</div>
                                <div class="trans-id"><?= $order_id; ?></div>
                            </div>
                            <div class="aside-content">
                                <div class="trans-date label">Transaction Date</div>
                                <div class="trans-date"><?= $formattedDate; ?></div>
                            </div>
                            <div class="aside-content aside-content-last">
                                <div class="trans-method label">Payment Failed Details</div>
                                <div class="trans-method"><?= $detail; ?> </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row dashboard mt-2">
                        <div class="col-lg-6 text-center text-lg-start"> <a href="<?= base_url('payment'); ?>" class="custom-btn">Retry payment</a></div>
                        <div class="col-lg-6 text-center text-lg-end">
                            <a href="<?= base_url('member_home'); ?>" class="custom-btn secondary-btn">Return to Dashboard</a>
                        </div>
                       
                    </div>                        
                </div>
            </div>
            <div class="col-lg-2"></div>
        </div>
    </div>
</section>

<?php include 'member_layout/footer.php' ?>

</body>
</html>