95 lines
7.2 KiB
PHP
95 lines
7.2 KiB
PHP
<?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 __('market'); ?></h1>
|
|
<div class="card border-0 bg-transparent">
|
|
<div class="d-none d-md-block table-responsive rounded-4 shadow-lg" style="background: #0b0e11; border: 1px solid #2b3139;">
|
|
<table class="table table-dark table-hover mb-0 align-middle">
|
|
<thead style="background: #161a1e;">
|
|
<tr class="text-light-50 small border-0">
|
|
<th class="ps-4 py-4 border-0 fw-bold text-uppercase" style="letter-spacing: 1px; color: #ffffff !important;"><?= __('coin') ?></th>
|
|
<th class="py-4 border-0 fw-bold text-uppercase" style="letter-spacing: 1px; color: #ffffff !important;"><?= __('last_price') ?></th>
|
|
<th class="py-4 border-0 fw-bold text-uppercase" style="letter-spacing: 1px; color: #ffffff !important;"><?= __('change_24h') ?></th>
|
|
<th class="py-4 border-0 fw-bold text-uppercase" style="letter-spacing: 1px; color: #ffffff !important;"><?= __('vol_24h') ?></th>
|
|
<th class="text-end pe-4 py-4 border-0 fw-bold text-uppercase" style="letter-spacing: 1px; color: #ffffff !important;"><?= __('market') ?></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="border-0">
|
|
<?php
|
|
$vol_suffix = __('vol_unit');
|
|
$full_coins = [
|
|
['name' => __('bitcoin'), 'symbol' => 'BTC', 'price' => '65,432.10', 'change' => '+2.5%', 'vol' => '321' . $vol_suffix],
|
|
['name' => __('ethereum'), 'symbol' => 'ETH', 'price' => '3,456.78', 'change' => '+1.8%', 'vol' => '154' . $vol_suffix],
|
|
['name' => __('tether'), 'symbol' => 'USDT', 'price' => '1.00', 'change' => '+0.01%', 'vol' => '452' . $vol_suffix],
|
|
['name' => __('binance_coin'), 'symbol' => 'BNB', 'price' => '589.20', 'change' => '-0.5%', 'vol' => '12' . $vol_suffix],
|
|
['name' => __('solana'), 'symbol' => 'SOL', 'price' => '145.67', 'change' => '+5.2%', 'vol' => '38' . $vol_suffix],
|
|
['name' => __('ripple'), 'symbol' => 'XRP', 'price' => '0.62', 'change' => '-1.23%', 'vol' => '8' . $vol_suffix],
|
|
['name' => __('cardano'), 'symbol' => 'ADA', 'price' => '0.45', 'change' => '+0.8%', 'vol' => '4' . $vol_suffix],
|
|
['name' => __('dogecoin'), 'symbol' => 'DOGE', 'price' => '0.16', 'change' => '+3.4%', 'vol' => '11' . $vol_suffix],
|
|
['name' => __('polkadot'), 'symbol' => 'DOT', 'price' => '8.90', 'change' => '-2.1%', 'vol' => '2' . $vol_suffix],
|
|
['name' => __('polygon'), 'symbol' => 'MATIC', 'price' => '0.92', 'change' => '+1.5%', 'vol' => '3' . $vol_suffix],
|
|
['name' => __('avalanche'), 'symbol' => 'AVAX', 'price' => '45.20', 'change' => '+4.1%', 'vol' => '8' . $vol_suffix],
|
|
['name' => __('chainlink'), 'symbol' => 'LINK', 'price' => '18.40', 'change' => '+3.2%', 'vol' => '5' . $vol_suffix],
|
|
['name' => __('shiba_inu'), 'symbol' => 'SHIB', 'price' => '0.000027', 'change' => '-3.4%', 'vol' => '2' . $vol_suffix],
|
|
['name' => __('tron'), 'symbol' => 'TRX', 'price' => '0.12', 'change' => '+0.5%', 'vol' => '12' . $vol_suffix],
|
|
['name' => __('bitcoin_cash'), 'symbol' => 'BCH', 'price' => '456.20', 'change' => '+2.12%', 'vol' => '4.5' . $vol_suffix],
|
|
['name' => __('litecoin'), 'symbol' => 'LTC', 'price' => '84.50', 'change' => '+1.45%', 'vol' => '9' . $vol_suffix],
|
|
['name' => __('uniswap'), 'symbol' => 'UNI', 'price' => '7.20', 'change' => '-2.12%', 'vol' => '1.2' . $vol_suffix]
|
|
];
|
|
foreach ($full_coins as $coin):
|
|
?>
|
|
<tr style="border-bottom: 1px solid rgba(255,255,255,0.05); transition: all 0.2s;">
|
|
<td class="ps-4 py-3 border-0">
|
|
<div class="d-flex align-items-center">
|
|
<div class="bg-white p-1 rounded-circle me-3 shadow-sm" style="width: 38px; height: 38px; display: flex; align-items: center; justify-content: center;">
|
|
<img src="<?php echo getCoinIcon($coin['symbol']); ?>" width="26" height="26" alt="<?= $coin['symbol'] ?>" onerror="this.src='https://assets.coingecko.com/coins/images/1/small/bitcoin.png'">
|
|
</div>
|
|
<div>
|
|
<div class="fw-bold text-white fs-5"><?php echo $lang === 'zh' ? __($coin['symbol']) : $coin['symbol']; ?></div>
|
|
<div class="text-muted small fw-medium"><?php echo $coin['name']; ?></div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="fw-bold text-white border-0 fs-5">$<?php echo $coin['price']; ?></td>
|
|
<td class="border-0 fw-bold fs-5 <?php echo strpos($coin['change'], '+') !== false ? 'text-success' : 'text-danger'; ?>">
|
|
<?php echo $coin['change']; ?>
|
|
</td>
|
|
<td class="text-light-50 border-0 fw-medium" style="color: #eaecef !important; opacity: 0.8;"><?php echo $coin['vol']; ?></td>
|
|
<td class="text-end pe-4 border-0">
|
|
<a href="trade.php?symbol=<?php echo $coin['symbol']; ?>" class="btn btn-primary btn-md px-4 rounded-pill fw-bold"><?= __('trade') ?></a>
|
|
</td>
|
|
</tr>
|
|
<?php endforeach; ?>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!-- Mobile Market List -->
|
|
<div class="d-md-none">
|
|
<?php foreach ($full_coins as $coin): ?>
|
|
<div class="p-3 mb-2 rounded-4 bg-black bg-opacity-20 border border-secondary border-opacity-50 d-flex align-items-center justify-content-between" onclick="location.href='trade.php?symbol=<?= $coin['symbol'] ?>'">
|
|
<div class="d-flex align-items-center gap-2">
|
|
<img src="<?= getCoinIcon($coin['symbol']) ?>" width="32" height="32" class="rounded-circle bg-white p-1">
|
|
<div>
|
|
<div class="fw-bold text-white"><?= $lang === 'zh' ? __($coin['symbol']) : $coin['symbol'] ?></div>
|
|
<div class="text-white-50 x-small"><?= $coin['vol'] ?></div>
|
|
</div>
|
|
</div>
|
|
<div class="text-center">
|
|
<div class="fw-bold text-white">$<?= $coin['price'] ?></div>
|
|
</div>
|
|
<div class="text-end">
|
|
<div class="fw-bold <?= strpos($coin['change'], '+') !== false ? 'text-success' : 'text-danger' ?>"><?= $coin['change'] ?></div>
|
|
</div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<style>
|
|
.x-small { font-size: 11px; }
|
|
</style>
|
|
</main>
|
|
<?php require_once __DIR__ . '/includes/footer.php'; ?>
|