<?php
require_once __DIR__ . '/includes/lang.php';
require_once __DIR__ . '/includes/header.php';
?>
<main class="container py-5">
    <h1 class="mb-4 fw-bold"><?php echo __('news'); ?></h1>
    <div class="row g-4">
        <div class="col-md-8">
            <p class="text-white-50 mb-5"><?php echo __('news_content'); ?></p>
            <?php for($i=1; $i<=5; $i++): ?>
            <div class="card bg-surface border-secondary mb-4 coin-card shadow-sm">
                <div class="card-body">
                    <span class="badge bg-primary mb-2"><?= __('announcement') ?></span>
                    <h4 class="fw-bold text-white"><?= __('news_title_' . $i) ?></h4>
                    <p class="text-white-50 small"><?= __('news_meta') ?></p>
                    <p class="text-white-50"><?= __('news_desc_' . $i) ?></p>
                    <a href="#" class="btn btn-link p-0 text-primary fw-bold"><?= __('read_more') ?> <i class="bi bi-arrow-right"></i></a>
                </div>
            </div>
            <?php endfor; ?>
        </div>
        <div class="col-md-4">
            <div class="card bg-surface border-secondary p-4 sticky-top" style="top: 100px;">
                <h5 class="fw-bold mb-3 text-white"><?= __('newsletter') ?></h5>
                <p class="small text-white-50"><?= __('newsletter_desc') ?></p>
                <div class="input-group mb-3">
                    <input type="email" class="form-control bg-dark text-white border-secondary" placeholder="<?= __('email_address') ?>">
                    <button class="btn btn-primary"><?= __('join') ?></button>
                </div>
                <hr class="border-secondary">
                <h5 class="fw-bold mb-3 text-white"><?= __('popular_topics') ?></h5>
                <div class="d-flex flex-wrap gap-2">
                    <span class="badge border border-secondary p-2">#BTC</span>
                    <span class="badge border border-secondary p-2">#Web3</span>
                    <span class="badge border border-secondary p-2">#ETH</span>
                    <span class="badge border border-secondary p-2">#DeFi</span>
                    <span class="badge border border-secondary p-2">#NFTs</span>
                </div>
            </div>
        </div>
    </div>
</main>
<?php require_once __DIR__ . '/includes/footer.php'; ?>
