<?php include("includes/header.php"); ?>
<?php include("includes/auto_out.php"); ?>
<!DOCTYPE html>
<html>
<head>
    <title>My Account | <?php echo $sitename; ?></title>
    
       <!----------------------------------------------------------------------->
       <meta charset="utf-8">
       <meta name="viewport" content="width=device-width, initial-scale=1">
       <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
       <script src="bootstrap/js/jquery.min.js"></script>
       <script src="bootstrap/js/bootstrap.min.js"></script>
       <!----------------------------------------------------------------------->
       <link rel="icon" href="images/fav-icon.ico" type="image/x-icon" />
       <link rel="shortcut icon" href="images/fav-icon.ico" type="image/x-icon" />
       <!----------------------------------------------------------------------->
       <!-------------------Constumized CSS--------------------------->
       <link rel="stylesheet" type="text/css" href="css/style.cs">

       <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
       <style>
        body{
          background-color: #f5f5f5;
        }
        .icons-links{
          text-decoration: none;
          color: #555;
          font-size: 16px;
          font-weight: bolder;
        }
        .icons-links:hover{
          color:#0c2074;
          text-decoration: none;
        }
       </style>
       
</head>
<body>
    <?php  include("includes/dashboard_nav.php"); ?>
    <br>
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-2">
                <?php include("includes/sidebar.php"); ?>
                <?php include("includes/side.php"); ?>

            </div>
            <div class="col-sm-10">
                 <div class="row">

                   <!------------------LEFT ROW ---------------------------->
                   <div class="col-sm-8">
                       
                       <!------------------------------------------------------>
                       <div class="row">
                         <div class="col-sm-12">
                            <div class="panel panel-default">
                             <div class="panel-body">
                               <h4 style=""><img src="images/727399.png" width="30px"> &nbsp;USER PROFILE</h4>
                               <hr>

                               <div class="row">
                                 <div class="col-sm-4" align="center">
                                   <img src="<?php echo $user_photo; ?>" class="img-responsive img-circle" style="width:170px; height:170px; border-radius:100%;">
                                 </div>
                                 <div class="col-sm-8">
                                   <h3 style="font-weight: bold;"><?php echo ucfirst($firstname)."&nbsp;".ucfirst($middlename)."&nbsp;".ucfirst($lastname) ?></h3>
                                   <div style="margin-top: -8px;"><p style="font-size: 16px;"><?php echo $email; ?><img type="image" src="images/7595571.png" width="28" style="margin-top:-2px;"></p></div>
                                   <div style="margin-top: -8px;"><p style="font-size: 16px;"><img src="images/126509.png" width="18"> &nbsp;<?php echo $phone; ?></p></div>
                                   <br>
                                   <a href="upload-images.php" class="btn btn-primary"><i class="glyphicon glyphicon-edit"></i> &nbsp;Edit</a>
                                 </div>
                               </div>

                               <br>
                               
                             </div>
                           </div>
                         </div>
                       </div>
                       <!------------------------------------------------------>
                       <div class="row">
                         <div class="col-sm-12">
                            <div class="panel panel-default">
                             <div class="panel-body">
                               <h4 style=""><img src="images/1647697.png" width="30px"> &nbsp;RESIDENT DETAILS</h4>
                               <hr>

                               <div class="row">

                                <div class="col-sm-8">
                                  <h3 style="font-weight: bold;"><?php echo $country; ?></h3>
                                  <div style="margin-top: -8px;"><p style="font-size: 16px;"><?php echo $city; ?>, <?php echo $state; ?> <img type="image" src="images/2603724.png" width="28" style="margin-top:-2px;"></p></div>
                                  <div style="margin-top: 0px;"><p style="font-size: 15px;"><img src="images/927667.png" width="17"> &nbsp;<?php echo $address1; ?>, <?php echo $zipcode; ?> </p></div>
                                  <br>
                                  <a href="support.php?issueType=Update Account Information" class="btn btn-primary"><i class="glyphicon glyphicon-edit"></i> &nbsp;Edit</a>
                                </div>

                                 <div class="col-sm-4" align="center">
                                   <img src="images/2801677.png" class="img-responsive img-circle" style="width:170px; height:170px; border-radius:100%;">
                                 </div>
                                 
                               </div>

                               <br>
                               
                             </div>
                           </div>
                         </div>
                       </div>
                       <!------------------------------------------------------>
                       <div class="row">
                         <div class="col-sm-12">
                            <div class="panel panel-default">
                             <div class="panel-body">
                               <h4 style=""><img src="images/3527271.png" width="25px"> &nbsp;ACCOUNT DETAILS</h4>
                               <hr>

                               <div class="row">

                                <div class="col-sm-3" align="center">
                                 <img src="images/957988.png" class="img-responsive" style="margin-top: 15px;" width="50">
                                  <br>
                                  <span style="font-size:12px; font-weight: bold;"><?php echo $account_number; ?></span><br>
                                  <span style="font-size:14px;">ACCOUNT NUMBER</span><br><br>
                                  
                                   <div class="hidden-md hidden-lg"><hr></div>
                                </div>


                                <div class="col-sm-3" align="center">
                                  <img src="images/7518616.png" class="img-responsive" style="margin-top: 15px;" width="50">
                                  <br>
                                  <span style="font-size:12px; font-weight: bold;"><?php echo $account_type; ?></span><br>
                                  <span style="font-size:14px;">ACCOUNT TYPE</span><br><br>
                                   
                                   <div class="hidden-md hidden-lg"><hr></div>
                                 </div>

                                 <div class="col-sm-3" align="center">
                                   <img src="images/4663983.png" class="img-responsive" style="margin-top: 15px;" width="50">
                                  <br>
                                  <span style="font-size:12px; font-weight: bold;"><?php echo $account_id; ?></span><br>
                                  <span style="font-size:14px;">ACCOUNT ID</span><br><br>
                                   
                                   <div class="hidden-md hidden-lg"><hr></div>
                                 </div>

                                 <div class="col-sm-3" align="center">
                                   <img src="images/2953383.png" class="img-responsive" style="margin-top: 15px;" width="50">
                                  <br>
                                  <span style="font-size:12px; font-weight: bold;"><?php echo $b_currency; ?><?php echo $amount; ?></span><br>
                                  <span style="font-size:14px;">ACCOUNT BALANCE</span><br><br>
                                   
                                   <div class="hidden-md hidden-lg"><hr></div>
                                 </div>
                                 
                               </div>

                               <br>
                               
                             </div>
                           </div>
                         </div>
                       </div>
                    
                       
                       <!------------------------------------------------------>
                      
                   </div>
                   <!-----------------/LEFT ROW ---------------------------->

                   <!------------------------------------------------------->

                   <!------------------RIGHT ROW --------------------------->
                   <div class="col-sm-4">

                    <!--<div class="row">
                      <div class="col-sm-12">
                         <div class="panel panel-default">
                          <div class="panel-body">
                            <!-- 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-technical-analysis.js" async>
                              {
                              "interval": "1m",
                              "width": "100%",
                              "isTransparent": true,
                              "height": "400",
                              "symbol": "SP:SPX",
                              "showIntervalTabs": true,
                              "locale": "en",
                              "colorTheme": "light"
                            }
                              </script>
                            </div>
                            <!-- TradingView Widget END -
                          </div>
                        </div>
                      </div>
                    </div>-->

                    <div class="row">
                      <div class="col-sm-12">
                         <div class="panel panel-default">
                          <div class="panel-body">
                            <h4 style="">STOCK MARKET</h4>
                            <hr>

                            <!-- 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-overview.js" async>
                              {
                              "colorTheme": "light",
                              "dateRange": "12M",
                              "showChart": true,
                              "locale": "en",
                              "width": "100%",
                              "height": "100%",
                              "largeChartUrl": "",
                              "isTransparent": true,
                              "showSymbolLogo": true,
                              "showFloatingTooltip": false,
                              "plotLineColorGrowing": "rgba(41, 98, 255, 1)",
                              "plotLineColorFalling": "rgba(41, 98, 255, 1)",
                              "gridLineColor": "rgba(240, 243, 250, 0)",
                              "scaleFontColor": "rgba(120, 123, 134, 1)",
                              "belowLineFillColorGrowing": "rgba(41, 98, 255, 0.12)",
                              "belowLineFillColorFalling": "rgba(41, 98, 255, 0.12)",
                              "belowLineFillColorGrowingBottom": "rgba(41, 98, 255, 0)",
                              "belowLineFillColorFallingBottom": "rgba(41, 98, 255, 0)",
                              "symbolActiveColor": "rgba(41, 98, 255, 0.12)",
                              "tabs": [
                                {
                                  "title": "Indices",
                                  "symbols": [
                                    {
                                      "s": "FOREXCOM:SPXUSD",
                                      "d": "S&P 500"
                                    },
                                    {
                                      "s": "FOREXCOM:NSXUSD",
                                      "d": "US 100"
                                    },
                                    {
                                      "s": "FOREXCOM:DJI",
                                      "d": "Dow 30"
                                    },
                                    {
                                      "s": "INDEX:NKY",
                                      "d": "Nikkei 225"
                                    },
                                    {
                                      "s": "INDEX:DEU40",
                                      "d": "DAX Index"
                                    },
                                    {
                                      "s": "FOREXCOM:UKXGBP",
                                      "d": "UK 100"
                                    }
                                  ],
                                  "originalTitle": "Indices"
                                },
                                {
                                  "title": "Futures",
                                  "symbols": [
                                    {
                                      "s": "CME_MINI:ES1!",
                                      "d": "S&P 500"
                                    },
                                    {
                                      "s": "CME:6E1!",
                                      "d": "Euro"
                                    },
                                    {
                                      "s": "COMEX:GC1!",
                                      "d": "Gold"
                                    },
                                    {
                                      "s": "NYMEX:CL1!",
                                      "d": "Crude Oil"
                                    },
                                    {
                                      "s": "NYMEX:NG1!",
                                      "d": "Natural Gas"
                                    },
                                    {
                                      "s": "CBOT:ZC1!",
                                      "d": "Corn"
                                    }
                                  ],
                                  "originalTitle": "Futures"
                                },
                                {
                                  "title": "Bonds",
                                  "symbols": [
                                    {
                                      "s": "CME:GE1!",
                                      "d": "Eurodollar"
                                    },
                                    {
                                      "s": "CBOT:ZB1!",
                                      "d": "T-Bond"
                                    },
                                    {
                                      "s": "CBOT:UB1!",
                                      "d": "Ultra T-Bond"
                                    },
                                    {
                                      "s": "EUREX:FGBL1!",
                                      "d": "Euro Bund"
                                    },
                                    {
                                      "s": "EUREX:FBTP1!",
                                      "d": "Euro BTP"
                                    },
                                    {
                                      "s": "EUREX:FGBM1!",
                                      "d": "Euro BOBL"
                                    }
                                  ],
                                  "originalTitle": "Bonds"
                                },
                                {
                                  "title": "Forex",
                                  "symbols": [
                                    {
                                      "s": "FX:EURUSD",
                                      "d": "EUR/USD"
                                    },
                                    {
                                      "s": "FX:GBPUSD",
                                      "d": "GBP/USD"
                                    },
                                    {
                                      "s": "FX:USDJPY",
                                      "d": "USD/JPY"
                                    },
                                    {
                                      "s": "FX:USDCHF",
                                      "d": "USD/CHF"
                                    },
                                    {
                                      "s": "FX:AUDUSD",
                                      "d": "AUD/USD"
                                    },
                                    {
                                      "s": "FX:USDCAD",
                                      "d": "USD/CAD"
                                    }
                                  ],
                                  "originalTitle": "Forex"
                                }
                              ]
                            }
                              </script>
                            </div>
                            <!-- TradingView Widget END -->
                            
                          </div>
                        </div>
                      </div>
                    </div>


                    <!--------------------------------->

                 
                          
                    
                   </div>
                   <!-----------------/RIGHT ROW --------------------------->
               </div>
            </div>
        </div>
    </div>
</body>
</html>