@@include('./partials/html.html')
<head>
@@include("./partials/title-meta.html", {"title": "Forexo"})
<link rel="stylesheet" href="assets/libs/@splidejs/splide/css/splide.min.css">
@@include('./partials/head-css.html')
</head>
<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 ticker">
<div class="splide" role="group" aria-label="Splide Basic HTML Example">
<div class="splide__track overflow-hidden">
<ul class="list-unstyled splide__list mb-0">
<li class="list-item pair splide__slide"><span>EUR </span><span class="ms-1 up">0.84510</span></li>
<li class="list-item pair splide__slide"><span>TRY </span><span class="ms-1 down">36.7741</span></li>
<li class="list-item pair splide__slide"><span>GBP </span><span class="ms-1 down">0.8451</span></li>
<li class="list-item pair splide__slide"><span>JPY </span><span class="ms-1 up">199.84</span></li>
<li class="list-item pair splide__slide"><span>AUD </span><span class="ms-1 up">1.9190</span></li>
<li class="list-item pair splide__slide"><span>NZD </span><span class="ms-1 down">1.7501</span></li>
<li class="list-item pair splide__slide"><span>CHF </span><span class="ms-1 down">0.5458</span></li>
<li class="list-item pair splide__slide"><span>INR </span><span class="ms-1 up">81.07</span></li>
<li class="list-item pair splide__slide"><span>CAD </span><span class="ms-1 up">0.8410</span></li>
<li class="list-item pair splide__slide"><span>PLN </span><span class="ms-1 down">0.3803</span></li>
<li class="list-item pair splide__slide"><span>DKK </span><span class="ms-1 down">4.2630</span></li>
<li class="list-item pair splide__slide"><span>HUF </span><span class="ms-1 up">226.15</span></li>
<li class="list-item pair splide__slide"><span>ZAR </span><span class="ms-1 up">11.1726</span></li>
<li class="list-item pair splide__slide"><span>CZK </span><span class="ms-1 up">14.102</span></li>
</ul>
</div>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
<div class="row ">
<div class="col-xl-8">
<div class="card">
<div class="card-body">
<div class="row g-3 justify-content-center align-items-center">
<div class="col-md-6 col-lg-3">
<div class="card mb-0 bg-gradient-purple">
<div class="card-body text-center">
<p class="mb-2 fw-semibold fs-14">XAU/USD</p>
<div class="row flex-nowrap">
<div class="col border-end">
<small class="fw-medium d-block text-blue">Buy</small>
<span class="fw-medium text-dark">2471.56</span>
<button class="btn btn-sm btn-soft-blue w-100 mt-2">Buy</button>
</div><!--end col-->
<div class="col">
<small class="fw-medium d-block text-danger">Buy</small>
<span class="fw-medium text-dark">2488.56</span>
<button class="btn btn-sm btn-soft-danger w-100 mt-2">Sell</button>
</div><!--end col-->
</div><!--end row-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-md-6 col-lg-3">
<div class="card mb-0 bg-gradient-warning">
<div class="card-body">
<p class="mb-2 fw-semibold fs-14">EUR/USD</p>
<div class="row flex-nowrap">
<div class="col border-end">
<small class="fw-medium d-block text-blue">Buy</small>
<span class="fw-medium text-dark">1.07511</span>
<button class="btn btn-sm btn-soft-blue w-100 mt-2">Buy</button>
</div><!--end col-->
<div class="col">
<small class="fw-medium d-block text-danger">Buy</small>
<span class="fw-medium text-dark">1.07520</span>
<button class="btn btn-sm btn-soft-danger w-100 mt-2">Sell</button>
</div><!--end col-->
</div><!--end row-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-md-6 col-lg-3">
<div class="card mb-0 bg-gradient-info">
<div class="card-body">
<p class="mb-2 fw-semibold fs-14">AUD/USD</p>
<div class="row flex-nowrap">
<div class="col border-end">
<small class="fw-medium d-block text-blue">Buy</small>
<span class="fw-medium text-dark">0.65973</span>
<button class="btn btn-sm btn-soft-blue w-100 mt-2">Buy</button>
</div><!--end col-->
<div class="col">
<small class="fw-medium d-block text-danger">Buy</small>
<span class="fw-medium text-dark">0.66005</span>
<button class="btn btn-sm btn-soft-danger w-100 mt-2">Sell</button>
</div><!--end col-->
</div><!--end row-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-md-6 col-lg-3">
<div class="card mb-0 bg-gradient-danger">
<div class="card-body">
<p class="mb-2 fw-semibold fs-14">GBP/USD</p>
<div class="row flex-nowrap">
<div class="col border-end">
<small class="fw-medium d-block text-blue">Buy</small>
<span class="fw-medium text-dark">1.27312</span>
<button class="btn btn-sm btn-soft-blue w-100 mt-2">Buy</button>
</div><!--end col-->
<div class="col">
<small class="fw-medium d-block text-danger">Buy</small>
<span class="fw-medium text-dark">1.27325</span>
<button class="btn btn-sm btn-soft-danger w-100 mt-2">Sell</button>
</div><!--end col-->
</div><!--end row-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
</div><!--end card-body-->
</div><!--end card-->
<div class="card">
<div class="card-body">
<div class="tradingview-widget-container">
<div id="tradingview_123"></div>
<script src="https://s3.tradingview.com/tv.js"></script>
<script>
new TradingView.widget(
{
"width": "100%",
"height": 565,
"symbol": "XAUUSD",
"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"
}
);
</script>
</div>
</div>
<!--end card-body-->
</div>
<!--end card-->
</div><!--end col-->
<div class="col-xl-4">
<div class="card">
<div class="card-body">
<h5 class="fw-semibold fs-24 text-success">897.50 <span class="fs-12 text-muted">USD</span></h5>
<hr class="hr-dashed">
<p class="my-2 fw-medium">Balance : <span class="text-3 float-end">1,000.00 USD</span></p>
<p class="my-2 fw-medium">Net Equity : <span class="text-3 float-end">839.00 USD</span></p>
<p class="my-2 fw-medium">Total Margen : <span class="text-3 float-end">2.34</span></p>
<p class="my-2 fw-medium">Free Margen : <span class="text-3 float-end">837.00 USD</span></p>
<p class="my-2 fw-medium">Margen Level (%) :<span class="text-3 float-end">21,568.58 USD</span></p>
<p class="text-muted mb-3">Transactions fees (%) :<span class="float-end d-flex align-items-center">1%</span></p>
<form id="withdraw-" method="post" class="mb-3">
<div class="">
<button class="btn btn-outline-primary">Withdraws Money</button>
<button class="btn btn-primary">Deposits Money</button>
</div>
</form>
<div class="alert alert-success shadow-sm border-theme-white-2 mb-0" role="alert">
<div class="d-inline-flex justify-content-center align-items-center thumb-xs bg-success rounded-circle mx-auto me-1">
<i class="fas fa-check align-self-center mb-0 text-white "></i>
</div>
You successfully withdrew money from your last transaction.
</div>
</div><!--end card-body-->
</div> <!--end card-body-->
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-12">
<div class="input-group mb-3">
<input type="search" class="form-control" placeholder="Search" aria-label="Search">
<span class="input-group-text">$</span>
<select class="form-select" aria-label="e">
<option selected>XAU/USD</option>
<option value="1">EUR/USD</option>
<option value="2">GBP/USD</option>
<option value="3">GBP/JPY</option>
<option value="4">USD/CHF</option>
<option value="5">AUD/JPY</option>
</select>
</div>
</div>
<div class="col-6">
<div class="input-group mb-3">
<span class="input-group-text" id="basic-addon1">#</span>
<select class="form-select" aria-label="e">
<option selected>Market Execution</option>
<option value="1">Buy Limit</option>
<option value="2">Sell Limit</option>
<option value="3">Buy Stop</option>
<option value="4">Sell Stop</option>
<option value="5">Buy Stop Limit</option>
<option value="6">Sell Stop Limit</option>
</select>
</div>
</div><!--end col-->
<div class="col-6">
<div class="input-group mb-3">
<span class="input-group-text">$</span>
<select class="form-select" aria-label="e">
<option selected>Fill or Kill</option>
<option value="1">Immediate or Cancel</option>
</select>
</div>
</div><!--end col-->
<div class="col-6">
<div class="input-group qty-icons w-100 mb-3">
<button class="btn btn-primary" onclick="this.parentNode.querySelector('input[type=number]').stepDown()">-</button>
<input type="number" class="form-control" min="0.01" name="quantity" step="0.01" value="0.01" style="pointer-events: none;">
<button class="btn btn-primary" onclick="this.parentNode.querySelector('input[type=number]').stepUp()">+</button>
</div>
</div><!--end col-->
<div class="col-6">
<div class="input-group mb-3">
<span class="input-group-text">Limit</span>
<input type="text" class="form-control" placeholder="0.000">
</div>
</div><!--end col-->
<div class="col-6">
<div class="input-group">
<span class="input-group-text">SL</span>
<input type="text" class="form-control" placeholder="0.000">
</div>
</div><!--end col-->
<div class="col-6">
<div class="input-group">
<span class="input-group-text">TP</span>
<input type="text" class="form-control" placeholder="0.000">
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-6">
<button class="btn btn-soft-blue w-100 mt-3 ">Buy</button>
</div><!--end col-->
<div class="col-6">
<button class="btn btn-soft-danger w-100 mt-3 ">Sell</button>
</div><!--end col-->
</div><!--end row-->
<p class="m-0 mt-3 fs-12 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><!--end row-->
<div class="row justify-content-center">
<div class="col-12">
<div class="card">
<div class="card-body">
<ul class="nav nav-tabs mb-3" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-bs-toggle="tab" href="#trades" role="tab" aria-selected="true">Trades</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#history" role="tab" aria-selected="false">History</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#news" role="tab" aria-selected="false">News</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#calendar" role="tab" aria-selected="false">Calendar</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#mailbox" role="tab" aria-selected="false">Mailbox <span class="badge rounded text-success bg-success-subtle ms-1">4</span></a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#alerts" role="tab" aria-selected="false">Alerts</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane active" id="trades" role="tabpanel">
<ul class="nav nav-tabs mb-3" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-bs-toggle="tab" href="#all-trades" role="tab" aria-selected="true">All</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#USD" role="tab" aria-selected="false">USD</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#EUR" role="tab" aria-selected="false">EUR</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#GBP" role="tab" aria-selected="false">GBP</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#AUD" role="tab" aria-selected="false">AUD</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="all-trades" role="tabpanel">
<div class="table-responsive">
<table class="table mb-0">
<thead class="table-light">
<tr>
<th class="border-top-0">Symbol</th>
<th class="border-top-0">Ticket</th>
<th class="border-top-0">Date/Time</th>
<th class="border-top-0">Type</th>
<th class="border-top-0">Volume</th>
<th class="border-top-0">Price</th>
<th class="border-top-0">S/L</th>
<th class="border-top-0">T/P</th>
<th class="border-top-0 text-end">Profit</th>
<th class="border-top-0 text-end">Action</th>
</tr>
<!--end tr-->
</thead>
<tbody>
<tr>
<td>XAU/USD</td>
<td>12354856</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Sell</td>
<td> 0.10</td>
<td> 2325.10</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 1235.50</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td>GBP/USD</td>
<td>85632147</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 1.27382</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 950.50</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td>AUD/USD</td>
<td>95632145</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 0.65919</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 530.40</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td>USD/JPY</td>
<td>95638832</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 157.065</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-danger fw-medium text-end"> -30.40</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td>NZD/USD</td>
<td>11212453</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Sell</td>
<td> 0.10</td>
<td> 0.61216</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 120.90</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
</tbody>
</table><!--end table-->
</div><!--end /div-->
</div><!--end tab-pane-->
<div class="tab-pane" id="USD" role="tabpanel">
<div class="table-responsive">
<table class="table mb-0">
<thead class="table-light">
<tr>
<th class="border-top-0">Symbol</th>
<th class="border-top-0">Ticket</th>
<th class="border-top-0">Date/Time</th>
<th class="border-top-0">Type</th>
<th class="border-top-0">Volume</th>
<th class="border-top-0">Price</th>
<th class="border-top-0">S/L</th>
<th class="border-top-0">T/P</th>
<th class="border-top-0 text-end">Profit</th>
<th class="border-top-0 text-end">Action</th>
</tr>
<!--end tr-->
</thead>
<tbody>
<tr>
<td>XAU/USD</td>
<td>12354856</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Sell</td>
<td> 0.10</td>
<td> 2325.10</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 1235.50</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td>XAU/USD</td>
<td>96584752</td>
<td>2024/07/15 <small class="text-muted">23:24:30</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 2331.63</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 326.12</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td>XAU/USD</td>
<td>96325874</td>
<td>2024/07/15 <small class="text-muted">23:30:48</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 2320.40</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 842.50</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
</tbody>
</table><!--end table-->
</div><!--end /div-->
</div><!--end tab-pane-->
<div class="tab-pane" id="USD" role="tabpanel">
<div class="table-responsive">
<table class="table mb-0">
<thead class="table-light">
<tr>
<th class="border-top-0">Symbol</th>
<th class="border-top-0">Ticket</th>
<th class="border-top-0">Date/Time</th>
<th class="border-top-0">Type</th>
<th class="border-top-0">Volume</th>
<th class="border-top-0">Price</th>
<th class="border-top-0">S/L</th>
<th class="border-top-0">T/P</th>
<th class="border-top-0 text-end">Profit</th>
<th class="border-top-0 text-end">Action</th>
</tr>
<!--end tr-->
</thead>
<tbody>
<tr>
<td>XAU/USD</td>
<td>12354856</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Sell</td>
<td> 0.10</td>
<td> 2325.10</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 1235.50</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td>XAU/USD</td>
<td>96584752</td>
<td>2024/07/15 <small class="text-muted">23:24:30</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 2331.63</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 326.12</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td>XAU/USD</td>
<td>96325874</td>
<td>2024/07/15 <small class="text-muted">23:30:48</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 2320.40</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 842.50</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
</tbody>
</table><!--end table-->
</div><!--end /div-->
</div><!--end tab-pane-->
<div class="tab-pane" id="EUR" role="tabpanel">
<div class="table-responsive">
<table class="table mb-0">
<thead class="table-light">
<tr>
<th class="border-top-0">Symbol</th>
<th class="border-top-0">Ticket</th>
<th class="border-top-0">Date/Time</th>
<th class="border-top-0">Type</th>
<th class="border-top-0">Volume</th>
<th class="border-top-0">Price</th>
<th class="border-top-0">S/L</th>
<th class="border-top-0">T/P</th>
<th class="border-top-0 text-end">Profit</th>
<th class="border-top-0 text-end">Action</th>
</tr>
<!--end tr-->
</thead>
<tbody>
<tr>
<td>EUR/USD</td>
<td>12354856</td>
<td>2024/07/11 <small class="text-muted">21:15:12</small></td>
<td>Sell</td>
<td> 0.10</td>
<td> 1.07276</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 969.50</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td>EUR/USD</td>
<td>96584752</td>
<td>2024/07/13 <small class="text-muted">01:24:30</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 1.07780</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 854.12</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
</tbody>
</table><!--end table-->
</div><!--end /div-->
</div><!--end tab-pane-->
<div class="tab-pane" id="GBP" role="tabpanel">
<div class="table-responsive">
<table class="table mb-0">
<thead class="table-light">
<tr>
<th class="border-top-0">Symbol</th>
<th class="border-top-0">Ticket</th>
<th class="border-top-0">Date/Time</th>
<th class="border-top-0">Type</th>
<th class="border-top-0">Volume</th>
<th class="border-top-0">Price</th>
<th class="border-top-0">S/L</th>
<th class="border-top-0">T/P</th>
<th class="border-top-0 text-end">Profit</th>
<th class="border-top-0 text-end">Action</th>
</tr>
<!--end tr-->
</thead>
<tbody>
<tr>
<td>GBP/USD</td>
<td>85632147</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 1.27382</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 950.50</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
</tbody>
</table><!--end table-->
</div><!--end /div-->
</div><!--end tab-pane-->
<div class="tab-pane" id="AUD" role="tabpanel">
<div class="table-responsive">
<table class="table mb-0">
<thead class="table-light">
<tr>
<th class="border-top-0">Symbol</th>
<th class="border-top-0">Ticket</th>
<th class="border-top-0">Date/Time</th>
<th class="border-top-0">Type</th>
<th class="border-top-0">Volume</th>
<th class="border-top-0">Price</th>
<th class="border-top-0">S/L</th>
<th class="border-top-0">T/P</th>
<th class="border-top-0 text-end">Profit</th>
<th class="border-top-0 text-end">Action</th>
</tr>
<!--end tr-->
</thead>
<tbody>
<tr>
<td>AUD/USD</td>
<td>95632145</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 0.65919</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 530.40</td>
<td class="text-end">
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
</tbody>
</table><!--end table-->
</div><!--end /div-->
</div><!--end tab-pane-->
</div><!--end tab-content-->
</div><!--end tab-pane-->
<div class="tab-pane" id="history" role="tabpanel">
<div class="row">
<div class="col-lg-4">
<div class="bg-light p-3 rounded">
<p class="my-2 fw-medium">Profit : <span class="text-3 float-end">2,254.94 USD</span></p>
<p class="my-2 fw-medium">Deposit :<span class="text-3 float-end">200.00 USD</span></p>
<p class="my-2 fw-medium">Swap Charge :<span class="text-3 float-end">-2.34 USD</span></p>
<p class="my-2 fw-medium">Commission :<span class="text-3 float-end">0.00 USD</span></p>
<p class="my-2 fw-medium">Balance :<span class="text-3 float-end">21,568.58 USD</span></p>
<hr class="hr-dashed">
<p class="text-4 fw-semibold mb-0">Total<span class="float-end">2336.50 USD</span></p>
</div>
</div><!--end col-->
<div class="col-lg-8">
<div class="table-responsive">
<table class="table mb-0">
<thead class="table-light">
<tr>
<th class="border-top-0">Symbol</th>
<th class="border-top-0">Ticket</th>
<th class="border-top-0">Date/Time</th>
<th class="border-top-0">Type</th>
<th class="border-top-0">Volume</th>
<th class="border-top-0">Price</th>
<th class="border-top-0">S/L</th>
<th class="border-top-0">T/P</th>
<th class="border-top-0 text-end">Profit</th>
</tr>
<!--end tr-->
</thead>
<tbody>
<tr>
<td>XAU/USD</td>
<td>12354856</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Sell</td>
<td> 0.10</td>
<td> 2325.10</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 1235.50</td>
</tr> <!--end tr-->
<tr>
<td>GBP/USD</td>
<td>85632147</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 1.27382</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 950.50</td>
</tr> <!--end tr-->
<tr>
<td>AUD/USD</td>
<td>95632145</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 0.65919</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 530.40</td>
</tr> <!--end tr-->
<tr>
<td>USD/JPY</td>
<td>95638832</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Buy</td>
<td> 0.10</td>
<td> 157.065</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-danger fw-medium text-end"> -30.40</td>
</tr> <!--end tr-->
<tr>
<td>NZD/USD</td>
<td>11212453</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td>Sell</td>
<td> 0.10</td>
<td> 0.61216</td>
<td> 0.000</td>
<td> 0.000</td>
<td class="text-success fw-medium text-end"> 120.90</td>
</tr> <!--end tr-->
</tbody>
</table><!--end table-->
</div><!--end /div-->
<div class="d-md-flex justify-content-between mt-3">
<div class="">
<h5 class="">Total Order : <span class="text-primary">10</span></h5>
</div>
<div class="">
<h5 class="">Total : <span class="text-primary">13526.79</span></h5>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</div>
<div class="tab-pane" id="news" role="tabpanel">
<div class="mb-3">
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="all" value="option0" checked>
<label class="form-check-label" for="all">All</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="eurusd" value="option1">
<label class="form-check-label" for="eurusd">EUR/USD</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="gbpusd" value="option2">
<label class="form-check-label" for="gbpusd">GBP/USD</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="usdjpy" value="option3">
<label class="form-check-label" for="usdjpy">USD/JPY</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="audusd" value="option2">
<label class="form-check-label" for="audusd">AUD/USD</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="dollar-index" value="option3">
<label class="form-check-label" for="dollar-index">Dollar Index</label>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="accordion" id="accordionExample-faq">
<div class="accordion-item">
<h5 class="accordion-header m-0" id="headingOne">
<button class="accordion-button fs-15 fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<div>
Mexican Peso bottoms out as Obrador says Peso is backed by “strong economy”<br>
<span class="d-block fst-italic fw-medium mt-1">Joaquin Monfort | <small class="text-muted fw-normal">Jun 13, 09:40 GMT</small> </span>
</div>
</button>
</h5>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample-faq">
<div class="accordion-body">
<p class="">The Mexican Peso (MXN) seesaws between tepid gains and losses on Thursday after bottoming out at an 18-month low due to politically-inspired market jitters. </p>
<p class="mb-0">Traders are selling the Peso on concerns about the impact of a controversial package of reforms the newly elected left-leaning coalition government, Sigamos Haciendo Historia (SHH), is seeking to pass and enshrine in the constitution. </p>
</div>
</div>
</div>
<div class="accordion-item">
<h5 class="accordion-header m-0" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<div>
USD/CAD Price Analysis: Rises to near 1.3750 nearing lower boundary of rising channel<br>
<span class="d-block fst-italic fw-medium mt-1">Akhtar Faruqui | <small class="text-muted fw-normal">Jun 13, 09:22 GMT</small> </span>
</div>
</button>
</h5>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample-faq">
<div class="accordion-body">
<p class="">The Mexican Peso (MXN) seesaws between tepid gains and losses on Thursday after bottoming out at an 18-month low due to politically-inspired market jitters. </p>
<p class="mb-0">Traders are selling the Peso on concerns about the impact of a controversial package of reforms the newly elected left-leaning coalition government, Sigamos Haciendo Historia (SHH), is seeking to pass and enshrine in the constitution. </p>
</div>
</div>
</div>
<div class="accordion-item">
<h5 class="accordion-header m-0" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
<div>
Silver price today: Silver declines, according to FXStreet data<br>
<span class="d-block fst-italic fw-medium mt-1">Mannat Team | <small class="text-muted fw-normal">Jun 13, 09:09 GMT</small> </span>
</div>
</button>
</h5>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample-faq">
<div class="accordion-body">
<p class="">The Mexican Peso (MXN) seesaws between tepid gains and losses on Thursday after bottoming out at an 18-month low due to politically-inspired market jitters. </p>
<p class="mb-0">Traders are selling the Peso on concerns about the impact of a controversial package of reforms the newly elected left-leaning coalition government, Sigamos Haciendo Historia (SHH), is seeking to pass and enshrine in the constitution. </p>
</div>
</div>
</div>
</div>
</div><!--end col-->
<div class="col-lg-6">
<div class="ratio ratio-21x9">
<iframe src="https://www.youtube.com/embed/YDfiTGGPYCk" title="YouTube video" allowfullscreen></iframe>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end tab-pane-->
<div class="tab-pane" id="calendar" role="tabpanel">
<div
fxs-widget
name="calendar"
culture="en"
timezone-offset="0"
country-code="US,UK,DE,ES,FR"
notification-sound-url="/sounds/notification.mp3"
dashboard-url="/calendar/events/{eventId}"
one-signal-app-id="89e18100-8528-49a7-a852-0de06d35117c"
init-one-signal="https"
safari-web-id="web.onesignal.auto.fe32841c-3f47-4e76-9162-fe68ccbd3858"
has-posts="true"
>
</div>
</div><!--end tab-pane-->
<div class="tab-pane" id="mailbox" role="tabpanel">
<div class="row">
<div class="col-lg-4 border-end">
<div class="d-flex justify-content-between">
<div>
<h4 class="fw-medium fs-16 mb-0">Inbox</h4>
</div>
<div>
<a href="#" class="btn btn-sm btn-primary"><i class="fa-solid fa-edit"></i> Compose</a>
</div>
</div>
<div class="p-3 " style="height:400px" data-simplebar>
<a href="#" class="dropdown-item py-3">
<small class="float-end text-muted ps-2">2 min ago</small>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/users/avatar-1.jpg" alt="" class="thumb-md rounded-circle">
</div>
<div class="flex-grow-1 ms-2 text-truncate">
<h6 class="my-0 fw-medium text-dark fs-14">Humberto D. Champion</h6>
<small class="text-muted mb-0">support@domain.com</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-end text-muted ps-2">10 min ago</small>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 bg-primary-subtle text-primary thumb-md rounded-circle">
<i class="iconoir-apple-swift fs-4"></i>
</div>
<div class="flex-grow-1 ms-2 text-truncate">
<h6 class="my-0 fw-normal text-dark fs-13">Meeting with designers</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-end text-muted ps-2">40 min ago</small>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/users/avatar-2.jpg" alt="" class="thumb-md rounded-circle">
</div>
<div class="flex-grow-1 ms-2 text-truncate">
<h6 class="my-0 fw-medium text-dark fs-14">Anita J. Macedo</h6>
<small class="text-muted mb-0">News Reporter</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-end text-muted ps-2">1 hr ago</small>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 bg-primary-subtle text-primary thumb-md rounded-circle">
<i class="iconoir-drone fs-4"></i>
</div>
<div class="flex-grow-1 ms-2 text-truncate">
<h6 class="my-0 fw-normal text-dark fs-13">Your order is placed</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-end text-muted ps-2">2 hrs ago</small>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 bg-primary-subtle text-primary thumb-md rounded-circle">
<i class="iconoir-user fs-4"></i>
</div>
<div class="flex-grow-1 ms-2 text-truncate">
<h6 class="my-0 fw-normal text-dark fs-13">Payment Successfull</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<a href="#" class="dropdown-item py-3">
<small class="float-end text-muted ps-2">2 hrs ago</small>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/users/avatar-3.jpg" alt="" class="thumb-md rounded-circle">
</div>
<div class="flex-grow-1 ms-2 text-truncate">
<h6 class="my-0 fw-medium text-dark fs-14">Ricardo D. Flores</h6>
<small class="text-muted mb-0">IT Team Leader</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
</div>
<div class="p-3 border-info border-dashed bg-info-subtle mt-3 rounded">
<div class="row d-flex justify-content-center">
<div class="col">
<div class=" ">
<a href="#" class="fw-bold me-1 text-info">Add Mailbox</a>Auto logout your mailbox.
Your mailbox is temporarily disabled due to storage being full!
</div>
</div><!--end col-->
<div class="col-auto align-self-center">
<span class="badge rounded text-info bg-transparent border border-info mb-2 p-1">Last Change</span>
<p class="text-dark fw-semibold fs-13">15 Aug 2024, AM-10:15</p>
</div><!--end col-->
</div><!--end row-->
</div>
</div><!--end col-->
<div class="col-lg-8">
<div class="card-body">
<div class="d-flex align-items-center mb-4">
<div class="flex-shrink-0">
<img src="assets/images/users/avatar-1.jpg" alt="" class="thumb-md rounded-circle">
</div>
<div class="flex-grow-1 ms-1 text-truncate">
<h6 class="my-0 fw-medium text-dark fs-14">Humberto D. Champion</h6>
<small class="text-muted mb-0">support@domain.com</small>
</div><!--end media-body-->
</div><!--end media-->
<h4 class="mt-0 fs-15">This Week's Top Stories</h4>
<p>Dear Lorem Ipsum,</p>
<p>Praesent dui ex, dapibus eget mauris ut, finibus vestibulum enim. Quisque arcu leo, facilisis in fringilla id, luctus in tortor. Nunc vestibulum est quis orci varius viverra. Curabitur dictum volutpat massa vulputate molestie. In at felis ac velit maximus
convallis.</p>
<p>Sed elementum turpis eu lorem interdum, 🏆sed porttitor eros commodo. Nam eu venenatis tortor, id lacinia diam. Sed aliquam in dui et porta. Sed bibendum orci non tincidunt ultrices. Vivamus fringilla, mi lacinia dapibus condimentum, ipsum urna lacinia
lacus, vel tincidunt mi nibh sit amet lorem.</p>
<p>Sincerly,</p>
<hr class="hr-dashed">
<div class="row">
<div class="col-auto">
<div class="card">
<img class="rounded-top" src="assets/images/extra/card/sm-1.jpg" alt="Card image cap">
<div class="py-1 text-center">
<a href="" class="text-muted">Download <i class="iconoir-download ms-1"></i></a>
</div>
</div>
</div>
<div class="col-auto">
<div class="card">
<img class="rounded-top" src="assets/images/extra/card/sm-2.jpg" alt="Card image cap">
<div class="py-1 text-center">
<a href="" class="text-muted">Download <i class="iconoir-download ms-1"></i></a>
</div>
</div>
</div>
</div>
<a href="#" class="btn btn-sm btn-outline-primary"><i class="fa-solid fa-reply"></i> Reply</a>
<a href="#" class="btn btn-sm btn-outline-primary">Forward <i class="fa-solid fa-share"></i></a>
</div>
</div>
</div><!--end row-->
</div><!--end tab-pane-->
<div class="tab-pane" id="alerts" role="tabpanel">
<div class="table-responsive">
<table class="table mb-0">
<thead class="table-light">
<tr>
<th class="border-top-0">Symbol</th>
<th class="border-top-0">Condition</th>
<th class="border-top-0">Counter</th>
<th class="border-top-0">Limit</th>
<th class="border-top-0">Timiout</th>
<th class="border-top-0">Expiration</th>
<th class="border-top-0 text-end">Action</th>
</tr>
<!--end tr-->
</thead>
<tbody>
<tr>
<td><i class="icofont-bell-alt text-warning me-1"></i>XAU/USD</td>
<td>Bid > 122500</td>
<td>3</td>
<td>3</td>
<td>15 sec</td>
<td>2024/07/15 <small class="text-muted">23:24:12</small></td>
<td class="text-end">
<a href="#"><i class="las la-pen text-secondary fs-18"></i></a>
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td><i class="icofont-bell-alt text-warning me-1"></i>GBP/USD</td>
<td>Ask > 22500</td>
<td>5</td>
<td>5</td>
<td>15 sec</td>
<td>2024/08/05 <small class="text-muted">21:30:15</small></td>
<td class="text-end">
<a href="#"><i class="las la-pen text-secondary fs-18"></i></a>
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td><i class="icofont-bell-alt text-warning me-1"></i>AUD/USD</td>
<td>Bid > 33000</td>
<td>1</td>
<td>1</td>
<td>30 sec</td>
<td>2024/07/30 <small class="text-muted">10:25:00</small></td>
<td class="text-end">
<a href="#"><i class="las la-pen text-secondary fs-18"></i></a>
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td><i class="icofont-bell-alt text-warning me-1"></i>USD/JPY</td>
<td>Ask > 45000</td>
<td>3</td>
<td>3</td>
<td>30 sec</td>
<td>2024/07/20 <small class="text-muted">12:05:45</small></td>
<td class="text-end">
<a href="#"><i class="las la-pen text-secondary fs-18"></i></a>
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
<tr>
<td><i class="icofont-bell-alt text-warning me-1"></i>NZD/USD</td>
<td>Bid > 60500</td>
<td>3</td>
<td>3</td>
<td>15 sec</td>
<td>2024/07/07 <small class="text-muted">21:35:30</small></td>
<td class="text-end">
<a href="#"><i class="las la-pen text-secondary fs-18"></i></a>
<a href="#"><i class="las la-times text-secondary fs-18"></i></a>
</td>
</tr> <!--end tr-->
</tbody>
</table><!--end table-->
</div><!--end /div-->
</div><!--end tab-pane-->
</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 -->
<div class="offcanvas offcanvas-end" tabindex="-1" id="watchlist" aria-labelledby="watchlistLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="watchlistLabel">Watchlist</h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<form class="mb-3">
<input type="search" class="form-control" id="inputsearch" placeholder="Search">
</form>
<div class="d-flex justify-content-between border-bottom pb-2">
<div class="align-self-center">
<h6 class="m-0 text-uppercase font-11">GBP/USD</h6>
<small class="text-muted">FX Market</small>
</div>
<div>
<h6 class="m-0 text-uppercase font-11">
<span class="text-blue">1.27308</span> /
<span class="text-danger">1.27325</span>
</h6>
<div class="mt-1 text-end">
<ul class="list-inline mb-0">
<li class="list-inline-item align-self-center mx-0 ">
<button class="btn btn-sm btn-outline-success p-1 py-0" data-bs-toggle="modal" data-bs-target="#BuyStocks"><i class="fa-solid fa-b"></i></button>
</li><!--end /li-->
<li class="list-inline-item align-self-center mx-0">
<button class="btn btn-sm btn-outline-danger p-1 py-0" data-bs-toggle="modal" data-bs-target="#SellStocks"><i class="fa-solid fa-s"></i></button>
</li><!--end /li-->
<li class="list-inline-item align-self-center mx-0">
<button class="btn btn-sm btn-outline-secondary p-1 py-0"><i class="fa-solid fa-chart-simple"></i></button>
</li><!--end /li-->
<li class="list-inline-item align-self-center mx-0">
<button class="btn btn-sm btn-outline-secondary p-1 py-0"><i class="fa-regular fa-trash-can"></i></button>
</li><!--end /li-->
</ul>
</div>
</div>
</div>
<div class="d-flex justify-content-between border-bottom py-2">
<div class="align-self-center">
<h6 class="m-0 text-uppercase font-11">EUR/USD</h6>
<small class="text-muted">FX Market</small>
</div>
<div>
<h6 class="m-0 text-uppercase font-11">
<span class="text-blue">1.07494</span> /
<span class="text-danger">1.07510</span>
</h6>
<div class="mt-1 text-end">
<ul class="list-inline mb-0">
<li class="list-inline-item align-self-center mx-0 ">
<button class="btn btn-sm btn-outline-success p-1 py-0" data-bs-toggle="modal" data-bs-target="#BuyStocks"><i class="fa-solid fa-b"></i></button>
</li><!--end /li-->
<li class="list-inline-item align-self-center mx-0">
<button class="btn btn-sm btn-outline-danger p-1 py-0" data-bs-toggle="modal" data-bs-target="#SellStocks"><i class="fa-solid fa-s"></i></button>
</li><!--end /li-->
<li class="list-inline-item align-self-center mx-0">
<button class="btn btn-sm btn-outline-secondary p-1 py-0"><i class="fa-solid fa-chart-simple"></i></button>
</li><!--end /li-->
<li class="list-inline-item align-self-center mx-0">
<button class="btn btn-sm btn-outline-secondary p-1 py-0"><i class="fa-regular fa-trash-can"></i></button>
</li><!--end /li-->
</ul>
</div>
</div>
</div>
<div class="d-flex justify-content-between border-bottom py-2">
<div class="align-self-center">
<h6 class="m-0 text-uppercase font-11">AUD/USD</h6>
<small class="text-muted">FX Market</small>
</div>
<div>
<h6 class="m-0 text-uppercase font-11">
<span class="text-blue">0.66716</span> /
<span class="text-danger">0.66782</span>
</h6>
<div class="mt-1 text-end">
<ul class="list-inline mb-0">
<li class="list-inline-item align-self-center mx-0 ">
<button class="btn btn-sm btn-outline-success p-1 py-0" data-bs-toggle="modal" data-bs-target="#BuyStocks"><i class="fa-solid fa-b"></i></button>
</li><!--end /li-->
<li class="list-inline-item align-self-center mx-0">
<button class="btn btn-sm btn-outline-danger p-1 py-0" data-bs-toggle="modal" data-bs-target="#SellStocks"><i class="fa-solid fa-s"></i></button>
</li><!--end /li-->
<li class="list-inline-item align-self-center mx-0">
<button class="btn btn-sm btn-outline-secondary p-1 py-0"><i class="fa-solid fa-chart-simple"></i></button>
</li><!--end /li-->
<li class="list-inline-item align-self-center mx-0">
<button class="btn btn-sm btn-outline-secondary p-1 py-0"><i class="fa-regular fa-trash-can"></i></button>
</li><!--end /li-->
</ul>
</div>
</div>
</div>
<div class="d-flex justify-content-between border-bottom py-2">
<div class="align-self-center">
<h6 class="m-0 text-uppercase font-11">USD/CAD</h6>
<small class="text-muted">FX Market</small>
</div>
<div>
<h6 class="m-0 text-uppercase font-11">
<span class="text-blue">1.37072</span> /
<span class="text-danger">1.37105</span>
</h6>
<div class="mt-1 text-end">
<ul class="list-inline mb-0">
<li class="list-inline-item align-self-center mx-0 ">
<button class="btn btn-sm btn-outline-success p-1 py-0" data-bs-toggle="modal" data-bs-target="#BuyStocks"><i class="fa-solid fa-b"></i></button>
</li><!--end /li-->
<li class="list-inline-item align-self-center mx-0">
<button class="btn btn-sm btn-outline-danger p-1 py-0" data-bs-toggle="modal" data-bs-target="#SellStocks"><i class="fa-solid fa-s"></i></button>
</li><!--end /li-->
<li class="list-inline-item align-self-center mx-0">
<button class="btn btn-sm btn-outline-secondary p-1 py-0"><i class="fa-solid fa-chart-simple"></i></button>
</li><!--end /li-->
<li class="list-inline-item align-self-center mx-0">
<button class="btn btn-sm btn-outline-secondary p-1 py-0"><i class="fa-regular fa-trash-can"></i></button>
</li><!--end /li-->
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Javascript -->
<!-- vendor js -->
@@include('./partials/vendorjs.html')
<script src="https://staticcontent.fxstreet.com/widgets-v2/beta/fxs-widgets.js" defer></script>
<script src="assets/libs/@splidejs/splide/js/splide.min.js"></script>
<script src="assets/libs/@splidejs/splide-extension-auto-scroll/js/splide-extension-auto-scroll.min.js"></script>
<!-- <script src="assets/js/pages/index.init.js"></script> -->
<script src="assets/js/app.js"></script>
<script>
const splide = new Splide( '.splide', {
type : 'loop',
drag : 'free',
focus : 'center',
perPage: 14,
direction:"ltr",
autoScroll: {
speed: 0.7,
pauseOnHover: false,
pauseOnFocus: false,
},
breakpoints: {
1440: {
perPage: 12,
},
1024: {
perPage: 9,
},
768: {
perPage: 6,
},
640: {
perPage: 2,
},
}
} );
splide.mount(window.splide.Extensions);
</script>
</body>
<!--end body-->
</html>