@@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-xl-12 col-xxl-4">
<div class="card">
<div class="card-body ">
<div class="d-flex justify-content-between">
<div class="align-self-center">
<div class="d-flex justify-content-center align-items-center thumb-xxl border border-warning rounded-circle">
<i class="icofont-bitcoin h1 align-self-center mb-0 text-warning"></i>
</div>
<h5 class="mt-2 fw-semibold mb-0 fs-14">Total Balance</h5>
</div><!--end col-->
<div class="align-self-center">
<div class="text-end d-flex mb-3">
<button type="button" class="btn btn-danger btn-sm px-2 mt-1 mt-md-0 ">Send</button>
<button type="button" class="btn btn-primary btn-sm px-2 mt-1 mt-md-0 ms-1">Request</button>
</div><!--end col-->
<h2 class="fs-22 mt-0 mb-3 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><!--end card-->
</div> <!--end col-->
<div class="col-md-12 col-xl-12 col-xxl-8">
<div class="row h-100">
<div class="col-lg-4">
<div class="card overflow-hidden">
<div class="card-body overflow-hidden">
<p class="text-muted fw-medium mb-3">Invested Value</p>
<div class="d-flex align-items-center mb-3">
<h4 class="fs-22 m-0 fw-bold">$64,291.45</h4>
</div>
<!-- <p class="text-muted fw-medium mb-2">14.88 (ETH)</p> -->
<div class="d-flex justify-content-between">
<p class="text-muted fw-medium mb-1">Low:$10,768.00</p>
<p class="text-muted fw-medium mb-1">High:$64,291.45</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: 55% " aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-4">
<div class="card overflow-hidden">
<div class="card-body overflow-hidden">
<p class="text-muted fw-medium mb-3">Portfolio Value</p>
<div class="d-flex align-items-center mb-3">
<h4 class="fs-22 m-0 fw-bold">$76,532.65</h4>
<span class="badge rounded text-white bg-success fs-12 ms-2">11.3%</span>
</div>
<!-- <p class="text-muted fw-medium mb-2">14.88 (ETH)</p> -->
<div class="d-flex justify-content-between">
<p class="text-muted fw-medium mb-1">Low:$10,520.00</p>
<p class="text-muted fw-medium mb-1">High:$88,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: 65%" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-4">
<div class="card overflow-hidden">
<div class="card-body overflow-hidden">
<p class="text-muted fw-medium mb-3">Daily Income</p>
<div class="d-flex align-items-center mb-3">
<h4 class="fs-22 m-0 fw-bold">$714.45</h4>
<span class="badge rounded text-white bg-success fs-12 ms-2">1.1%</span>
</div>
<!-- <p class="text-muted fw-medium mb-2">14.88 (ETH)</p> -->
<div class="d-flex justify-content-between">
<p class="text-muted fw-medium mb-1">Low:$68.00</p>
<p class="text-muted fw-medium mb-1">High:$102.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: 03% " aria-valuenow="03" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
</div> <!--end col-->
<div class="col-md-12 col-lg-4">
<div class="card">
<div class="card-header">
<div class="row align-items-center">
<div class="col">
<h4 class="card-title">Top Movers</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-chart-line-alt fs-5 me-1"></i>Top Gainers<i class="las la-angle-down ms-1"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Top Gainers</a>
<a class="dropdown-item" href="#">Top Losers</a>
</div>
</div>
</div><!--end col-->
</div> <!--end row-->
</div><!--end card-header-->
<ul class="list-group list-group-flush">
<li class="list-group-item align-items-center d-flex justify-content-between card-bg">
<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">Bitcoin</h6>
<p class="text-muted mb-0">BTC</p>
</div><!--end div-->
</div>
<div>
<span class="text-success">1.24% <i class="fa-solid fa-arrow-trend-up"></i></span>
<h5 class="m-0 fs-14">$58,259</h5>
</div>
</li><!--end li-->
<li class="list-group-item align-items-center d-flex justify-content-between card-bg">
<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">Ethereum</h6>
<p class="text-muted mb-0">ETH</p>
</div><!--end div-->
</div>
<div>
<span class="text-success">1.15% <i class="fa-solid fa-arrow-trend-up"></i></span>
<h5 class="m-0 fs-14">$234.45</h5>
</div>
</li><!--end li-->
<li class="list-group-item align-items-center d-flex justify-content-between card-bg">
<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">Litecoin </h6>
<p class="text-muted mb-0">LTC</p>
</div><!--end div-->
</div>
<div>
<span class="text-success">0.92% <i class="fa-solid fa-arrow-trend-up"></i></span>
<h5 class="m-0 fs-14">$64.36</h5>
</div>
</li><!--end li-->
<li class="list-group-item align-items-center d-flex justify-content-between card-bg">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/logos/crypto/dash.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">Dashcoin</h6>
<p class="text-muted mb-0">DASH</p>
</div><!--end div-->
</div>
<div>
<span class="text-success">0.77% <i class="fa-solid fa-arrow-trend-up"></i></span>
<h5 class="m-0 fs-14">$23.17</h5>
</div>
</li><!--end li-->
<li class="list-group-item align-items-center d-flex justify-content-between card-bg">
<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">Monero</h6>
<p class="text-muted mb-0">XMR</p>
</div><!--end div-->
</div>
<div>
<span class="text-success">0.50% <i class="fa-solid fa-arrow-trend-up"></i></span>
<h5 class="m-0 fs-14">$168.45</h5>
</div>
</li><!--end li-->
<li class="list-group-item align-items-center d-flex justify-content-between card-bg">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/logos/crypto/tether.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">Tether</h6>
<p class="text-muted mb-0">USDT</p>
</div><!--end div-->
</div>
<div>
<span class="text-success">0.15% <i class="fa-solid fa-arrow-trend-up"></i></span>
<h5 class="m-0 fs-14">$1.00</h5>
</div>
</li><!--end li-->
</ul><!--end ul-->
</div><!--end card-->
</div> <!--end col-->
<div class="col-md-12 col-lg-8">
<div class="card">
<div class="card-header">
<div class="row align-items-center">
<div class="col">
<h4 class="card-title">Portfolio Grow</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 id="portfolio-grow" class="apex-charts"></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">Transactions</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">Trade Type</th>
<th class="text-end">Date & Total</th>
<th class="text-end">Broker</th>
<th class="text-end">Status</th>
<th class="text-end">Action</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">
<p class="fw-medium mb-0">Bitcoin </p>
<span class="text-muted font-12">(BTC)</span>
</div><!--end div-->
</div> <!--end div-->
</td>
<td class="text-end">
<p class="fw-medium mb-0">0.5</p>
<span class="text-danger font-12">Sell</span>
</td>
<td class="text-end">
<p class="fw-medium mb-0">$24,512.00</p>
<span class="text-muted font-12">September 21 2024</span>
</td>
<td class="text-end"><p class="fw-medium mb-0">Binance</p></td>
<td class="text-end">
<span class="badge bg-success-subtle text-success px-2">Complate</span>
</td>
<td class="text-end">
<a href="#"><i class="las la-print text-secondary fs-18"></i></a>
<a href="#"><i class="las la-trash-alt text-secondary fs-18"></i></a>
</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">
<p class="fw-medium mb-0">Ethereum </p>
<span class="text-muted font-12">(ETH)</span>
</div><!--end div-->
</div> <!--end div-->
</td>
<td class="text-end">
<p class="fw-medium mb-0">1.7</p>
<span class="text-success font-12">Buy</span>
</td>
<td class="text-end">
<p class="fw-medium mb-0">$85,230.00</p>
<span class="text-muted font-12">September 18 2024</span>
</td>
<td class="text-end"><p class="fw-medium mb-0">KuCoin</p></td>
<td class="text-end">
<span class="badge bg-success-subtle text-success px-2">Complate</span>
</td>
<td class="text-end">
<a href="#"><i class="las la-print text-secondary fs-18"></i></a>
<a href="#"><i class="las la-trash-alt text-secondary fs-18"></i></a>
</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">
<p class="fw-medium mb-0">Litecoin </p>
<span class="text-muted font-12">(LTC)</span>
</div><!--end div-->
</div> <!--end div-->
</td>
<td class="text-end">
<p class="fw-medium mb-0">1.5</p>
<span class="text-danger font-12">Sell</span>
</td>
<td class="text-end">
<p class="fw-medium mb-0">$50,750.00</p>
<span class="text-muted font-12">September 15 2024</span>
</td>
<td class="text-end"><p class="fw-medium mb-0">Gemini</p></td>
<td class="text-end">
<span class="badge bg-danger-subtle text-danger px-2">Rejected</span>
</td>
<td class="text-end">
<a href="#"><i class="las la-print text-secondary fs-18"></i></a>
<a href="#"><i class="las la-trash-alt text-secondary fs-18"></i></a>
</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">
<p class="fw-medium mb-0">Monero </p>
<span class="text-muted font-12">(XMR)</span>
</div><!--end div-->
</div> <!--end div-->
</td>
<td class="text-end">
<p class="fw-medium mb-0">0.8</p>
<span class="text-success font-12">Buy</span>
</td>
<td class="text-end">
<p class="fw-medium mb-0">$10,850.00</p>
<span class="text-muted font-12">September 05 2024</span>
</td>
<td class="text-end"><p class="fw-medium mb-0">Binance</p></td>
<td class="text-end">
<span class="badge bg-success-subtle text-success px-2">Complate</span>
</td>
<td class="text-end">
<a href="#"><i class="las la-print text-secondary fs-18"></i></a>
<a href="#"><i class="las la-trash-alt text-secondary fs-18"></i></a>
</td>
</tr><!--end tr-->
<tr>
<td>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/logos/crypto/tether.png" class="thumb-md align-self-center rounded-circle" alt="...">
</div>
<div class="flex-grow-1 ms-1 text-truncate">
<p class="fw-medium mb-0">Tether </p>
<span class="text-muted font-12">(USDT)</span>
</div><!--end div-->
</div> <!--end div-->
</td>
<td class="text-end">
<p class="fw-medium mb-0">0.7</p>
<span class="text-danger font-12">Sell</span>
</td>
<td class="text-end">
<p class="fw-medium mb-0">$12,320.00</p>
<span class="text-muted font-12">August 31 2024</span>
</td>
<td class="text-end"><p class="fw-medium mb-0">Robinhood</p></td>
<td class="text-end">
<span class="badge bg-danger-subtle text-danger px-2">Cancle</span>
</td>
<td class="text-end">
<a href="#"><i class="las la-print text-secondary fs-18"></i></a>
<a href="#"><i class="las la-trash-alt text-secondary fs-18"></i></a>
</td>
</tr><!--end tr-->
<tr>
<td>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/logos/crypto/bnb.png" class="thumb-md align-self-center rounded-circle" alt="...">
</div>
<div class="flex-grow-1 ms-1 text-truncate">
<p class="fw-medium mb-0">BNB </p>
<span class="text-muted font-12">(BNB)</span>
</div><!--end div-->
</div> <!--end div-->
</td>
<td class="text-end">
<p class="fw-medium mb-0">1.10</p>
<span class="text-success font-12">Buy</span>
</td>
<td class="text-end">
<p class="fw-medium mb-0">$35,020.00</p>
<span class="text-muted font-12">August 18 2024</span>
</td>
<td class="text-end"><p class="fw-medium mb-0">Binance</p></td>
<td class="text-end">
<span class="badge bg-success-subtle text-success px-2">Complate</span>
</td>
<td class="text-end">
<a href="#"><i class="las la-print text-secondary fs-18"></i></a>
<a href="#"><i class="las la-trash-alt text-secondary fs-18"></i></a>
</td>
</tr><!--end tr-->
</tbody>
</table><!--end /table-->
</div><!--end /tableresponsive-->
</div><!--end div-->
</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-portfolio.init.js"></script>
<script src="assets/js/app.js"></script>
</body>
<!--end body-->
</html>