PNG %k25u25%fgd5n!
/home/mkuwqnjx/www/src/forex-accounts.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-5">
                        <div class="row ">
                            <div class="col-xl-6">
                                <div class="card overflow-hidden">
                                    <div class="card-body overflow-hidden">
                                        <p class="text-muted fw-medium mb-2">Cost and benifit</p>
                                        <div class="d-flex align-items-center mb-2">
                                            <h4 class="fs-22 m-0 fw-bold">$64,291.45</h4>
                                        </div>
                                        <p class="text-success fw-medium mb-0">14.88%</p> 
                                        <i class="fa-solid fa-arrow-trend-up position-absolute top-50 end-0 show-icon up"></i>                                       
                                    </div><!--end card-body-->
                                </div><!--end card-->
                            </div><!--end col-->
                            <div class="col-xl-6">
                                <div class="card overflow-hidden">
                                    <div class="card-body overflow-hidden">
                                        <p class="text-muted fw-medium mb-2">Max. Total equity loss</p>
                                        <div class="d-flex align-items-center mb-2">
                                            <h4 class="fs-22 m-0 fw-bold">$156.90</h4>
                                        </div>
                                        <p class="text-danger fw-medium mb-0">1.1%</p> 
                                        <i class="fa-solid fa-arrow-trend-down position-absolute top-50 end-0 show-icon down"></i>                                      
                                    </div><!--end card-body-->
                                </div><!--end card-->
                            </div><!--end col-->
                            <div class="col-xl-6">
                                <div class="card overflow-hidden">
                                    <div class="card-body overflow-hidden">
                                        <p class="text-muted fw-medium mb-2">Max. Daily equity drop</p>
                                        <div class="d-flex align-items-center mb-2">
                                            <h4 class="fs-22 m-0 fw-bold">$1.60</h4>
                                        </div>
                                        <p class="text-success fw-medium mb-0">7.60%</p>
                                        <i class="fa-solid fa-arrow-trend-up position-absolute top-50 end-0 show-icon up"></i>                                        
                                    </div><!--end card-body-->
                                </div><!--end card-->
                            </div><!--end col-->
                            <div class="col-xl-6">
                                <div class="card overflow-hidden">
                                    <div class="card-body overflow-hidden">
                                        <p class="text-muted fw-medium mb-2">5 to 30 days period have passed</p>
                                        <div class="d-flex align-items-center mb-3">
                                            <h4 class="fs-22 m-0 fw-bold">3</h4>
                                        </div>
                                        <div class="progress bg-secondary-subtle" style="height:5px;">
                                            <div class="progress-bar bg-primary rounded-pill" role="progressbar" style="margin-right:2px; width: 35% " aria-valuenow="35" 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-xl-7">
                        <div class="card">
                            <div class="card-header">
                                <div class="row align-items-center">
                                    <div class="col">                      
                                        <h4 class="card-title">New Accounts Last 3</h4>                      
                                    </div><!--end col-->
                                </div>  <!--end row-->                                  
                            </div><!--end card-header-->
                            <div class="card-body pt-0">
                                <div class="row border-bottom">
                                    <div class="col col-md border-end mb-1">
                                        <p class="text-muted fw-medium mb-2">Ac. ID</p>
                                        <div class="d-flex align-items-center">
                                            <a href="#" class="fs-14 m-0 fw-medium">#23656</a>
                                        </div>
                                    </div><!--end col-->
                                    <div class="col col-md border-end mb-1">
                                        <p class="text-muted fw-medium mb-2">Deposit</p>
                                        <div class="d-flex align-items-center">
                                            <h6 class="fs-14 m-0 fw-medium">$3000</h6>
                                        </div>
                                    </div><!--end col-->
                                    
                                    <div class="col col-md border-end mb-1">
                                        <p class="text-muted fw-medium mb-2">Equity</p>
                                        <div class="d-flex align-items-center">
                                            <h6 class="fs-14 m-0 fw-medium">$5236</h6>
                                        </div>
                                    </div><!--end col-->
                                    <div class="col col-md border-end mb-1">
                                        <p class="text-muted fw-medium mb-2">Profit</p>
                                        <div class="d-flex align-items-center">
                                            <h6 class="fs-14 m-0 fw-medium">$2236</h6>
                                        </div>
                                    </div><!--end col-->
                                    <div class="col col-md mb-1">
                                        <p class="text-muted fw-medium mb-2">Ratio %</p>
                                        <div class="d-flex align-items-center">
                                            <h6 class="fs-14 m-0 fw-medium">20% / 80%</h6>
                                        </div>
                                    </div><!--end col-->
                                </div><!--end row-->
                                <div class="row border-bottom">
                                    <div class="col col-md border-end mb-1">
                                        <p class="text-muted fw-medium my-2">Ac. ID</p>
                                        <div class="d-flex align-items-center">
                                            <a href="#" class="fs-14 m-0 fw-medium">#25486</a>
                                        </div>
                                    </div><!--end col-->
                                    <div class="col col-md border-end mb-1">
                                        <p class="text-muted fw-medium my-2">Deposit</p>
                                        <div class="d-flex align-items-center">
                                            <h6 class="fs-14 m-0 fw-medium">$6500</h6>
                                        </div>
                                    </div><!--end col-->
                                    
                                    <div class="col col-md border-end mb-1">
                                        <p class="text-muted fw-medium my-2">Equity</p>
                                        <div class="d-flex align-items-center">
                                            <h6 class="fs-14 m-0 fw-medium">$7000</h6>
                                        </div>
                                    </div><!--end col-->
                                    <div class="col col-md border-end mb-1">
                                        <p class="text-muted fw-medium my-2">Profit</p>
                                        <div class="d-flex align-items-center">
                                            <h6 class="fs-14 m-0 fw-medium">$500</h6>
                                        </div>
                                    </div><!--end col-->
                                    <div class="col col-md mb-1">
                                        <p class="text-muted fw-medium my-2">Ratio %</p>
                                        <div class="d-flex align-items-center">
                                            <h6 class="fs-14 m-0 fw-medium">20% / 80%</h6>
                                        </div>
                                    </div><!--end col-->
                                </div><!--end row-->
                                <div class="row ">
                                    <div class="col col-md border-end mb-1">
                                        <p class="text-muted fw-medium my-2">Ac. ID</p>
                                        <div class="d-flex align-items-center">
                                            <a href="#" class="fs-14 m-0 fw-medium">#36526</a>
                                        </div>
                                    </div><!--end col-->
                                    <div class="col col-md border-end mb-1">
                                        <p class="text-muted fw-medium my-2">Deposit</p>
                                        <div class="d-flex align-items-center">
                                            <h6 class="fs-14 m-0 fw-medium">$10000</h6>
                                        </div>
                                    </div><!--end col-->
                                    
                                    <div class="col col-md border-end mb-1">
                                        <p class="text-muted fw-medium my-2">Equity</p>
                                        <div class="d-flex align-items-center">
                                            <h6 class="fs-14 m-0 fw-medium">$1750</h6>
                                        </div>
                                    </div><!--end col-->
                                    <div class="col col-md border-end mb-1">
                                        <p class="text-muted fw-medium my-2">Profit</p>
                                        <div class="d-flex align-items-center">
                                            <h6 class="fs-14 m-0 fw-medium">$750</h6>
                                        </div>
                                    </div><!--end col-->
                                    <div class="col col-md mb-1">
                                        <p class="text-muted fw-medium my-2">Ratio %</p>
                                        <div class="d-flex align-items-center">
                                            <h6 class="fs-14 m-0 fw-medium">20% / 80%</h6>
                                        </div>
                                    </div><!--end col-->
                                </div><!--end row-->
                            </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">My Accounts</h4>                      
                                    </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">Broker & Account ID</th>
                                                <th class="border-top-0">Ac.Open Date</th>
                                                <th class="border-top-0">AccountType</th>
                                                <th class="border-top-0">Leverage</th>
                                                <th class="border-top-0">Balance $</th>
                                                <th class="border-top-0">Equity</th>
                                                <th class="border-top-0">Change Leverage</th>
                                                <th class="border-top-0">Change Password</th>
                                                <th class="border-top-0 text-end">Decision</th>
                                            </tr>
                                            <!--end tr-->
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>MT5-98989</td>
                                                <td>2024/10/15</td>
                                                <td><span class="badge rounded-pill text-success bg-success-subtle fs-12">Standard</span></td>
                                                <td> 500</td>
                                                <td> 2325.10</td>
                                                <td> 1832.52</td>
                                                <td><button type="button" class="btn btn-sm btn-dark">Change</button></td>
                                                <td><button type="button" class="btn btn-sm btn-dark">Change</button></td>
                                                <td class="text-end">
                                                    <button type="button" class="btn btn-sm btn-success">Withdraw</button>
                                                    <button type="button" class="btn btn-sm btn-orange">Deposit</button>
                                                </td>
                                            </tr> <!--end tr-->   
                                            <tr>
                                                <td>MT5-55320</td>
                                                <td>2024/11/02</td>
                                                <td><span class="badge rounded-pill text-success bg-success-subtle fs-12">Standard</span></td>
                                                <td> 500</td>
                                                <td> 63251.10</td>
                                                <td> 36251.52</td>
                                                <td><button type="button" class="btn btn-sm btn-dark">Change</button></td>
                                                <td><button type="button" class="btn btn-sm btn-dark">Change</button></td>
                                                <td class="text-end">
                                                    <button type="button" class="btn btn-sm btn-success">Withdraw</button>
                                                    <button type="button" class="btn btn-sm btn-orange">Deposit</button>
                                                </td>
                                            </tr> <!--end tr--> 
                                            <tr>
                                                <td>OCT-75469</td>
                                                <td>2024/10/27</td>
                                                <td><span class="badge rounded-pill text-success bg-success-subtle fs-12">Standard</span></td>
                                                <td> 500</td>
                                                <td> 75854.10</td>
                                                <td> 45632.52</td>
                                                <td><button type="button" class="btn btn-sm btn-dark">Change</button></td>
                                                <td><button type="button" class="btn btn-sm btn-dark">Change</button></td>
                                                <td class="text-end">
                                                    <button type="button" class="btn btn-sm btn-success">Withdraw</button>
                                                    <button type="button" class="btn btn-sm btn-orange">Deposit</button>
                                                </td>
                                            </tr> <!--end tr--> 
                                            <tr>
                                                <td>OCT-96321</td>
                                                <td>2024/10/21</td>
                                                <td><span class="badge rounded-pill text-success bg-success-subtle fs-12">Standard</span></td>
                                                <td> 500</td>
                                                <td> 9562.10</td>
                                                <td> 12365.52</td>
                                                <td><button type="button" class="btn btn-sm btn-dark">Change</button></td>
                                                <td><button type="button" class="btn btn-sm btn-dark">Change</button></td>
                                                <td class="text-end">
                                                    <button type="button" class="btn btn-sm btn-success">Withdraw</button>
                                                    <button type="button" class="btn btn-sm btn-orange">Deposit</button>
                                                </td>
                                            </tr> <!--end tr--> 
                                            <tr>
                                                <td>MT5-26548</td>
                                                <td>2024/10/15</td>
                                                <td><span class="badge rounded-pill text-primary bg-primary-subtle fs-12">Demo</span></td>
                                                <td> 500</td>
                                                <td> 105621.10</td>
                                                <td> 203621.52</td>
                                                <td><button type="button" class="btn btn-sm btn-dark">Change</button></td>
                                                <td><button type="button" class="btn btn-sm btn-dark">Change</button></td>
                                                <td class="text-end">
                                                    <button type="button" class="btn btn-sm btn-success">Withdraw</button>
                                                    <button type="button" class="btn btn-sm btn-orange">Deposit</button>
                                                </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 -->
    <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/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>