38451-vm/mining.php

<?php
require_once __DIR__ . '/includes/lang.php';
require_once __DIR__ . '/includes/header.php';
?>
<main class="container py-5">
    <div class="text-center mb-5">
        <h1 class="display-4 fw-bold mb-3"><?= __('mining') ?></h1>
        <p class="lead text-muted mx-auto" style="max-width: 700px;">
            <?= __('mining_desc') ?>
        </p>
    </div>

    <div class="row g-4 mb-5">
        <?php
        $pools = [
            ['symbol' => 'BTC', 'name' => __('bitcoin') . __('mining_pool'), 'apy' => '12.5%', 'min' => '0.01 ' . __('BTC'), 'term' => '30 ' . __('day'), 'hot' => true],
            ['symbol' => 'ETH', 'name' => __('ethereum') . __('mining_pool'), 'apy' => '8.2%', 'min' => '0.1 ' . __('ETH'), 'term' => __('flexible'), 'hot' => false],
            ['symbol' => 'USDT', 'name' => __('tether') . __('mining_pool'), 'apy' => '15.0%', 'min' => '100 ' . __('USDT'), 'term' => '90 ' . __('day'), 'hot' => true],
            ['symbol' => 'BNB', 'name' => __('binance_coin') . __('mining_pool'), 'apy' => '22.0%', 'min' => '1 ' . __('BNB'), 'term' => '180 ' . __('day'), 'hot' => false],
            ['symbol' => 'SOL', 'name' => __('solana') . __('mining_pool'), 'apy' => '14.2%', 'min' => '5 ' . __('SOL'), 'term' => '60 ' . __('day'), 'hot' => false],
            ['symbol' => 'AVAX', 'name' => __('avalanche') . __('mining_pool'), 'apy' => '18.5%', 'min' => '10 ' . __('AVAX'), 'term' => '120 ' . __('day'), 'hot' => false],
        ];

        foreach ($pools as $pool): ?>
        <div class="col-6 col-md-4">
            <div class="card h-100 bg-dark border-secondary shadow-hover transition-all position-relative overflow-hidden" style="border-radius: 20px;">
                <?php if ($pool['hot']): ?>
                    <div class="position-absolute top-0 end-0 bg-primary text-white px-2 py-0 small fw-bold" style="border-bottom-left-radius: 12px; font-size: 10px;"><?= __('hot') ?></div>
                <?php endif; ?>
                <div class="card-body p-3 p-md-4">
                    <div class="d-flex align-items-center mb-3 mb-md-4">
                        <div class="bg-black p-1 p-md-2 rounded-circle me-2 me-md-3 shadow-sm">
                            <img src="<?php echo getCoinIcon($pool['symbol']); ?>" width="24" height="24" class="coin-icon-mobile">
                        </div>
                        <h6 class="m-0 fw-bold pool-name-mobile"><?= $pool['name'] ?></h6>
                    </div>
                    
                    <div class="bg-black rounded-3 p-2 p-md-3 mb-3 mb-md-4">
                        <div class="d-flex justify-content-between mb-1 mb-md-2">
                            <span class="text-muted" style="font-size: 10px;"><?= __('est_apy') ?></span>
                            <span class="text-success fw-bold" style="font-size: 12px;"><?= $pool['apy'] ?></span>
                        </div>
                        <div class="d-flex justify-content-between mb-1 mb-md-2">
                            <span class="text-muted" style="font-size: 10px;"><?= __('min_deposit') ?></span>
                            <span class="text-white" style="font-size: 10px;"><?= $pool['min'] ?></span>
                        </div>
                        <div class="d-flex justify-content-between">
                            <span class="text-muted" style="font-size: 10px;"><?= __('lock_period') ?></span>
                            <span class="text-primary fw-medium" style="font-size: 10px;"><?= $pool['term'] ?></span>
                        </div>
                    </div>

                    <div class="d-none d-md-flex gap-2 mb-4 small text-muted">
                        <i class="bi bi-shield-check text-success"></i> <?= __('principal_protected') ?>
                        <i class="bi bi-lightning-fill text-warning ms-2"></i> <?= __('daily_payouts') ?>
                    </div>

                    <button class="btn btn-primary w-100 py-2 py-md-3 fw-bold rounded-pill" style="font-size: 12px;"><?= __('start_mining') ?></button>
                </div>
            </div>
        </div>
        <?php endforeach; ?>
    </div>

    <style>
        @media (max-width: 768px) {
            .display-4 { font-size: 1.8rem !important; }
            .pool-name-mobile { font-size: 0.85rem !important; }
            .coin-icon-mobile { width: 24px; height: 24px; }
            .row.g-4 { --bs-gutter-x: 0.5rem; --bs-gutter-y: 0.5rem; }
            .py-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
        }
    </style>
    </div>

    <div class="row g-4 align-items-center py-5">
        <div class="col-md-6">
            <h2 class="fw-bold mb-4"><?= __('why_mining') ?></h2>
            <div class="d-flex gap-4 mb-4">
                <div class="bg-primary bg-opacity-10 p-3 rounded-4">
                    <i class="bi bi-cpu fs-2 text-primary"></i>
                </div>
                <div>
                    <h5 class="fw-bold"><?= __('adv_hardware') ?></h5>
                    <p class="text-muted"><?= __('adv_hardware_desc') ?></p>
                </div>
            </div>
            <div class="d-flex gap-4 mb-4">
                <div class="bg-success bg-opacity-10 p-3 rounded-4">
                    <i class="bi bi-wallet2 fs-2 text-success"></i>
                </div>
                <div>
                    <h5 class="fw-bold"><?= __('auto_compound') ?></h5>
                    <p class="text-muted"><?= __('auto_compound_desc') ?></p>
                </div>
            </div>
            <div class="d-flex gap-4">
                <div class="bg-info bg-opacity-10 p-3 rounded-4">
                    <i class="bi bi-bar-chart-line fs-2 text-info"></i>
                </div>
                <div>
                    <h5 class="fw-bold"><?= __('real_time_monitor') ?></h5>
                    <p class="text-muted"><?= __('real_time_monitor_desc') ?></p>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="bg-surface p-5 rounded-5 border border-secondary text-center shadow">
                <h3 class="fw-bold mb-3"><?= __('calc_profit') ?></h3>
                <p class="text-muted mb-4"><?= __('calc_desc') ?></p>
                <div class="input-group mb-4">
                    <span class="input-group-text bg-black border-secondary text-white"><?= __('USDT') ?></span>
                    <input type="number" id="mining-calc-amount" class="form-control bg-black border-secondary text-white p-3" placeholder="<?= __('amount_to_invest') ?>">
                </div>
                <div class="bg-black p-4 rounded-4 mb-4">
                    <div class="row">
                        <div class="col-6 border-end border-secondary">
                            <div class="text-muted small mb-1"><?= __('daily_profit') ?></div>
                            <div class="text-success fw-bold fs-4">--</div>
                        </div>
                        <div class="col-6">
                            <div class="text-muted small mb-1"><?= __('monthly_profit') ?></div>
                            <div class="text-success fw-bold fs-4">--</div>
                        </div>
                    </div>
                </div>
                <button class="btn btn-outline-primary w-100 py-3 rounded-pill fw-bold"><?= __('try_calc') ?></button>
            </div>
        </div>
    </div>
</main>

<style>
.shadow-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 1rem 3rem rgba(0,0,0,0.5) !important;
}
.transition-all {
    transition: all 0.3s ease;
}
.bg-surface {
    background-color: var(--surface);
}
</style>

<?php require_once __DIR__ . '/includes/footer.php'; ?>