<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title><?= $settings['name'] ?> - <?= $settings['description'] ?></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="<?= base_url() ?>assets/images/favicon.ico">
    <link href="<?= base_url() ?>assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="<?= base_url() ?>assets/css/style.css" rel="stylesheet">
    <link href="<?= base_url() ?>assets/css/icons.min.css" rel="stylesheet">
    <style>
        body {
            font-family: 'Segoe UI', sans-serif;
            background: #f9f9fb;
        }

        .navbar {
            background-color: #fff;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }

        .hero {
            background: linear-gradient(135deg, #3b82f6, #9333ea);
            color: white;
            padding: 100px 0;
            text-align: center;
        }

        .btn-primary {
            background-color: #3b82f6;
            border: none;
        }

        .features-icon {
            font-size: 40px;
            color: #3b82f6;
        }

        .cryptos img {
            border-radius: 50%;
            background: #fff;
            padding: 8px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
            transition: 0.3s ease;
        }

        .cryptos img:hover {
            transform: scale(1.1);
        }

        .footer {
            background: #111827;
            color: #aaa;
            padding: 20px;
            text-align: center;
        }
    </style>
</head>
<body>

<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-light">
    <div class="container">
        <a class="navbar-brand" href="<?= base_url() ?>">
            <img src="<?= base_url('assets/images/logo.png') ?>" alt="Logo" height="40">
        </a>
        <div class="ml-auto">
            <a href="<?= site_url('login') ?>" class="btn btn-outline-primary">Login</a>
            <a href="<?= site_url('register') ?>" class="btn btn-primary ml-2">Register</a>
        </div>
    </div>
</nav>

<!-- Hero -->
<section class="hero">
    <div class="container">
        <h1 class="display-4 font-weight-bold"><?= $settings['name'] ?></h1>
        <p class="lead"><?= $settings['description'] ?></p>
        <a href="<?= site_url('register') ?>" class="btn btn-light btn-lg mt-3">Start Earning Now</a>
    </div>
</section>

<!-- Stats -->
<section class="py-5 text-center">
    <div class="container">
        <div class="row">
            <div class="col-md-3"><h3><?= number_format($stat['total_user']) ?></h3><p>Users</p></div>
            <div class="col-md-3"><h3><?= number_format($stat['earning'], 2) ?>$</h3><p>Total Earned</p></div>
            <div class="col-md-3"><h3><?= number_format($stat['withdrawals']) ?></h3><p>Withdrawals</p></div>
            <div class="col-md-3"><h3><?= $stat['dayOnline'] ?? 0 ?></h3><p>Days Online</p></div>
        </div>
    </div>
</section>

<!-- Features -->
<section class="py-5 bg-light">
    <div class="container text-center">
        <h2 class="mb-4">Awesome Features</h2>
        <div class="row">
            <?php if ($settings['faucet_status'] == 'on'): ?>
                <div class="col-md-3"><i class="fas fa-faucet features-icon mb-2"></i><p>Faucet</p></div>
            <?php endif; ?>
            <?php if ($settings['shortlink_status'] == 'on'): ?>
                <div class="col-md-3"><i class="fas fa-link features-icon mb-2"></i><p>Shortlinks</p></div>
            <?php endif; ?>
            <?php if ($settings['ptc_status'] == 'on'): ?>
                <div class="col-md-3"><i class="fas fa-mouse-pointer features-icon mb-2"></i><p>PTC Ads</p></div>
            <?php endif; ?>
            <?php if ($settings['offerwall_status'] == 'on'): ?>
                <div class="col-md-3"><i class="fas fa-columns features-icon mb-2"></i><p>Offerwalls</p></div>
            <?php endif; ?>
            <?php if ($settings['dice_status'] == 'on'): ?>
                <div class="col-md-3 mt-4"><i class="fas fa-dice features-icon mb-2"></i><p>Dice Game</p></div>
            <?php endif; ?>
            <?php if ($settings['coinflip_status'] == 'on'): ?>
                <div class="col-md-3 mt-4"><i class="fas fa-coins features-icon mb-2"></i><p>Coin Flip</p></div>
            <?php endif; ?>
            <?php if ($settings['lottery_status'] == 'on'): ?>
                <div class="col-md-3 mt-4"><i class="fas fa-ticket-alt features-icon mb-2"></i><p>Lottery</p></div>
            <?php endif; ?>
        </div>
    </div>
</section>

<!-- Cryptocurrencies -->
<section class="py-5">
    <div class="container text-center">
        <h2 class="mb-4">25 Cryptocurrencies Available</h2>
        <div class="row justify-content-center cryptos">
            <?php
            $crypto_icons = [
                'avax.png', 'btc.png', 'bnb.png', 'dash.png', 'dgb.png',
                'doge.png', 'eth.png', 'firo.png', 'hive.png', 'hour.png',
                'ltc.png', 'myst.png', 'pivx.png', 'polygon.png', 'smart.png',
                'sol.png', 'swt.png', 'trx.png', 'ultra.png', 'zec.png',
                'ada.png', 'xmr.png', 'xrp.png', 'dot.png', 'nano.png'
            ];
            foreach ($crypto_icons as $icon): ?>
                <div class="col-3 col-sm-2 col-md-1 mb-3">
                    <img src="<?= base_url('assets/images/cryptos/' . $icon) ?>" class="img-fluid" alt="<?= pathinfo($icon, PATHINFO_FILENAME) ?>">
                </div>
            <?php endforeach; ?>
        </div>
    </div>
</section>

<!-- Footer -->
<footer class="footer">
    &copy; <?= date('Y') ?> <?= $settings['name'] ?> | All rights reserved.
</footer>

<!-- Scripts -->
<script src="<?= base_url() ?>assets/js/jquery.min.js"></script>
<script src="<?= base_url() ?>assets/js/bootstrap.bundle.min.js"></script>
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>

</body>
</html>
