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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Satoshi Club - IEO Return on Investment</title>
    <!-- custom stylesheet -->
    <link rel="stylesheet" href="./css/style.css?v=1012211607">
</head>
<?php
ob_start();
include('./dashboard/db_connection.php');
$timerange_query = mysqli_query($con, "SELECT * from pcl_timerange");
$timerange_fetch = mysqli_fetch_array($timerange_query);
?>

<body class="ath-body-tag has-chart" id="screen">
    <div class="sc-main ath-main">
        <div class="sc-wrapper">
            <!-- sc-header -->
            <div class="sc-header">
                <div class="sc-heading ev-heading">
                    <h1>IEO <span class="accent-color">Return on Investment</span></h1>
                </div>
                <div id="screenshot" onclick="takePageScreenshot()" class="sc-save">
                    <img src="./images/take-screenshot.png" class="sc-save__img">
                </div>
            </div>
            <!-- sc-body -->
            <div class="ieo-body">
                <table>
                    <thead>
                        <tr>
                            <td>#</td>
                            <td>Coin</td>
                            <td>Top Exchange</td>
                            <td>
                                <div class="ieo-legend"><span class="legend-marker legend-marker-currentvalue"></span>Current Value</div>
                                <div class="ieo-legend"><span class="legend-marker legend-marker-ath"></span>ATH</div>
                            </td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>
                                <div class="sc-coin-label" style="user-select: auto;">
                                    <div class="sc-coin-logo" style="user-select: auto;">
                                        <img src="./dashboard/uploads/bitcoin-logo.svg " alt="" style="user-select: auto;">
                                    </div>
                                    <div class="sc-coin-name" style="user-select: auto;">
                                        <div class="sc-coin-shortname" style="user-select: auto;"><span class="accent-color" style="user-select: auto;">BTC</span></div>
                                        <div class="sc-coin-fullname opacity-6" style="user-select: auto;">Bitcoin</div>
                                    </div>
                                </div>
                            </td>
                            <td>
                                <div class="ieo-topexchange">
                                    <span><img src="./images/binance-logo-sm.svg" alt=""></span>Binance
                                </div>
                            </td>
                            <td class="ieo-chart-td">
                                <div class="ieo-chartline ieo-currentvalue-chartline" style="width: 80%;">
                                    <span class="ieo-chart-label">+320.0%</span>
                                </div>
                                <div class="ieo-chartline ieo-ath-chartline" style="width: 20%;">
                                    <span class="ieo-chart-label">+4440%</span>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- sc-footer -->
        <footer class="sc-footer ath-footer">
            <div class="sc-wrapper">
                <div class="in-sc-footer in-ath-footer">
                    <div class="sc-sc-logo">
                        <img src="./images/satoshi-club-logo-light.svg" alt="">
                    </div>
                    <div class="sc-social opacity-6">
                        <div class="sc-social-icon ath-social-icon">
                            <img src="./images/telegram-icon-light.svg" alt="">
                            <a href="#">@satoshi_club</a>
                        </div>
                        <div class="sc-social-icon ath-social-icon">
                            <img src="./images/twitter-icon-light.svg" alt="">
                            <a href="#">esatoshiclub</a>
                        </div>
                        <div class="sc-social-icon ath-social-icon">
                            <img src="./images/web-icon-light.svg" alt="">
                            <a href="#">esatoshi.club</a>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </div>

    <script src="./js/app.js?v=1012211607"></script>
    <script src="./js/html2canvas.min.js?v=1012211607"></script>
</body>

</html>