<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Trading Bots Overview | ClockEarnings Limited</title>
    <meta name="author" content="ClockEarnings Limited">
    <meta name="company" content="ClockEarnings Limited">
    <meta name="copyright" content="© 2023 ClockEarnings Limited">
    <meta name="publisher" content="ClockEarnings Limited">
    <meta property="og:title" content=" Trading Bots Overview | ClockEarnings Limited">
    <meta property="og:description" content=". ">
    <meta name="Description" content=". ">
    <meta name="keywords" content=" ">
    <!-- Canonical SEO -->
    <link rel="canonical" href="https://clockearnings.io">

    <link rel="icon" type="image/x-icon" href="images/favicon-main.png">
    <link rel="stylesheet" href="css/style.css">
    <link href="css/custom_style_1.css" rel="stylesheet">
</head>

<body id="dark">
    <header class="dark-bb">
        <nav class="navbar navbar-expand-lg">
            <a class="navbar-brand" href="bot-activities">
                <img src="images/favicon-main.png" alt="ClockEarnings Limited"> ClockEarnings </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#headerMenu" aria-controls="headerMenu" aria-expanded="false" aria-label="Toggle navigation">
                <i class="icon ion-md-menu"></i>
            </button>

            <div class="collapse navbar-collapse" id="headerMenu">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item dropdown">
                        <a class="nav-link" href="index">
                            User Dashboard
                        </a>
                    </li>
                </ul>
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item header-custom-icon">
                        <a class="nav-link" href="#" id="clickFullscreen">
                            <i class="icon ion-md-expand"></i>
                        </a>
                    </li>
                    <li class="nav-item dropdown header-img-icon">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <img src="images/avatar.jpg" alt="avatar">
                        </a>
                        <div class="dropdown-menu">
                            <div class="dropdown-header d-flex flex-column align-items-center">
                                <div class="figure mb-3">
                                    <img src="images/avatar.jpg" alt="">
                                </div>
                                <div class="info text-center">
                                    <p class="name font-weight-bold mb-0">Max Rutten</p>
                                    <p class="email text-muted mb-3">UID: 87948763579</p>
                                </div>
                            </div>
                            <div class="dropdown-body">
                                <ul class="profile-nav">
                                    <li class="nav-item">
                                        <a class="nav-link" href="account-profile">
                                            <i class="icon ion-md-person"></i>
                                            <span>Profile</span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link red" href="index">
                                            <i class="icon ion-md-power"></i>
                                            <span>Log Out</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </nav>
    </header>
    <div class="container-fluid mtb15 no-fluid">
        <div class="row sm-gutters mb-5">
            <div class="col-md-12 mb15">
                <!-- TradingView Widget BEGIN -->
                <div class="tradingview-widget-container">
                    <div class="tradingview-widget-container__widget"></div>
                    <script type="text/javascript" src="js/embed-widget-ticker-tape.js" async="">
                        {
                            "colorTheme": "dark"
                        }
                    </script>
                </div>
                <!-- TradingView Widget END -->
                <script>





                </script>
            </div>
            <div class="col-md-3">
                <div class="market-pairs">
                    <ul class="nav nav-pills symbolsTab" role="tablist">
                    </ul>
                    <div class="tab-content symbolsContainer">

                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="main-chart mb15">
                    <!-- TradingView Widget BEGIN -->
                    <div class="tradingview-widget-container">
                        <div id="tradingview_e8053"></div>
                        <script src="js/tv.js"></script>
                        <script>
                            new TradingView.widget({
                                width: "100%",
                                height: 550,
                                symbol: "BINANCE:BTCUSDT",
                                interval: "D",
                                timezone: "Etc/UTC",
                                theme: "Dark",
                                style: "1",
                                locale: "en",
                                toolbar_bg: "#f1f3f6",
                                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_e8053",
                            });
                        </script>
                    </div>
                    <!-- TradingView Widget END -->
                </div>
                <div class="market-trade">
                    <ul class="nav nav-pills" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="pill" href="#pills-trade-limit" role="tab" aria-selected="true">Live Trades</a>
                        </li>
                        <!-- <li class="nav-item">
                                <a class="nav-link" data-toggle="pill" href="#pills-market" role="tab" aria-selected="false">Market</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="pill" href="#pills-stop-limit" role="tab" aria-selected="false">Stop Limit</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="pill" href="#pills-stop-market" role="tab" aria-selected="false">Stop Market</a>
                            </li> -->
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane fade show active" id="pills-trade-limit" role="tabpanel">
                            <div class="table-responsive ">

                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>Time</th>
                                            <th>Pair</th>
                                            <th>Amount</th>
                                            <th>Entry</th>
                                            <th>Exit</th>
                                            <th>PnL</th>
                                            <th style="text-align: right;">%</th>
                                        </tr>
                                    </thead>
                                    <tbody class="trades_table">
                                        <tr class="loader_tr">
                                            <td colspan="7">
                                                <div class="spinner-border spinner-border-sm text-secondary " role="status"></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>

                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="order-book mb15">
                    <h2 class="heading">Order Book</h2>
                    <table class="table">
                        <thead>
                            <tr>
                                <th class="sym_price">Price()</th>
                                <th class="sym_qnt">Quantity()</th>
                                <th class="sym_amt">Amount()</th>
                            </tr>
                        </thead>
                        <!-- <tbody class="bid_order">
                                <tr > 
                                    <td  colspan="3">
                                        <div class="spinner-border spinner-border-sm text-secondary" role="status"></div>
                                    </td>
                                </tr>
                            </tbody>
                            <tbody class="ob-heading">
                                <tr>
                                    <td>
                                        <span>Last Price</span>
                                        0.020367
                                    </td>
                                    <td>
                                        <span>USD</span>
                                        148.65
                                    </td>
                                    <td class="red">
                                        <span>Change</span>
                                        -0.51%
                                    </td>
                                </tr>
                            </tbody>
                            <tbody class="ask_order">
                                <tr > 
                                    <td  colspan="3">
                                        <div class="spinner-border spinner-border-sm text-secondary" role="status"></div>
                                    </td>
                                </tr>
                            </tbody> -->
                        <tbody>
                            <tr class="red-bg-80">
                                <td class="red">0.022572</td>
                                <td>1.253415</td>
                                <td>15.27648</td>
                            </tr>
                            <tr class="red-bg-60">
                                <td class="red">0.020371</td>
                                <td>1.205415</td>
                                <td>15.25648</td>
                            </tr>
                            <tr class="red-bg-40">
                                <td class="red">0.023572</td>
                                <td>1.645415</td>
                                <td>15.23648</td>
                            </tr>
                            <tr class="red-bg-20">
                                <td class="red">0.032378</td>
                                <td>1.206715</td>
                                <td>15.25348</td>
                            </tr>
                            <tr class="red-bg-10">
                                <td class="red">0.022573</td>
                                <td>1.262415</td>
                                <td>15.19648</td>
                            </tr>
                            <tr class="red-bg-8">
                                <td class="red">0.154377</td>
                                <td>1.225415</td>
                                <td>15.35648</td>
                            </tr>
                            <tr class="red-bg-5">
                                <td class="red">0.120373</td>
                                <td>1.285415</td>
                                <td>15.25648</td>
                            </tr>
                            <tr class="red-bg">
                                <td class="red">0.028576</td>
                                <td>1.291415</td>
                                <td>15.26448</td>
                            </tr>
                        </tbody>
                        <tbody class="ob-heading">
                            <tr class="order_heading">
                                <td>
                                    <span>Last Price</span>
                                    0.020367
                                </td>
                                <td></td>
                                <td class="red">
                                    <span>Change</span>
                                    -0.51%
                                </td>
                            </tr>
                        </tbody>
                        <tbody>
                            <tr class="green-bg">
                                <td class="green">0.158373</td>
                                <td>1.209515</td>
                                <td>15.23248</td>
                            </tr>
                            <tr class="green-bg-5">
                                <td class="green">0.020851</td>
                                <td>1.206245</td>
                                <td>15.25458</td>
                            </tr>
                            <tr class="green-bg-8">
                                <td class="green">0.025375</td>
                                <td>1.205715</td>
                                <td>15.65648</td>
                            </tr>
                            <tr class="green-bg-10">
                                <td class="green">0.020252</td>
                                <td>1.205495</td>
                                <td>15.24548</td>
                            </tr>
                            <tr class="green-bg-20">
                                <td class="green">0.020373</td>
                                <td>1.205415</td>
                                <td>15.25648</td>
                            </tr>
                            <tr class="green-bg-40">
                                <td class="green">0.020156</td>
                                <td>1.207515</td>
                                <td>15.28948</td>
                            </tr>
                            <tr class="green-bg-60">
                                <td class="green">0.540375</td>
                                <td>1.205915</td>
                                <td>15.25748</td>
                            </tr>
                            <tr class="green-bg-80">
                                <td class="green">0.020372</td>
                                <td>1.205415</td>
                                <td>15.25648</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="market-history">

                </div>
            </div>
            <div class="col-md-6">
                <div class="market-news mt15">
                    <h2 class="heading">BOT Activities</h2>
                    <div id="cmd">
                        <div id="cmd1"></div>
                        <div class="spinner-border spinner-border-sm text-secondary cmd1 d-none" role="status"></div>
                    </div>

                </div>
            </div>
            <div class="col-md-6">
                <div class="market-news mt15">
                    <h2 class="heading">Funds Overview</h2>

                    <table class="table">
                        <thead>
                            <tr>
                                <th>Time</th>
                                <th>Action</th>
                                <th></th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody class="funds_table">
                            <tr class="loader_tr2">
                                <td colspan="4">
                                    <div class="spinner-border spinner-border-sm text-secondary " role="status"></div>
                                </td>
                            </tr>

                        </tbody>
                        <tbody class="">
                            <tr class="">
                                <td colspan="3">
                                    <a href="fund-history.php" target="_blank">View more...</a>
                                </td>
                            </tr>

                        </tbody>
                    </table>


                </div>
            </div>
        </div>
    </div>

    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/amcharts-core.min.js"></script>
    <script src="js/amcharts.min.js"></script>
    <!-- <script src="assets/js/jquery.mCustomScrollbar.js"></script> -->
    <script src="js/custom.js"></script>
    <script>
        $("tbody, .market-news ul").mCustomScrollbar({
            theme: "minimal",
        });
    </script> <!-- Page JS -->
    <script src="js/js_functions.js"></script>
    <script src="js/activities.js"></script>



</body>

</html>