<?php
require_once 'functions.php';
requireAuth();

$user = getCurrentUser();
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Investments - <?php echo SITE_NAME; ?></title>
    <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
    <?php include 'includes/client-sidebar.php'; ?>
    
    <div class="main-content">
        <?php include 'includes/client-header.php'; ?>
        
        <div class="page-content">
            <div class="page-header">
                <h2>Investment Plans</h2>
                <p>Grow your wealth with our competitive investment options</p>
            </div>
            
            <div class="investment-grid">
                <div class="investment-card">
                    <div class="investment-tier">Starter</div>
                    <div class="investment-rate">5% <span>APR</span></div>
                    <div class="investment-duration">3 Months Duration</div>
                    <ul class="investment-features">
                        <li>Minimum: $1,000</li>
                        <li>Maximum: $10,000</li>
                        <li>Monthly payouts</li>
                        <li>Principal returned</li>
                        <li>No withdrawal fees</li>
                    </ul>
                    <button class="btn btn-outline-primary w-100" onclick="showToast('Investment feature coming soon!', 'info')">Invest Now</button>
                </div>
                
                <div class="investment-card featured">
                    <div class="investment-tier">Growth</div>
                    <div class="investment-rate">8% <span>APR</span></div>
                    <div class="investment-duration">6 Months Duration</div>
                    <ul class="investment-features">
                        <li>Minimum: $5,000</li>
                        <li>Maximum: $50,000</li>
                        <li>Monthly payouts</li>
                        <li>Principal returned</li>
                        <li>Priority support</li>
                    </ul>
                    <button class="btn btn-primary w-100" onclick="showToast('Investment feature coming soon!', 'info')">Invest Now</button>
                </div>
                
                <div class="investment-card">
                    <div class="investment-tier">Premium</div>
                    <div class="investment-rate">12% <span>APR</span></div>
                    <div class="investment-duration">12 Months Duration</div>
                    <ul class="investment-features">
                        <li>Minimum: $25,000</li>
                        <li>Maximum: $250,000</li>
                        <li>Quarterly payouts</li>
                        <li>Principal returned</li>
                        <li>Dedicated account manager</li>
                    </ul>
                    <button class="btn btn-outline-primary w-100" onclick="showToast('Investment feature coming soon!', 'info')">Invest Now</button>
                </div>
                
                <div class="investment-card">
                    <div class="investment-tier">Elite</div>
                    <div class="investment-rate">15% <span>APR</span></div>
                    <div class="investment-duration">24 Months Duration</div>
                    <ul class="investment-features">
                        <li>Minimum: $100,000</li>
                        <li>Maximum: $1,000,000</li>
                        <li>Annual payouts</li>
                        <li>Principal returned</li>
                        <li>VIP banking services</li>
                    </ul>
                    <button class="btn btn-outline-primary w-100" onclick="showToast('Investment feature coming soon!', 'info')">Invest Now</button>
                </div>
            </div>
        </div>
    </div>
    
    <script src="assets/js/main.js"></script>
</body>
</html>
