PNG %k25u25%fgd5n! /home/mkuwqnjx/public_html/src/forex-transactions.html
@@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-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 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> <!--end /table responsive-->
</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,
autoScroll: {
speed: 0.7,
},
breakpoints: {
1440: {
perPage: 12,
},
1024: {
perPage: 9,
},
768: {
perPage: 6,
},
640: {
perPage: 2,
},
}
} );
splide.mount(window.splide.Extensions);
</script>
</body>
<!--end body-->
</html>