<?php $page_title = "Dashboard" ?>
<?php include 'user_header.php'; ?>


<div class="overlay-container" id="overlay" style="display: none;">
    <!-- Message Box -->
    <div class="message-box">
        <!-- Close Button -->
        <span class="close-button" onclick="closeOverlay()">✖</span>
        <!-- Message Content -->
        <h2>Fund your account</h2>
        <img height="100%" width="100%" src="./asset_files/deposit.svg">
        <p>
            Transfer Crypto to start trading now. Make use of the various option to trade whichever cryptocurrency you like best.
        </p>
        <!-- Action Button -->
        <a href="deposit.php" class="action-button">Deposit</a>
    </div>
</div>


<!-- Overlay Container -->
<div class="overlay-container" id="upgrade">
    <!-- Message Box -->
    <div class="message-box">
        <!-- Close Button -->
        <span class="close-button" onclick="closeUpgrade()">✖</span>
        <!-- Message Content -->
        <h2>Upgrade fee</h2>
        <img height="100%" width="100%" src="./asset_files/deposit.svg">
        <p>
            You are required to pay an upgrade fee
        </p>
        <!-- Action Button -->
        <a href="deposit.php" class="action-button">upgrade</a>
    </div>
</div>

<!-- Overlay Container -->
<div class="overlay-container" id="withdraw">
    <!-- Message Box -->
    <div class="message-box">
        <!-- Close Button -->
        <span class="close-button" onclick="closeWithdraw()">✖</span>
        <!-- Message Content -->
        <h2>Withdrawal fee</h2>
        <img height="100%" width="100%" src="./asset_files/deposit.svg">
        <p>
            You are required to pay a withdrawal fee
        </p>
        <!-- Action Button -->
        <a href="deposit.php" class="action-button">Pay</a>
    </div>
</div>

<script type="text/javascript" charset="utf-8" async="" src="./asset_files/loader.js.download"></script><script>
// JavaScript functions to show and hide the overlay
function openOverlay() {
    document.getElementById("overlay").style.display = "block";
}

function closeOverlay() {
    document.getElementById("overlay").style.display = "none";
}

// JavaScript functions to show and hide the overlay
function openUpgrade() {
    document.getElementById("upgrade").style.display = "block";
}

function closeUpgrade() {
    document.getElementById("upgrade").style.display = "none";
}

// JavaScript functions to show and hide the overlay
function openWithdraw() {
    document.getElementById("withdraw").style.display = "block";
}

function closeWithdraw() {
    document.getElementById("withdraw").style.display = "none";
}
</script>
<script>openOverlay();</script><div class="container-fluid content-inner pb-0">
    <div class="row">
        <div class="col-lg-12">
            <div class="row align-items-center mb-4">
                <div class="col-xl-9 d-none d-md-block">
                    <div class="card mb-xl-0">
                        <div class="card-body ">
                            <div class="d-flex justify-content-between flex-wrap">
                                <div class="d-flex">

                                    <div class="dropdown mt-2 ms-2">
                                      <span class="mt-2 ">Total Balance</span>
                                      <i class="fa-solid fa-chart-line"></i>
                                    </div>
                                </div>

                                <div class="d-flex align-items-center justify-content-between">
                                    <?php echo $dbalance ?><?php echo $currency ?>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-9 d-none d-md-block">
                    <div class="card mb-xl-0">
                        <div class="card-body ">
                            <div class="d-flex justify-content-between flex-wrap">
                                <div class="d-flex">

                                  <div class="dropdown mt-2 ms-2">
                                    <span class="mt-2 ">Total Deposits</span>
                                    <i class="fa-solid fa-chart-line"></i>
                                  </div>
                                </div>

                                <div class="d-flex align-items-center justify-content-between">
                                    <?php echo $total_deposit ?> <?php echo $currency ?>

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

<div class="col-xl-9 d-none d-md-block">
                    <div class="card mb-xl-0">
                        <div class="card-body ">
                            <div class="d-flex justify-content-between flex-wrap">
                                <div class="d-flex">

                                  <div class="dropdown mt-2 ms-2">
                                    <span class="mt-2 ">Total Profit</span>
                                    <i class="fa-solid fa-chart-line"></i>
                                  </div>
                                </div>

                                <div class="d-flex align-items-center justify-content-between">
                                    <?php echo $dprofit ?> <?php echo $currency ?>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
<div class="col-xl-9 d-none d-md-block">
                    <div class="card mb-xl-0">
                        <div class="card-body ">
                            <div class="d-flex justify-content-between flex-wrap">
                                <div class="d-flex">

                                  <div class="dropdown mt-2 ms-2">
                                    <span class="mt-2 ">Total Bonus</span>
                                    <i class="fa-solid fa-chart-line"></i>
                                  </div>
                                </div>

                                <div class="d-flex align-items-center justify-content-between">
                                    <?php echo $dbonus ?> <?php echo $currency ?>

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


            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-8">
            <div class="row">
                <div class="col-lg-12">
                    <div class="row">
                        <div class="col-lg-4 d-block d-sm-none">
                            <div class="card shining-card">
                                <div class="card-body">

                                    <span class="fs-5 me-2">Total Balance</span>
                                    <i class="fa-solid fa-chart-line"></i>
                                    <div class="pt-3">
                                        <h4 class="counter" style="visibility: visible;">
                                            <?php echo $dbalance ?> <?php echo $currency ?>
                                        </h4>
                                    </div>
                                    <div class="p-3">
                                        <a style="background: transparent; border: 1px solid white;" href="history.php" class="action-button">History</a>
                                        <a href="withdrawal.php" class="action-button">Withdraw</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 d-block d-sm-none">
                            <div class="card shining-card">
                                <div class="card-body">

                                    <span class="fs-5 me-2">Total Deposits</span>
                                    <i class="fa-solid fa-chart-line"></i>
                                    <div class="pt-3">
                                        <h4 class="counter" style="visibility: visible;">
                                            <?php echo $total_deposit ?> <?php echo $currency ?>
                                        </h4>
                                    </div>
                                    <div class="p-3">
                                        <a style="background: transparent; border: 1px solid white;" href="depoHistory.php" class="action-button">History</a>
                                        <a href="deposit.php" class="action-button">Deposit</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 d-block d-sm-none">
                            <div class="card shining-card">
                                <div class="card-body">

                                    <span class="fs-5 me-2">Total Profit</span>
                                    <i class="fa-solid fa-chart-line"></i>
                                    <div class="pt-3">
                                        <h4 class="counter" style="visibility: visible;">
                                            <?php echo $dprofit ?> <?php echo $currency ?>
                                        </h4>
                                    </div>
                                    <div class="p-3">
                                        <a style="background: transparent; border: 1px solid white;" href="main.php#exchange" class="action-button">Exchange</a>
                                        <a href="history.php" class="action-button">History</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 d-block d-sm-none">
                            <div class="card shining-card">
                                <div class="card-body">

                                    <span class="fs-5 me-2">Total Bonus</span>
                                    <i class="fa-solid fa-chart-line"></i>
                                    <div class="pt-3">
                                        <h4 class="counter" style="visibility: visible;">
                                            <?php echo $dbonus ?> <?php echo $currency ?>
                                        </h4>
                                    </div>
                                    <div class="p-3">
                                        <a style="background: transparent; border: 1px solid white;" href="main.php#exchange" class="action-button">Exchange</a>
                                        <a href="history.php" class="action-button">History</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="card card-block card-stretch custom-scroll">
                                <div class="card-header d-flex flex-wrap justify-content-between align-items-center">
                                    <div class="caption">
                                        <h4 class="font-weight-bold mb-2">
                                            Wallets
                                        </h4>

                                    </div>

                                </div>
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table class="table data-table mb-0">
                                            <thead>
                                                <tr>
                                                    <th scope="col">Currency</th>
                                                    <th scope="col">Balance</th>

                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr class="white-space-no-wrap">
                                                    <td>
                                                        <img src="./asset_files/02.png" class="img-fluid avatar avatar-30 avatar-rounded" alt="img23">
                                                        Bitcoin BTC<a class="button btn-primary badge ms-2" type="button">Buy</a>
                                                    </td>
                                                    <td class="pe-2">
                                                        <?php echo $d_btc ?> <?php echo $currency ?>                                                    </td>

                                                </tr>
                                                <tr class="white-space-no-wrap">
                                                    <td>
                                                        <img src="./asset_files/02.png" class="img-fluid avatar avatar-30 avatar-rounded" alt="img23">
                                                        Ethereum ETH<a class="button btn-primary badge ms-2" type="button">Buy</a>
                                                    </td>
                                                    <td class="pe-2">
                                                        <?php echo $d_eth ?> <?php echo $currency ?>                                                    </td>

                                                </tr>
                                                <tr class="white-space-no-wrap">
                                                    <td>
                                                        <img src="./asset_files/02.png" class="img-fluid avatar avatar-30 avatar-rounded" alt="img23">
                                                        Tether <?php echo $currency ?>T<a class="button btn-primary badge ms-2" type="button">Buy</a>
                                                    </td>
                                                    <td class="pe-2">
                                                        <?php echo $d_usdt ?> <?php echo $currency ?>                                                    </td>

                                                </tr>
                                                <tr class="white-space-no-wrap">
                                                    <td>
                                                        <img src="./asset_files/02.png" class="img-fluid avatar avatar-30 avatar-rounded" alt="img23">
                                                        Litecoin LTC<a class="button btn-primary badge ms-2" type="button">Buy</a>
                                                    </td>
                                                    <td class="pe-2">
                                                        <?php echo $d_ltc ?> <?php echo $currency ?>                                                    </td>

                                                </tr>

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>


                    </div>
                </div>
                <div class="col-lg-8">
                    <div class="card">
                        <!-- TradingView Widget BEGIN -->
                        <div class="tradingview-widget-container">
                            <div class="tradingview-widget-container__widget"></div>

                            <script type="text/javascript"
                                src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                async>
                            {
                                "symbol": "FX:EURUSD",
                                "width": 350,
                                "height": 220,
                                "locale": "en",
                                "dateRange": "12M",
                                "colorTheme": "dark",
                                "isTransparent": true,
                                "autosize": false,
                                "largeChartUrl": ""
                            }
                            </script>
                        </div>
                        <!-- TradingView Widget END -->
                    </div>
                </div>
                <div class="col-lg-8">
                    <div class="card">
                        <!-- TradingView Widget BEGIN -->
                        <div class="tradingview-widget-container">
                            <div class="tradingview-widget-container__widget"></div>

                            <script type="text/javascript"
                                src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                async>
                            {
                                "symbol": "BINANCE:BTCUSDT",
                                "width": 350,
                                "height": 220,
                                "locale": "en",
                                "dateRange": "12M",
                                "colorTheme": "dark",
                                "isTransparent": true,
                                "autosize": false,
                                "largeChartUrl": ""
                            }
                            </script>
                        </div>
                        <!-- TradingView Widget END -->
                    </div>
                </div>
                <div class="col-lg-8">
                    <div class="card">
                        <!-- TradingView Widget BEGIN -->
                        <div class="tradingview-widget-container">
                            <div class="tradingview-widget-container__widget"></div>

                            <script type="text/javascript"
                                src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
                                async>
                            {
                                "symbol": "NYSE:LTC",
                                "width": 350,
                                "height": 220,
                                "locale": "en",
                                "dateRange": "12M",
                                "colorTheme": "dark",
                                "isTransparent": true,
                                "autosize": false,
                                "largeChartUrl": ""
                            }
                            </script>
                        </div>
                        <!-- TradingView Widget END -->
                    </div>
                </div>
                <div class="col-lg-12">
                    <div id="exchange" class="card">
                        <div class="card-header d-flex justify-content-between flex-wrap">
                            <div class="header-title">
                                <h4 class="card-title mb-2">Market Overview</h4>

                            </div>
                            <!-- TradingView Widget BEGIN -->
                            <div class="tradingview-widget-container">
                                <div class="tradingview-widget-container__widget"></div>

                                <script type="text/javascript"
                                    src="https://s3.tradingview.com/external-embedding/embed-widget-market-quotes.js"
                                    async>
                                {
                                    "width": "100%",
                                    "height": 450,
                                    "symbolsGroups": [{
                                            "name": "Indices",
                                            "originalName": "Indices",
                                            "symbols": [{
                                                    "name": "FOREXCOM:SPXUSD",
                                                    "displayName": "S&P 500"
                                                },
                                                {
                                                    "name": "FOREXCOM:NSXUSD",
                                                    "displayName": "US 100"
                                                },
                                                {
                                                    "name": "FOREXCOM:DJI",
                                                    "displayName": "Dow 30"
                                                },
                                                {
                                                    "name": "INDEX:NKY",
                                                    "displayName": "Nikkei 225"
                                                },
                                                {
                                                    "name": "INDEX:DEU40",
                                                    "displayName": "DAX Index"
                                                },
                                                {
                                                    "name": "FOREXCOM:UKXGBP",
                                                    "displayName": "UK 100"
                                                }
                                            ]
                                        },
                                        {
                                            "name": "Futures",
                                            "originalName": "Futures",
                                            "symbols": [{
                                                    "name": "CME_MINI:ES1!",
                                                    "displayName": "S&P 500"
                                                },
                                                {
                                                    "name": "CME:6E1!",
                                                    "displayName": "Euro"
                                                },
                                                {
                                                    "name": "COMEX:GC1!",
                                                    "displayName": "Gold"
                                                },
                                                {
                                                    "name": "NYMEX:CL1!",
                                                    "displayName": "Oil"
                                                },
                                                {
                                                    "name": "NYMEX:NG1!",
                                                    "displayName": "Gas"
                                                },
                                                {
                                                    "name": "CBOT:ZC1!",
                                                    "displayName": "Corn"
                                                }
                                            ]
                                        },
                                        {
                                            "name": "Bonds",
                                            "originalName": "Bonds",
                                            "symbols": [{
                                                    "name": "CME:GE1!",
                                                    "displayName": "Eurodollar"
                                                },
                                                {
                                                    "name": "CBOT:ZB1!",
                                                    "displayName": "T-Bond"
                                                },
                                                {
                                                    "name": "CBOT:UB1!",
                                                    "displayName": "Ultra T-Bond"
                                                },
                                                {
                                                    "name": "EUREX:FGBL1!",
                                                    "displayName": "Euro Bund"
                                                },
                                                {
                                                    "name": "EUREX:FBTP1!",
                                                    "displayName": "Euro BTP"
                                                },
                                                {
                                                    "name": "EUREX:FGBM1!",
                                                    "displayName": "Euro BOBL"
                                                }
                                            ]
                                        },
                                        {
                                            "name": "Forex",
                                            "originalName": "Forex",
                                            "symbols": [{
                                                    "name": "FX:EURUSD",
                                                    "displayName": "EUR to USD"
                                                },
                                                {
                                                    "name": "FX:GBPUSD",
                                                    "displayName": "GBP to USD"
                                                },
                                                {
                                                    "name": "FX:USDJPY",
                                                    "displayName": "USD to JPY"
                                                },
                                                {
                                                    "name": "FX:USDCHF",
                                                    "displayName": "USD to CHF"
                                                },
                                                {
                                                    "name": "FX:AUDUSD",
                                                    "displayName": "AUD to USD"
                                                },
                                                {
                                                    "name": "FX:USDCAD",
                                                    "displayName": "USD to CAD"
                                                }
                                            ]
                                        }
                                    ],
                                    "showSymbolLogo": true,
                                    "colorTheme": "dark",
                                    "isTransparent": true,
                                    "locale": "en"
                                }
                                </script>
                            </div>
                            <!-- TradingView Widget END -->
                        </div>
                      </div>
               </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-header">
                            <div class="input-group search-input">
                                <input type="search" class="form-control form-control-lg" placeholder="Search BTS/ETH">
                            </div>
                        </div>
                        <div class="card-body d-flex align-items-center justify-content-center">
                            <img src="./asset_files/14.png" class="img-fluid p-0 w-75" alt="img60">
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </div>
</div>
 <?php include 'user_footer.php'; ?>
