@@include('./partials/html.html')
<head>
@@include("./partials/title-meta.html", {"title": "Forexo"})
@@include('./partials/head-css.html')
</head>
<!-- Top Bar Start -->
<body>
<!-- Top Bar Start -->
@@include('./partials/topbar.html')
<!-- Top Bar End -->
<!-- leftbar-tab-menu -->
@@include('./partials/startbar.html')
<!-- end leftbar-tab-menu-->
<div class="page-wrapper">
<!-- Page Content-->
<div class="page-content">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body p-1">
<script defer src="https://www.livecoinwatch.com/static/lcw-widget.js"></script>
<div class="livecoinwatch-widget-5" lcw-base="USD" lcw-color-tx="#95aac9" lcw-marquee-1="coins" lcw-marquee-2="movers" lcw-marquee-items="10" ></div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-md-12 col-lg-4">
<div class="card">
<div class="card-body border-dashed-bottom pb-3">
<div class="d-flex justify-content-between">
<div class="">
<div class="d-flex justify-content-center align-items-center thumb-xl border border-warning rounded-circle">
<i class="icofont-bitcoin h1 align-self-center mb-0 text-warning"></i>
</div>
<h5 class="mt-2 mb-0 fs-14">Total Balance</h5>
</div><!--end col-->
<div class="align-self-center">
<h2 class="fs-22 mt-0 mb-1 fw-bold">122.00125503 BTC</h2>
<span class="badge rounded-pill text-success bg-success-subtle fs-12"><i class="fa-solid fa-circle-arrow-up"></i> $1121.25 (1.8%)</span>
<!-- <p class="mb-0 text-truncate text-muted"><span class="text-success">Total Balance</p> -->
</div><!--end col-->
</div><!--end row-->
</div><!--end card-body-->
<div class="card-body">
<div class="d-flex justify-content-between ">
<div class=" align-self-center">
<p class="m-0 fs-12 fst-italic ps-2 text-muted">Last Transaction - 3 July 2024 <span class="text-primary fw-medium ms-1 ">$45000.00</span></p>
</div><!--end col-->
<div class="align-self-center text-start text-md-end">
<button type="button" class="btn btn-danger btn-sm px-2 mt-2 mt-md-0 ">Send</button>
<button type="button" class="btn btn-primary btn-sm px-2 mt-2 mt-md-0 ">Request</button>
</div><!--end col-->
</div><!--end row-->
</div><!--end card-body-->
</div><!--end card-->
<div class="card">
<ul class="nav nav-tabs nav-justified" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link py-2 active" id="buy_trade_tab" data-bs-toggle="tab" href="#buy_trade" role="tab" aria-selected="false" tabindex="-1">Buy</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link py-2 " id="sell_trade_tab" data-bs-toggle="tab" href="#sell_trade" role="tab" aria-selected="true">Sell</a>
</li>
</ul>
<div class="tab-content p-3" id="pills-tabContent" >
<div class="tab-pane fade show active" id="buy_trade">
<form>
<div class="input-group mb-3">
<span class="input-group-text">Amount</span>
<input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
<span class="input-group-text">BTC</span>
</div>
<div class="input-group mb-3">
<select class="form-select w-25" aria-label="Default select example">
<option selected>Last Trade Price</option>
<option value="1">Last Buy Price</option>
<option value="2">Last Sell Price</option>
</select>
<input type="text" class="form-control" aria-label="Amount" placeholder="$25,000">
<span class="input-group-text">$ Dollor</span>
</div>
<div class="input-group mb-3">
<span class="input-group-text">Total</span>
<input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
<span class="input-group-text">$ Dollor</span>
</div>
<div class=" mt-3 ms-auto">
<a href="#" class="btn btn-success btn-sm">Buy Coins</a>
</div>
</form> <!--end form-->
</div><!--end general chat-->
<div class="tab-pane fade" id="sell_trade">
<form>
<div class="input-group mb-3">
<span class="input-group-text">Amount</span>
<input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
<span class="input-group-text">BTC</span>
</div>
<div class="input-group mb-3">
<select class="form-select w-25" aria-label="Default select example">
<option selected>Last Trade Price</option>
<option value="1">Last Buy Price</option>
<option value="2">Last Sell Price</option>
</select>
<input type="text" class="form-control" aria-label="Amount" placeholder="$25,000">
<span class="input-group-text">$ Dollor</span>
</div>
<div class="input-group mb-3">
<span class="input-group-text">Total</span>
<input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
<span class="input-group-text">$ Dollor</span>
</div>
<div class=" mt-3 ms-auto">
<a href="#" class="btn btn-danger btn-sm">Sell Coins</a>
</div>
</form> <!--end form-->
</div><!--end general chat-->
</div><!--end tab-content-->
<div class="card-body pt-0">
<div class="crypto-calcy w-100">
<crypto-converter-widget
live
shadow
symbol
fiat="united-states-dollar"
crypto="bitcoin"
amount="1"
border-radius="0.60rem"
background-color="#202221"
decimal-places="2"></crypto-converter-widget>
<script src="https://cdn.jsdelivr.net/gh/dejurin/crypto-converter-widget@1.5.2/dist/latest.min.js" async></script>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div> <!--end col-->
<div class="col-md-12 col-lg-8">
<div class="card">
<div class="card-body">
<div class="row h-100">
<div class="col-lg-4">
<div class="card-body bg-gradient-purple rounded mb-3">
<p class="text-muted fw-medium mb-2">Bitcoin Price (BTC)</p>
<div class="d-flex align-items-center mb-2">
<h4 class="fs-22 m-0 fw-bold">$64,291.45</h4>
<span class="badge rounded text-white bg-danger fs-12 ms-2">1.8%</span>
</div>
<p class="text-muted fw-medium mb-1">14.88 (ETH)</p>
<div class="d-flex justify-content-between">
<p class="text-muted fw-medium mb-1">Low:$18,768.00</p>
<p class="text-muted fw-medium mb-1">High:$19,054.00</p>
</div>
<div class="progress bg-secondary-subtle" style="height:5px;">
<div class="progress-bar bg-success rounded-pill" role="progressbar" style="margin-right:2px; width: 15% " aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
<div class="progress-bar bg-success rounded-pill" role="progressbar" style="margin-right:2px; width: 15%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
<div class="progress-bar bg-danger rounded-pill" role="progressbar" style="margin-right:2px; width: 20%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div><!--end card-body-->
</div><!--end col-->
<div class="col-lg-4">
<div class="card-body bg-gradient-warning rounded mb-3">
<p class="text-muted fw-medium mb-1">Market Cap</p>
<h4 class="fs-13 m-0 fw-bold">$1,226,884,659,331</h4>
<hr class="hr-dashed">
<p class="text-muted fw-medium mb-1">Volume <span class="badge rounded text-white bg-purple ms-1">24h</span></p>
<h4 class="fs-13 m-0 fw-bold">$17,424,738,826</h4>
</div><!--end card-body-->
</div><!--end col-->
<div class="col-lg-4">
<div class="card-body bg-gradient-success rounded mb-3">
<p class="text-muted fw-medium mb-1">Circulating Supply</p>
<h4 class="fs-13 m-0 fw-bold">19,715,887 BTC</h4>
<hr class="hr-dashed">
<p class="text-muted fw-medium mb-1">Max Supply</p>
<h4 class="fs-13 m-0 fw-bold">21,000,000 BTC</h4>
</div><!--end card-body-->
</div><!--end col-->
</div><!--end row-->
<div class="tradingview-widget-container">
<div id="tradingview_123" data-bs-theme="light"></div>
<script src="https://s3.tradingview.com/tv.js"></script>
<script>
new TradingView.widget({
"width": "100%",
"height": 495,
"symbol": "BITSTAMP:BTCUSD",
"interval": "D",
"timezone": "Etc/UTC",
"theme": "Light",
"style": "1",
"locale": "en",
"toolbar_bg": "#000",
"enable_publishing": false,
"withdateranges": true,
"hide_side_toolbar": false,
"allow_symbol_change": true,
"show_popup_button": true,
"popup_width": "1000",
"popup_height": "650",
"container_id": "tradingview_123",
"overrides": {
"mainSeriesProperties.barStyle.upColor": "#00a96a",
"mainSeriesProperties.barStyle.downColor": "#706bf9",
"mainSeriesProperties.candleStyle.upColor": "#00a96a",
"mainSeriesProperties.candleStyle.downColor": '#706bf9',
"mainSeriesProperties.candleStyle.borderColor": "#378658",
"mainSeriesProperties.candleStyle.borderUpColor": "#00a96a",
"mainSeriesProperties.candleStyle.borderDownColor": "#706bf9",
"mainSeriesProperties.candleStyle.wickUpColor": '#00a96a',
"mainSeriesProperties.candleStyle.wickDownColor": '#706bf9',
}
});
</script>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div> <!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
<div class="col-12">
<div class="card">
<div class="card-header">
<div class="row align-items-center">
<div class="col">
<h4 class="card-title">Top Selling by Country</h4>
</div><!--end col-->
<div class="col-auto">
<div class="dropdown">
<a href="#" class="btn bt btn-light dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="icofont-calendar fs-5 me-1"></i> This Month<i class="las la-angle-down ms-1"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Today</a>
<a class="dropdown-item" href="#">Last Week</a>
<a class="dropdown-item" href="#">Last Month</a>
<a class="dropdown-item" href="#">This Year</a>
</div>
</div>
</div><!--end col-->
</div> <!--end row-->
</div><!--end card-header-->
<div class="card-body pt-0">
<div class="table-responsive">
<table class="table mb-0">
<thead class="table-light">
<tr>
<th>Name</th>
<th class="text-end">Market cap</th>
<th class="text-end">Avail Coins</th>
<th class="text-end">Volume(24h)</th>
<th class="text-end">Change %</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/logos/crypto/btc.png" class="thumb-md align-self-center rounded-circle" alt="...">
</div>
<div class="flex-grow-1 ms-1 text-truncate">
<h6 class="my-0 fw-medium text-dark fs-14">$7289.45</h6>
<p class="text-muted mb-0">Bitcoin
<span class="text-muted font-12">(BTC)</span>
<span class="text-success">0.45% <i class="mdi mdi-arrow-up"></i></span>
</p>
</div><!--end div-->
</div> <!--end div-->
</td>
<td class="text-end">$1,198,033,079,188</td>
<td class="text-end">19.718 M</td>
<td class="text-end">$218,401,256,68</td>
<td class="text-end text-danger">0.10%</td>
</tr><!--end tr-->
<tr>
<td>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/logos/crypto/eth.png" class="thumb-md align-self-center rounded-circle" alt="...">
</div>
<div class="flex-grow-1 ms-1 text-truncate">
<h6 class="my-0 fw-medium text-dark fs-14">$3,369.31</h6>
<p class="text-muted mb-0">Ethereum
<span class="text-muted font-12">(ETH)</span>
<span class="text-success">0.75% <i class="mdi mdi-arrow-up"></i></span>
</p>
</div><!--end div-->
</div> <!--end div-->
</td>
<td class="text-end">$405,452,419,318</td>
<td class="text-end">120.178 M</td>
<td class="text-end">$11,462,252,104</td>
<td class="text-end text-success">0.07%</td>
</tr><!--end tr-->
<tr>
<td>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/logos/crypto/lite.png" class="thumb-md align-self-center rounded-circle" alt="...">
</div>
<div class="flex-grow-1 ms-1 text-truncate">
<h6 class="my-0 fw-medium text-dark fs-14">$70.60</h6>
<p class="text-muted mb-0">Litecoin
<span class="text-muted font-12">(LTC)</span>
<span class="text-success">0.35% <i class="mdi mdi-arrow-up"></i></span>
</p>
</div><!--end div-->
</div> <!--end div-->
</td>
<td class="text-end">$5,272,868,714</td>
<td class="text-end">55.688 B</td>
<td class="text-end">$267,007,196</td>
<td class="text-end text-danger">0.02%</td>
</tr><!--end tr-->
<tr>
<td>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/logos/crypto/mon.png" class="thumb-md align-self-center rounded-circle" alt="...">
</div>
<div class="flex-grow-1 ms-1 text-truncate">
<h6 class="my-0 fw-medium text-dark fs-14">$164.45</h6>
<p class="text-muted mb-0">Monero
<span class="text-muted font-12">(XMR)</span>
<span class="text-success">0.15% <i class="mdi mdi-arrow-up"></i></span>
</p>
</div><!--end div-->
</div> <!--end div-->
</td>
<td class="text-end">$3,034,554,307</td>
<td class="text-end">35.748 B</td>
<td class="text-end">$32,611,417</td>
<td class="text-end text-success">0.09%</td>
</tr><!--end tr-->
<tr>
<td>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/logos/crypto/btc.png" class="thumb-md align-self-center rounded-circle" alt="...">
</div>
<div class="flex-grow-1 ms-1 text-truncate">
<h6 class="my-0 fw-medium text-dark fs-14">$7289.45</h6>
<p class="text-muted mb-0">Bitcoin
<span class="text-muted font-12">(BTC)</span>
<span class="text-success">0.45% <i class="mdi mdi-arrow-up"></i></span>
</p>
</div><!--end div-->
</div> <!--end div-->
</td>
<td class="text-end">$1,198,033,079,188</td>
<td class="text-end">19.718 M</td>
<td class="text-end">$218,401,256,68</td>
<td class="text-end text-danger">0.10%</td>
</tr><!--end tr-->
<tr>
<td>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/logos/crypto/eth.png" class="thumb-md align-self-center rounded-circle" alt="...">
</div>
<div class="flex-grow-1 ms-1 text-truncate">
<h6 class="my-0 fw-medium text-dark fs-14">$3,369.31</h6>
<p class="text-muted mb-0">Ethereum
<span class="text-muted font-12">(ETH)</span>
<span class="text-success">0.75% <i class="mdi mdi-arrow-up"></i></span>
</p>
</div><!--end div-->
</div> <!--end div-->
</td>
<td class="text-end">$405,452,419,318</td>
<td class="text-end">120.178 M</td>
<td class="text-end">$11,462,252,104</td>
<td class="text-end text-success">0.07%</td>
</tr><!--end tr-->
<tr>
<td>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/logos/crypto/lite.png" class="thumb-md align-self-center rounded-circle" alt="...">
</div>
<div class="flex-grow-1 ms-1 text-truncate">
<h6 class="my-0 fw-medium text-dark fs-14">$70.60</h6>
<p class="text-muted mb-0">Litecoin
<span class="text-muted font-12">(LTC)</span>
<span class="text-success">0.35% <i class="mdi mdi-arrow-up"></i></span>
</p>
</div><!--end div-->
</div> <!--end div-->
</td>
<td class="text-end">$5,272,868,714</td>
<td class="text-end">55.688 B</td>
<td class="text-end">$267,007,196</td>
<td class="text-end text-danger">0.02%</td>
</tr><!--end tr-->
<tr>
<td>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/logos/crypto/mon.png" class="thumb-md align-self-center rounded-circle" alt="...">
</div>
<div class="flex-grow-1 ms-1 text-truncate">
<h6 class="my-0 fw-medium text-dark fs-14">$164.45</h6>
<p class="text-muted mb-0">Monero
<span class="text-muted font-12">(XMR)</span>
<span class="text-success">0.15% <i class="mdi mdi-arrow-up"></i></span>
</p>
</div><!--end div-->
</div> <!--end div-->
</td>
<td class="text-end">$3,034,554,307</td>
<td class="text-end">35.748 B</td>
<td class="text-end">$32,611,417</td>
<td class="text-end text-success">0.09%</td>
</tr><!--end tr-->
</tbody>
</table><!--end /table-->
</div><!--end /tableresponsive-->
</div><!--end div-->
</div><!--end card-->
</div> <!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
<div class="col-md-6 col-lg-4">
<div class="card">
<div class="card-header">
<div class="row align-items-center">
<div class="col">
<h4 class="card-title">Most Profitable Currency</h4>
</div><!--end col-->
<div class="col-auto">
<div class="dropdown">
<a href="#" class="btn bt btn-light dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="icofont-calendar fs-5 me-1"></i> This Month<i class="las la-angle-down ms-1"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Today</a>
<a class="dropdown-item" href="#">Last Week</a>
<a class="dropdown-item" href="#">Last Month</a>
<a class="dropdown-item" href="#">This Year</a>
</div>
</div>
</div><!--end col-->
</div> <!--end row-->
</div><!--end card-header-->
<div class="card-body pt-0">
<div class="table-responsive">
<table class="table mb-0">
<tbody>
<tr class="">
<td class="px-0">
<div class="d-flex align-items-center">
<div class="flex-shrink-0 bg-success-subtle text-success thumb-md rounded-circle me-2">
<i class="fa-solid fa-sack-dollar fs-4"></i>
</div>
<div class="flex-grow-1 text-truncate">
<h6 class="m-0 text-truncate">US Dollar</h6>
<div class="d-flex align-items-center">
<div class="progress bg-primary-subtle w-100" style="height:5px;" role="progressbar" aria-label="Success example" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-primary" style="width: 85%"></div>
</div>
<small class="flex-shrink-1 ms-1">85%</small>
</div>
</div><!--end media body-->
</div><!--end media-->
</td>
<td class="px-0 text-end"><span class="text-body ps-2 align-self-center text-end">$5860.00</span></td>
</tr><!--end tr-->
<tr class="">
<td class="px-0">
<div class="d-flex align-items-center">
<div class="flex-shrink-0 bg-primary-subtle text-primary thumb-md rounded-circle me-2">
<i class="fa-solid fa-euro-sign fs-4"></i>
</div>
<div class="flex-grow-1 text-truncate">
<h6 class="m-0 text-truncate">Euro</h6>
<div class="d-flex align-items-center">
<div class="progress bg-primary-subtle w-100" style="height:5px;" role="progressbar" aria-label="Success example" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-primary" style="width: 78%"></div>
</div>
<small class="flex-shrink-1 ms-1">78%</small>
</div>
</div><!--end media body-->
</div><!--end media-->
</td>
<td class="px-0 text-end"><span class="text-body ps-2 align-self-center text-end">$5422.00</span></td>
</tr><!--end tr-->
<tr class="">
<td class="px-0">
<div class="d-flex align-items-center">
<div class="flex-shrink-0 bg-warning-subtle text-warning thumb-md rounded-circle me-2">
<i class="fa-solid fa-coins fs-4"></i>
</div>
<div class="flex-grow-1 text-truncate">
<h6 class="m-0 text-truncate">Gold</h6>
<div class="d-flex align-items-center">
<div class="progress bg-primary-subtle w-100" style="height:5px;" role="progressbar" aria-label="Success example" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-primary" style="width: 71%"></div>
</div>
<small class="flex-shrink-1 ms-1">71%</small>
</div>
</div><!--end media body-->
</div><!--end media-->
</td>
<td class="px-0 text-end"><span class="text-body ps-2 align-self-center text-end">$4587.00</span></td>
</tr><!--end tr-->
<tr class="">
<td class="px-0">
<div class="d-flex align-items-center">
<div class="flex-shrink-0 bg-info-subtle text-info thumb-md rounded-circle me-2">
<i class="fa-solid fa-sterling-sign fs-4"></i>
</div>
<div class="flex-grow-1 text-truncate">
<h6 class="m-0 text-truncate">Great Britain Pound</h6>
<div class="d-flex align-items-center">
<div class="progress bg-primary-subtle w-100" style="height:5px;" role="progressbar" aria-label="Success example" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-primary" style="width: 65%"></div>
</div>
<small class="flex-shrink-1 ms-1">65%</small>
</div>
</div><!--end media body-->
</div><!--end media-->
</td>
<td class="px-0 text-end"><span class="text-body ps-2 align-self-center text-end">$3655.00</span></td>
</tr><!--end tr-->
<tr class="">
<td class="px-0">
<div class="d-flex align-items-center">
<div class="flex-shrink-0 bg-danger-subtle text-danger thumb-md rounded-circle me-2">
<i class="fa-solid fa-yen-sign fs-4"></i>
</div>
<div class="flex-grow-1 text-truncate">
<h6 class="m-0 text-truncate">Japanese Yen</h6>
<div class="d-flex align-items-center">
<div class="progress bg-primary-subtle w-100" style="height:5px;" role="progressbar" aria-label="Success example" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-primary" style="width: 48%"></div>
</div>
<small class="flex-shrink-1 ms-1">48%</small>
</div>
</div><!--end media body-->
</div><!--end media-->
</td>
<td class="px-0 text-end"><span class="text-body ps-2 align-self-center text-end">$3325.00</span></td>
</tr><!--end tr-->
</tbody>
</table> <!--end table-->
</div><!--end /div-->
<p class="m-0 fs-11 fst-italic ps-2 text-muted">Last Trade - 13min ago <a href="#!" class="link-primary ms-1 ">2 Order Pending</a></p>
</div><!--end card-body-->
</div><!--end card-->
</div> <!--end col-->
<div class="col-md-6 col-lg-4">
<div class="card">
<div class="card-header">
<div class="row align-items-center">
<div class="col">
<h4 class="card-title">Profitable Users</h4>
</div><!--end col-->
<div class="col-auto">
<div class="img-group d-flex">
<a class="user-avatar position-relative d-inline-block" href="#">
<img src="assets/images/users/avatar-1.jpg" alt="avatar" class="thumb-md shadow-sm rounded-circle">
</a>
<a class="user-avatar position-relative d-inline-block ms-n2" href="#">
<img src="assets/images/users/avatar-2.jpg" alt="avatar" class="thumb-md shadow-sm rounded-circle">
</a>
<a class="user-avatar position-relative d-inline-block ms-n2" href="#">
<img src="assets/images/users/avatar-4.jpg" alt="avatar" class="thumb-md shadow-sm rounded-circle">
</a>
<a class="user-avatar position-relative d-inline-block ms-n2" href="#">
<img src="assets/images/users/avatar-3.jpg" alt="avatar" class="thumb-md shadow-sm rounded-circle">
</a>
<a href="" class="user-avatar position-relative d-inline-block ms-1">
<span class="thumb-md shadow-sm justify-content-center d-flex align-items-center bg-info-subtle rounded-circle fw-semibold fs-6">+6</span>
</a>
</div>
</div><!--end col-->
</div> <!--end row-->
</div>
<div class="card-body pt-0">
<div id="customers" class="apex-charts"></div>
<div class="bg-light py-3 px-2 mb-0 mt-2 text-center rounded">
<h6 class="mb-0"><i class="icofont-calendar fs-5 me-1"></i> 01 January 2024 to 31 December 2024</h6>
</div>
<!-- <p class="text-secondary text-truncate mb-0 rounded mt-2 text-center">To review the new order by Jems. <a href="#" class="text-primary text-decoration-underline">detail</a> </p> -->
</div><!--end card-body-->
</div><!--end card-->
</div> <!--end col-->
<div class="col-md-6 col-lg-4">
<div class="card">
<div class="card-header">
<div class="row align-items-center">
<div class="col">
<h4 class="card-title">New Copy Traders</h4>
</div><!--end col-->
<div class="col-auto">
<div class="dropdown">
<a href="#" class="btn bt btn-light dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="icofont-calendar fs-5 me-1"></i> This Month<i class="las la-angle-down ms-1"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Today</a>
<a class="dropdown-item" href="#">Last Week</a>
<a class="dropdown-item" href="#">Last Month</a>
<a class="dropdown-item" href="#">This Year</a>
</div>
</div>
</div><!--end col-->
</div> <!--end row-->
</div><!--end card-header-->
<div class="card-body pt-0">
<div class="table-responsive">
<table class="table mb-0">
<tbody>
<tr class="">
<td class="px-0">
<div class="d-flex align-items-center">
<img src="assets/images/users/avatar-1.jpg" height="36" class="me-2 align-self-center rounded" alt="...">
<div class="flex-grow-1 text-truncate">
<a href="#" class="font-15 text-dark fw-medium d-block">Ac.#3652235</a>
<a href="#" class="font-12 text-muted text-decoration-underline">MT5</a>
</div><!--end media body-->
</div><!--end media-->
</td>
<td class="px-0 text-end"><span class="text-primary ps-2 align-self-center text-end">$3500.00</span></td>
</tr><!--end tr-->
<tr class="">
<td class="px-0">
<div class="d-flex align-items-center">
<img src="assets/images/users/avatar-2.jpg" height="36" class="me-2 align-self-center rounded" alt="...">
<div class="flex-grow-1 text-truncate">
<a href="#" class="font-15 text-dark fw-medium d-block">Ac.#552288</a>
<a href="#" class="font-12 text-muted text-decoration-underline">MT5</a>
</div><!--end media body-->
</div><!--end media-->
</td>
<td class="px-0 text-end"><span class="text-primary ps-2 align-self-center text-end">$25000.00</span></td>
</tr><!--end tr-->
<tr class="">
<td class="px-0">
<div class="d-flex align-items-center">
<img src="assets/images/users/avatar-3.jpg" height="36" class="me-2 align-self-center rounded" alt="...">
<div class="flex-grow-1 text-truncate">
<a href="#" class="font-15 text-dark fw-medium d-block">Ac.#695847</a>
<a href="#" class="font-12 text-muted text-decoration-underline">MT4</a>
</div><!--end media body-->
</div><!--end media-->
</td>
<td class="px-0 text-end"><span class="text-primary ps-2 align-self-center text-end">$1500.00</span></td>
</tr><!--end tr-->
<tr class="">
<td class="px-0">
<div class="d-flex align-items-center">
<img src="assets/images/users/avatar-4.jpg" height="36" class="me-2 align-self-center rounded" alt="...">
<div class="flex-grow-1 text-truncate">
<a href="#" class="font-15 text-dark fw-medium d-block">Ac.#325698</a>
<a href="#" class="font-12 text-muted text-decoration-underline">MT5</a>
</div><!--end media body-->
</div><!--end media-->
</td>
<td class="px-0 text-end"><span class="text-primary ps-2 align-self-center text-end">$2000.00</span></td>
</tr><!--end tr-->
<tr>
<td class="px-0">
<div class="d-flex align-items-center">
<img src="assets/images/users/avatar-5.jpg" height="36" class="me-2 align-self-center rounded" alt="...">
<div class="flex-grow-1 text-truncate">
<a href="#" class="font-15 text-dark fw-medium d-block">Ac.#159753</a>
<a href="#" class="font-12 text-muted text-decoration-underline">MT5</a>
</div><!--end media body-->
</div><!--end media-->
</td>
<td class="px-0 text-end"><span class="text-primary ps-2 align-self-center text-end">$1500.00</span></td>
</tr><!--end tr-->
</tbody>
</table> <!--end table-->
</div><!--end /div-->
</div><!--end card-body-->
</div><!--end card-->
</div> <!--end col-->
</div><!--end row-->
</div><!-- container -->
<!--Start Rightbar-->
@@include('./partials/endbar.html')
<!--end Rightbar-->
<!--Start Footer-->
@@include('./partials/footer.html')
<!--end footer-->
</div>
<!-- end page content -->
</div>
<!-- end page-wrapper -->
<!-- Javascript -->
<!-- vendor js -->
@@include('./partials/vendorjs.html')
<script src="assets/libs/apexcharts/apexcharts.min.js"></script>
<script src="assets/js/pages/crypto-index.init.js"></script>
<script src="assets/js/app.js"></script>
</body>
<!--end body-->
</html>