<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Payment Success</title>

    <!-- Include Bootstrap and your own styles -->
    <link rel="stylesheet" href="<?php echo e(asset('css/app.css')); ?>">
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy6XQ3hBO5i5P8X4VZ2osfjI8R2hdP0OePknME0F" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz4fnFO9E5w4w2gu4Dj8rZZWzS9qf81dZ66uJ5uDka5RfFSK4/2A4C0zk4P" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-pzjw8f+ua7Kw1TIqkJr2zA3zj5dX1AK7O8E5MtYkH5uDka5RfFSK4/2A4C0zk4P" crossorigin="anonymous"></script>

    <!-- Custom CSS for the success page -->
    <style>
        body {
            background-color: #f7f7f7;
        }
        .success-container {
            margin-top: 100px;
            padding: 40px;
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            text-align: center;
        }
        .success-icon {
            font-size: 50px;
            color: #28a745;
            margin-bottom: 20px;
        }
        h1 {
            font-size: 2.5rem;
            color: #333;
        }
        p {
            font-size: 1.2rem;
            color: #666;
        }
        .btn-home {
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="success-container">
                    <!-- Success Icon -->
                    <div class="success-icon">
                        <i class="fas fa-check-circle"></i>
                    </div>
                    <!-- Success Message -->
                    <h1>Payment Successful!</h1>
                    <p>Your subscription has been successfully processed. Thank you for subscribing!</p>
                    <p>Your subscription will be active until <strong><?php echo e($subscriptionEndsAt); ?></strong>.</p>

                </div>
            </div>
        </div>
    </div>

    <!-- Add FontAwesome for icons -->
    <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
</body>
</html>
<?php /**PATH /Users/hisham/Code/samy/dishify-server/resources/views/checkout/success.blade.php ENDPATH**/ ?>