65 lines
3.2 KiB
PHP
65 lines
3.2 KiB
PHP
<?php
|
|
require_once __DIR__ . '/includes/lang.php';
|
|
require_once __DIR__ . '/includes/header.php';
|
|
?>
|
|
<div class="container py-5 d-flex justify-content-center">
|
|
<div class="card bg-dark border-secondary shadow-lg" style="width: 100%; max-width: 480px; border-radius: 24px;">
|
|
<div class="card-body p-4">
|
|
<h3 class="fw-bold mb-4"><?= __('swap') ?></h3>
|
|
|
|
<!-- From -->
|
|
<div class="p-3 mb-2 rounded-4" style="background: #1e2329;">
|
|
<div class="d-flex justify-content-between mb-2">
|
|
<span class="text-muted small">From</span>
|
|
<span class="text-muted small">Balance: 0.00</span>
|
|
</div>
|
|
<div class="d-flex align-items-center">
|
|
<input type="number" class="form-control bg-transparent border-0 text-white fs-3 p-0 shadow-none w-50" placeholder="0.00">
|
|
<div class="ms-auto d-flex align-items-center bg-dark p-2 rounded-pill px-3 cursor-pointer">
|
|
<img src="https://assets.coingecko.com/coins/images/325/small/tether.png" width="24" height="24" class="me-2">
|
|
<span class="fw-bold">USDT</span>
|
|
<i class="bi bi-chevron-down ms-2"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Switch Icon -->
|
|
<div class="text-center my-n3 position-relative" style="z-index: 2;">
|
|
<div class="bg-dark border border-secondary rounded-circle d-inline-flex p-2 shadow-sm" style="cursor: pointer;">
|
|
<i class="bi bi-arrow-down-up text-primary"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- To -->
|
|
<div class="p-3 mt-n1 mb-4 rounded-4" style="background: #1e2329;">
|
|
<div class="d-flex justify-content-between mb-2">
|
|
<span class="text-muted small">To</span>
|
|
<span class="text-muted small">Balance: 0.00</span>
|
|
</div>
|
|
<div class="d-flex align-items-center">
|
|
<input type="number" class="form-control bg-transparent border-0 text-white fs-3 p-0 shadow-none w-50" placeholder="0.00" readonly>
|
|
<div class="ms-auto d-flex align-items-center bg-dark p-2 rounded-pill px-3 cursor-pointer">
|
|
<img src="https://assets.coingecko.com/coins/images/1/small/bitcoin.png" width="24" height="24" class="me-2">
|
|
<span class="fw-bold">BTC</span>
|
|
<i class="bi bi-chevron-down ms-2"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-4 small px-2">
|
|
<div class="d-flex justify-content-between text-muted mb-1">
|
|
<span>Rate</span>
|
|
<span>1 BTC = 64,234.50 USDT</span>
|
|
</div>
|
|
<div class="d-flex justify-content-between text-muted">
|
|
<span>Slippage Tolerance</span>
|
|
<span>0.5%</span>
|
|
</div>
|
|
</div>
|
|
|
|
<button class="btn btn-primary w-100 py-3 rounded-4 fw-bold fs-5">Swap Now</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php require_once __DIR__ . '/includes/footer.php'; ?>
|