<?php
include("auth.php");
?>
<?php include("header.php");?>

            <!-- HEADER DESKTOP-->

            <div class="main-content">
                <div class="section__content section__content--p30">
                    <div class="container-fluid">

                        <div class="row">
                            <div class="col-md-12">
                                <div class="overview-wrap">
                                    <h2 class="title-1">Dashboard</h2>
                                    <a href="mywallet.php" class="au-btn au-btn-icon au-btn--blue">
                                        <i class="zmdi zmdi-plus"></i>
                                        My Wallet
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="tradingview-widget-container mt-3 mb-4">
                            <div class="tradingview-widget-container__widget"></div>
                            <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js" async>
                                {
                                    "symbols": [
                                        {
                                            "title": "S&P 500",
                                            "proName": "OANDA:SPX500USD"
                                        },
                                        {
                                            "title": "Shanghai Composite",
                                            "proName": "INDEX:XLY0"
                                        },
                                        {
                                            "title": "EUR/USD",
                                            "proName": "FX_IDC:EURUSD"
                                        },
                                        {
                                            "title": "BTC/USD",
                                            "proName": "BITSTAMP:BTCUSD"
                                        },
                                        {
                                            "title": "ETH/USD",
                                            "proName": "BITSTAMP:ETHUSD"
                                        }
                                    ],
                                    "colorTheme": "light",
                                    "isTransparent": false,
                                    "displayMode": "adaptive",
                                    "locale": "en"
                                }
                            </script>
                        </div>
                        
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="au-card recent-report">
                                    <div class="au-card-inner">
                                        <h3 class="title-2 mb-3">Trading Charts</h3>
                                        <div class="chart-info">
                                            <div class="tradingview-widget-container" style="width: 100%">
                                                <div id="tradingview_512f7"></div>
                                                <!-- <div class="tradingview-widget-copyright">
                                                    <a href="https://www.tradingview.com/symbols/NASDAQ-AAPL/" rel="noopener" target="_blank">
                                                    <span class="blue-text">AAPL Chart</span></a> by TradingView
                                                </div> -->
                                                <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
                                                <script type="text/javascript">
                                                    new TradingView.widget(
                                                        {
                                                            "width": "100%",
                                                            "height": 610,
                                                            "symbol": "NASDAQ:AAPL",
                                                            "interval": "D",
                                                            "timezone": "Etc/UTC",
                                                            "theme": "Light",
                                                            "style": "1",
                                                            "locale": "en",
                                                            "toolbar_bg": "#f1f3f6",
                                                            "enable_publishing": false,
                                                            "allow_symbol_change": true,
                                                            "container_id": "tradingview_512f7"
                                                        }
                                                    );
                                                </script>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-12">
                                <div class="au-card recent-report">
                                    <div class="au-card-inner">
                                        <h3 class="title-2 mb-3">Trading Charts</h3>
                                        <div class="chart-info" style="height: 400px">
                                            <iframe src="https://www.widgets.investing.com/live-currency-cross-rates?theme=darkTheme" width="100%" height="100%" frameborder="0" allowtransparency="true" marginwidth="0" marginheight="0"></iframe>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END MAIN CONTENT-->
            <!-- END PAGE CONTAINER-->
        </div>

    </div>

    <!-- Jquery JS-->
    <script src="vendor/jquery-3.2.1.min.js"></script>
    <!-- Bootstrap JS-->
    <script src="vendor/bootstrap-4.1/popper.min.js"></script>
    <script src="vendor/bootstrap-4.1/bootstrap.min.js"></script>
    <!-- Vendor JS       -->
    <script src="vendor/slick/slick.min.js">
    </script>
    <script src="vendor/wow/wow.min.js"></script>
    <script src="vendor/animsition/animsition.min.js"></script>
    <script src="vendor/bootstrap-progressbar/bootstrap-progressbar.min.js">
    </script>
    <script src="vendor/counter-up/jquery.waypoints.min.js"></script>
    <script src="vendor/counter-up/jquery.counterup.min.js">
    </script>
    <script src="vendor/circle-progress/circle-progress.min.js"></script>
    <script src="vendor/perfect-scrollbar/perfect-scrollbar.js"></script>
    <script src="vendor/chartjs/Chart.bundle.min.js"></script>
    <script src="vendor/select2/select2.min.js">
    </script>

    <!-- Main JS-->
    <script src="js/main.js"></script>
    <script src="../js/user.js"></script>
                          
                        <?php include("footer.php");?>
                    </div>
                </div>
            </div>
            <!-- END MAIN CONTENT-->
            <!-- END PAGE CONTAINER-->
        </div>

    </div>

    <!-- Jquery JS-->
    

</body>

</html>
<!-- end document-->
