<?php
require('../php/connectdb.php');
?>

<?php 


	$emailorphone= $_SESSION['emailorphone'];
  
	$query="SELECT * FROM `crytobaseusers` WHERE emailaddress='$emailorphone'";
	$selectquery= mysqli_query($conn, $query);
	$row=mysqli_fetch_array($selectquery);
	
?>		




















<html lang="en">

<head>
  <style data-styles="">
    ion-icon {
      visibility: hidden
    }

    .hydrated {
      visibility: inherit
    }
  </style>

  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="Description" content="Xstarverse">
  <meta name="Author" content="Xstarverse">
  <meta name="Keywords" content="Fx Trading, Bitcoin Trading, Investment ">
  <!-- Title -->
  <title>Xstarverse - Trading Platform </title>
  <link href="assets/plugins/datatable/css/dataTables.bootstrap4.min.css" rel="stylesheet">
  <link href="assets/plugins/datatable/css/buttons.bootstrap4.min.css" rel="stylesheet">
  <link href="assets/plugins/datatable/css/responsive.bootstrap4.min.css" rel="stylesheet">
  <link href="assets/plugins/datatable/css/jquery.dataTables.min.css" rel="stylesheet">
  <link href="assets/plugins/datatable/css/responsive.dataTables.min.css" rel="stylesheet">
  <link href="assets/plugins/select2/css/select2.min.css" rel="stylesheet">

  <!-- Smartsupp Live Chat script -->
  <!-- Smartsupp Live Chat script -->
  <script type="text/javascript">
    var _smartsupp = _smartsupp || {};
    _smartsupp.key = 'd12811d0aea93d3336d202b68db366713787ef84';
    window.smartsupp || (function (d) {
      var s, c, o = smartsupp = function () { o._.push(arguments) }; o._ = [];
      s = d.getElementsByTagName('script')[0]; c = d.createElement('script');
      c.type = 'text/javascript'; c.charset = 'utf-8'; c.async = true;
      c.src = 'https://www.smartsuppchat.com/loader.js?'; s.parentNode.insertBefore(c, s);
    })(document);
  </script>
  <noscript> Powered by <a href=“https://www.smartsupp.com” target=“_blank”>Smartsupp</a></noscript>
  <!-- Favicon -->
  <link rel="icon" href="assets/img/brand/favicon.png" type="image/x-icon">

  <!-- Smartsupp Live Chat script -->

  <link href="assets/icon/themify-icons.css" rel="stylesheet">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/js/all.min.js" integrity="sha512-6PM0qYu5KExuNcKt5bJX3IfzDVVVHmyx0FosVkXhXw8jX1k9asPnWpwozhYJ/Ncnre9eW3csw3ftIoiu/cS5yK" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <!--load all styles -->

  <!-- Icons css -->
  <link href="assets/css/icons.css" rel="stylesheet">

  <!-- Internal Chart-Morris css-->
  <link href="assets/plugins/morris.js/morris.css" rel="stylesheet">

  <!--  Left-Sidebar css -->
  <link href="assets/css/sidemenu.css" rel="stylesheet">

  <!--  Right-sidemenu css -->
  <link href="assets/plugins/sidebar/sidebar.css" rel="stylesheet">

  <!-- Internal Nice-select css  -->
  <link href="assets/plugins/jquery-nice-select/css/nice-select.css" rel="stylesheet">

  <!-- Internal News-Ticker css-->
  <link href="assets/plugins/flag-icon-css/css/flag-icon.min.css" rel="stylesheet">

  <!-- Jquery-countdown css-->
  <link href="assets/plugins/jquery-countdown/countdown.css" rel="stylesheet">

  <!-- Internal News-Ticker css-->
  <link href="assets/plugins/newsticker/jquery.jConveyorTicker.css" rel="stylesheet">

  <!-- style css-->
  <link href="assets/css/style.css" rel="stylesheet">

  <!-- skin css-->
  <link href="assets/css/skin-modes.css" rel="stylesheet">

  <!-- dark-theme css-->
  <link href="assets/css/style-dark.css" rel="stylesheet">

  <!--- Animations css-->
  <link href="assets/css/animate.css" rel="stylesheet">


  <script src="https://luxurypips.com/secure/assets/plugins/ionicons/ionicons/ionicons.suuqn5vt.js" type="module"
    crossorigin="true" data-resources-url="https://luxurypips.com/secure/assets/plugins/ionicons/ionicons/"
    data-namespace="ionicons"></script>
  <style type="text/css">
    /* Chart.js */
    @-webkit-keyframes chartjs-render-animation {
      from {
        opacity: 0.99
      }

      to {
        opacity: 1
      }
    }

    @keyframes chartjs-render-animation {
      from {
        opacity: 0.99
      }

      to {
        opacity: 1
      }
    }

    .chartjs-render-monitor {
      -webkit-animation: chartjs-render-animation 0.001s;
      animation: chartjs-render-animation 0.001s;
    }
  </style>
  <style type="text/css"
    id="s./node_modules/css-loader/index.js!./node_modules/sass-loader/lib/loader.js!./package/src/animation.scss-0">
    /**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
    .eva-animation {
      animation-duration: 1s;
      animation-fill-mode: both;
    }

    .eva-infinite {
      animation-iteration-count: infinite;
    }

    .eva-icon-shake {
      animation-name: eva-shake;
    }

    .eva-icon-zoom {
      animation-name: eva-zoomIn;
    }

    .eva-icon-pulse {
      animation-name: eva-pulse;
    }

    .eva-icon-flip {
      animation-name: eva-flipInY;
    }

    .eva-hover {
      display: inline-block;
    }

    .eva-hover:hover .eva-icon-hover-shake,
    .eva-parent-hover:hover .eva-icon-hover-shake {
      animation-name: eva-shake;
    }

    .eva-hover:hover .eva-icon-hover-zoom,
    .eva-parent-hover:hover .eva-icon-hover-zoom {
      animation-name: eva-zoomIn;
    }

    .eva-hover:hover .eva-icon-hover-pulse,
    .eva-parent-hover:hover .eva-icon-hover-pulse {
      animation-name: eva-pulse;
    }

    .eva-hover:hover .eva-icon-hover-flip,
    .eva-parent-hover:hover .eva-icon-hover-flip {
      animation-name: eva-flipInY;
    }

    @keyframes eva-flipInY {
      from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
      }

      40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in;
      }

      60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
      }

      80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
      }

      to {
        transform: perspective(400px);
      }
    }

    @keyframes eva-shake {

      from,
      to {
        transform: translate3d(0, 0, 0);
      }

      10%,
      30%,
      50%,
      70%,
      90% {
        transform: translate3d(-3px, 0, 0);
      }

      20%,
      40%,
      60%,
      80% {
        transform: translate3d(3px, 0, 0);
      }
    }

    @keyframes eva-pulse {
      from {
        transform: scale3d(1, 1, 1);
      }

      50% {
        transform: scale3d(1.2, 1.2, 1.2);
      }

      to {
        transform: scale3d(1, 1, 1);
      }
    }

    @keyframes eva-zoomIn {
      from {
        opacity: 1;
        transform: scale3d(0.5, 0.5, 0.5);
      }

      50% {
        opacity: 1;
      }
    }
  </style>
  <style type="text/css">
    .jqstooltip {
      position: absolute;
      left: 0px;
      top: 0px;
      visibility: hidden;
      background: rgb(0, 0, 0) transparent;
      background-color: rgba(0, 0, 0, 0.6);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
      color: white;
      font: 10px arial, san serif;
      text-align: left;
      white-space: nowrap;
      padding: 5px;
      border: 1px solid white;
      box-sizing: content-box;
      z-index: 10000;
    }

    .jqsfield {
      color: white;
      font: 10px arial, san serif;
      text-align: left;
    }
  </style>
  <style type="text/css">
    @keyframes tawkMaxOpen {
      0% {
        opacity: 0;
        transform: translate(0, 30px);
        ;
      }

      to {
        opacity: 1;
        transform: translate(0, 0px);
      }
    }

    @-moz-keyframes tawkMaxOpen {
      0% {
        opacity: 0;
        transform: translate(0, 30px);
        ;
      }

      to {
        opacity: 1;
        transform: translate(0, 0px);
      }
    }

    @-webkit-keyframes tawkMaxOpen {
      0% {
        opacity: 0;
        transform: translate(0, 30px);
        ;
      }

      to {
        opacity: 1;
        transform: translate(0, 0px);
      }
    }

    #jiCXNzJ-1600607701865 {
      outline: none !important;
      visibility: visible !important;
      resize: none !important;
      box-shadow: none !important;
      overflow: visible !important;
      background: none !important;
      opacity: 1 !important;
      filter: alpha(opacity=100) !important;
      -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity1) !important;
      -moz-opacity: 1 !important;
      -khtml-opacity: 1 !important;
      top: auto !important;
      right: 10px !important;
      bottom: 90px !important;
      left: auto !important;
      position: fixed !important;
      border: 0 !important;
      min-height: 0 !important;
      min-width: 0 !important;
      max-height: none !important;
      max-width: none !important;
      padding: 0 !important;
      margin: 0 !important;
      -moz-transition-property: none !important;
      -webkit-transition-property: none !important;
      -o-transition-property: none !important;
      transition-property: none !important;
      transform: none !important;
      -webkit-transform: none !important;
      -ms-transform: none !important;
      width: auto !important;
      height: auto !important;
      display: none !important;
      z-index: 2000000000 !important;
      background-color: transparent !important;
      cursor: auto !important;
      float: none !important;
      border-radius: unset !important;
      pointer-events: auto !important
    }

    #QsGvCzY-1600607701867.open {
      animation: tawkMaxOpen .25s ease !important;
    }
  </style>
</head>


<body class="main-body app sidebar-mini dark-theme sidebar-gone" onload="startTime()">

  <!-- Loader -->
  <div id="global-loader" class="dark-loader">
    <img src="assets/img/loaders/loader.svg" class="loader-img" alt="Loader">
  </div>
  <!-- /Loader -->

  <!-- main-sidebar opened -->
  <div class="app-sidebar__overlay" data-toggle="sidebar"></div>
  <aside class="app-sidebar sidebar-scroll ps">
    <div class="main-sidebar-header">
      <div>
        <select class="custom-select" id="language" onchange="changeLanguageByButtonClick()">
          <option value="af">Afrikanns</option>
          <option value="sq">Albanian</option>
          <option value="ar">Arabic</option>
          <option value="hy">Armenian</option>
          <option value="eu">Basque</option>
          <option value="bn">Bengali</option>
          <option value="bg">Bulgarian</option>
          <option value="ca">Catalan</option>
          <option value="km">Cambodian</option>
          <option value="zh-CN">Chinese (Mandarin)</option>
          <option value="hr">Croation</option>
          <option value="cs">Czech</option>
          <option value="da">Danish</option>
          <option value="nl">Dutch</option>
          <option value="en" selected>English</option>
          <option value="et">Estonian</option>
          <option value="fj">Fiji</option>
          <option value="fi">Finnish</option>
          <option value="fr">French</option>
          <option value="ka">Georgian</option>
          <option value="de">German</option>
          <option value="el">Greek</option>
          <option value="gu">Gujarati</option>
          <option value="he">Hebrew</option>
          <option value="hi">Hindi</option>
          <option value="hu">Hungarian</option>
          <option value="is">Icelandic</option>
          <option value="id">Indonesian</option>
          <option value="ga">Irish</option>
          <option value="it">Italian</option>
          <option value="ja">Japanese</option>
          <option value="jw">Javanese</option>
          <option value="ko">Korean</option>
          <option value="la">Latin</option>
          <option value="lv">Latvian</option>
          <option value="lt">Lithuanian</option>
          <option value="mk">Macedonian</option>
          <option value="ms">Malay</option>
          <option value="ml">Malayalam</option>
          <option value="mt">Maltese</option>
          <option value="mi">Maori</option>
          <option value="mr">Marathi</option>
          <option value="mn">Mongolian</option>
          <option value="ne">Nepali</option>
          <option value="no">Norwegian</option>
          <option value="fa">Persian</option>
          <option value="pl">Polish</option>
          <option value="pt">Portuguese</option>
          <option value="pa">Punjabi</option>
          <option value="qu">Quechua</option>
          <option value="ro">Romanian</option>
          <option value="ru">Russian</option>
          <option value="sm">Samoan</option>
          <option value="sr">Serbian</option>
          <option value="sk">Slovak</option>
          <option value="sl">Slovenian</option>
          <option value="es">Spanish</option>
          <option value="sw">Swahili</option>
          <option value="sv">Swedish </option>
          <option value="ta">Tamil</option>
          <option value="tt">Tatar</option>
          <option value="te">Telugu</option>
          <option value="th">Thai</option>
          <option value="bo">Tibetan</option>
          <option value="to">Tonga</option>
          <option value="tr">Turkish</option>
          <option value="uk">Ukranian</option>
          <option value="ur">Urdu</option>
          <option value="uz">Uzbek</option>
          <option value="vi">Vietnamese</option>
          <option value="cy">Welsh</option>
          <option value="xh">Xhosa</option>
        </select>


        <div id="google_translate_element" style="display:none"></div>
        <script type="text/javascript">

          function googleTranslateElementInit() {
            new google.translate.TranslateElement({ pageLanguage: "en" }, 'google_translate_element');
          }

          function changeLanguageByButtonClick() {
            var language = document.getElementById("language").value;
            var selectField = document.querySelector("#google_translate_element select");
            for (var i = 0; i < selectField.children.length; i++) {
              var option = selectField.children[i];
              // find desired langauge and change the former language of the hidden selection-field
              if (option.value == language) {
                selectField.selectedIndex = i;
                // trigger change event afterwards to make google-lib translate this side
                selectField.dispatchEvent(new Event('change'));
                break;
              }
            }
          }
        </script>

        <script type="text/javascript"
          src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
      </div>
    </div>
    <div class="main-sidebar-body circle-animation ">

      <ul class="side-menu circle">

        <li>
          <h3 class="">
            <center>

              <script>
                function startTime() {
                  var today = new Date();
                  var h = today.getHours();
                  var m = today.getMinutes();
                  var s = today.getSeconds();
                  m = checkTime(m);
                  s = checkTime(s);
                  document.getElementById('txt').innerHTML =
                    h + ":" + m + ":" + s + " GMT +2";
                  var t = setTimeout(startTime, 500);
                }
                function checkTime(i) {
                  if (i < 10) { i = "0" + i };  // add zero in front of numbers < 10
                  return i;
                }
              </script>




              <div id="txt">14:18:09 GMT +2</div>
              Joined -<span style="text-transform: capitalize;">4 hours ago</span><br>
            </center>
          </h3>

        </li>
        <li class="slide">
          <a class="side-menu__item" href="index.php"><span
              class="side-menu__label">Dashboard</span></a>
        </li>
        
        <li class="slide">
          <a class="side-menu__item" href="withdraw.php"><span class="side-menu__label">Withdrawal</span></a>
        </li>
        <li class="slide">
					<a class="side-menu__item" href="copy_trader.php"><span class="side-menu__label">Copy Trading</span></a>
				</li>
				<li class="slide">
					<a class="side-menu__item" href="platform.php"><span class="side-menu__label">Trading</span></a>
				</li>
				<li class="slide">
					<a class="side-menu__item" href="plans.php"><span class="side-menu__label">Pricing</span></a>
				</li>
        <li class="slide">
          <a class="side-menu__item" href="deposit.php"><span class="side-menu__label">Deposit</span></a>
        </li>
        <li class="slide">
          <a class="side-menu__item" href="transactions.php"><span class="side-menu__label">Transactions</span></a>
        </li>


        <li class="slide">
          <a class="side-menu__item" href="profile.php">
            <span class="side-menu__label">Account Settings</span></a>
        </li>

        <li class="slide">
          <a class="side-menu__item" href="../logout.php">
            <i class="side-menu__icon fa fa-power-off"></i>
            <span class="side-menu__label">Sign Out</span></a>
        </li>
      </ul>
    </div>
    <div class="ps__rail-x" style="left: 0px; top: 0px;">
      <div class="ps__thumb-x" tabindex="0" style="left: 0px; width: 0px;"></div>
    </div>
    <div class="ps__rail-y" style="top: 0px; right: 0px;">
      <div class="ps__thumb-y" tabindex="0" style="top: 0px; height: 0px;"></div>
    </div>
  </aside> <!-- main-sidebar -->

  <!-- main-content -->
  <div class="main-content app-content">

    <!-- Page main-header -->
    <div class="main-header sticky side-header nav nav-item sticky-pin fixed-header visible-title">
      <div class="container-fluid">
        <div class="main-header-left ">
          <div class="app-sidebar__toggle mobile-toggle" data-toggle="sidebar">
            <a class="open-toggle" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                viewBox="0 0 24 24" class="eva eva-menu-outline header-icons">
                <g data-name="Layer 2">
                  <g data-name="menu">
                    <rect width="24" height="24" transform="rotate(180 12 12)" opacity="0"></rect>
                    <rect x="3" y="11" width="18" height="2" rx=".95" ry=".95"></rect>
                    <rect x="3" y="16" width="18" height="2" rx=".95" ry=".95"></rect>
                    <rect x="3" y="6" width="18" height="2" rx=".95" ry=".95"></rect>
                  </g>
                </g>
              </svg></a>
            <a class="close-toggle" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                viewBox="0 0 24 24" class="eva eva-close-outline header-icons">
                <g data-name="Layer 2">
                  <g data-name="close">
                    <rect width="24" height="24" transform="rotate(180 12 12)" opacity="0"></rect>
                    <path
                      d="M13.41 12l4.3-4.29a1 1 0 1 0-1.42-1.42L12 10.59l-4.29-4.3a1 1 0 0 0-1.42 1.42l4.3 4.29-4.3 4.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l4.29-4.3 4.29 4.3a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42z">
                    </path>
                  </g>
                </g>
              </svg></a>
          </div>

        </div>
        <div class="main-header-center">
          <div class="responsive-logo">

          </div>
        </div>

      </div>
    </div>

    <!-- /main-header -->

    <!-- Page mobile-header -->

    <!-- container -->
    <div class="container-fluid">





      <!-- row  -->
      <div class="row">
        <div class="col-xl-12 col-md-12 col-lg-12">
          <div class=" ">
            <div class="js-conveyor-example jctkr-wrapper jctkr-initialized">
              <!-- 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-ticker-tape.js" async>
                    {
                      "symbols": [
                        {
                          "proName": "FOREXCOM:SPXUSD",
                          "title": "S&P 500"
                        },
                        {
                          "proName": "FOREXCOM:NSXUSD",
                          "title": "Nasdaq 100"
                        },
                        {
                          "proName": "FX_IDC:EURUSD",
                          "title": "EUR/USD"
                        },
                        {
                          "proName": "BITSTAMP:BTCUSD",
                          "title": "BTC/USD"
                        },
                        {
                          "proName": "BITSTAMP:ETHUSD",
                          "title": "ETH/USD"
                        }
                      ],
                        "colorTheme": "light",
                          "isTransparent": true,
                            "displayMode": "compact",
                              "locale": "en"
                    }
                  </script>
              </div>
              <!-- TradingView Widget END -->
            </div>
          </div>
        </div>
      </div> <!-- Page Stats -->
      <div class="container">
        <div class="container-fluid">
          <div class="row">
            <div class="col-sm-12 col-md-8 col-lg-8">
              <div class="tradingview-widget-container">
                <div id="tradingview_eeb1c" style="min-height:600px !important; height:600px; width:100%"></div>

                <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
                <script type="text/javascript">
                  new TradingView.widget(
                    {
                      "autosize": true,
                      "symbol": "OANDA:EURUSD",
                      "interval": "1",
                      "timezone": "Etc/UTC",
                      "theme": "light",
                      "isTransparent": true,
                      "style": "1",
                      "locale": "en",
                      "toolbar_bg": "#f1f3f6",
                      "enable_publishing": false,
                      "withdateranges": true,
                      "hide_side_toolbar": false,
                      "allow_symbol_change": true,
                      "studies": [
                        "BB@tv-basicstudies",
                        "MASimple@tv-basicstudies",
                        "RSI@tv-basicstudies"
                      ],
                      "container_id": "tradingview_eeb1c"
                    }
                  );
                </script>
              </div>
            </div>
            <div class="col-sm-12 col-md-2 col-lg-2">
              <div class="container">
                <style>
                  .form {
                    background-color: #ffffff;
                    border-radius: 20px;
                    box-sizing: border-box;

                    padding: 20px;
                    width: 320px;
                  }

                  .title {
                    color: #000000;
                    font-family: sans-serif;
                    font-size: 36px;
                    font-weight: 600;
                    margin-top: 30px;
                  }

                  .subtitle {
                    color: #000000;
                    font-family: sans-serif;
                    font-size: 16px;
                    font-weight: 600;
                    margin-top: 10px;
                  }

                  .input-container {
                    height: 50px;
                    position: relative;
                    width: 100%;
                  }

                  .ic1 {
                    margin-top: 40px;
                  }

                  .ic2 {
                    margin-top: 30px;
                  }

                  .input {
                    background-color: #efefef;
                    border-radius: 12px;
                    border: 0;
                    box-sizing: border-box;
                    color: #000000;
                    font-size: 18px;
                    height: 100%;
                    outline: 0;
                    padding: 4px 20px 0;
                    width: 100%;
                  }

                  .cut {
                    background-color: #ffffff;
                    border-radius: 10px;
                    height: 20px;
                    left: 20px;
                    position: absolute;
                    top: -20px;
                    transform: translateY(0);
                    transition: transform 200ms;
                    width: 100px;
                  }

                  .cut-short {
                    width: 50px;
                  }

                  .input:focus~.cut,
                  .input:not(:placeholder-shown)~.cut {
                    transform: translateY(8px);
                  }

                  .placeholder {
                    color: #65657b;
                    font-family: sans-serif;
                    left: 20px;
                    line-height: 14px;
                    pointer-events: none;
                    position: absolute;
                    transform-origin: 0 50%;
                    transition: transform 200ms, color 200ms;
                    top: 20px;
                  }

                  .input:focus~.placeholder,
                  .input:not(:placeholder-shown)~.placeholder {
                    transform: translateY(-30px) translateX(10px) scale(0.75);
                  }

                  .input:not(:placeholder-shown)~.placeholder {
                    color: #808097;
                  }

                  .input:focus~.placeholder {
                    color: #dc2f55;
                  }

                  .submit {
                    background-color: rgb(0, 255, 0);
                    border-radius: 12px;
                    border: 0;
                    box-sizing: border-box;
                    color: #eee;
                    cursor: pointer;
                    font-size: 18px;
                    height: 50px;
                    margin-top: 38px;
                    // outline: 0;
                    text-align: center;
                    width: 100%;
                  }

                  .submit2 {
                    background-color: rgb(255, 0, 0);
                    border-radius: 12px;
                    border: 0;
                    box-sizing: border-box;
                    color: #eee;
                    cursor: pointer;
                    font-size: 18px;
                    height: 50px;
                    margin-top: 38px;
                    // outline: 0;
                    text-align: center;
                    width: 100%;
                  }

                  .submit:active {
                    background-color: #06b;
                  }
                </style>
                <form class="login-form" action="platform.php" method="POST">

                  <div class="form">

                    <div class="subtitle">Order</div>
                    <div class="input-container ic1">
                      <input name="tpair" class="input" type="text" placeholder=" "  required=""/>
                      <div class="cut"></div>
                      <label for="tpair" class="placeholder">Trading pairs</label>
                    </div>
                    <div class="input-container ic2">
                      <input name="tprice" class="input" type="text" placeholder=" " required="" />
                      <div class="cut"></div>
                      <label for="tprice" class="placeholder">Trading price</label>
                    </div>
                    <div class="input-container ic2">
                      <input name="volume" class="input" type="text" placeholder=" " required="" />
                      <div class="cut"></div>
                      <label for="volume" class="placeholder">Volume</label>
                    </div>
                    <div class="input-container ic2">
                      <input name="tloss" class="input" type="text" placeholder=" " required=""/>
                      <div class="cut"></div>
                      <label for="tloss" class="placeholder">Stop loss</label>
                    </div>
                    <div class="input-container ic2">
                      <input name="tprofit" class="input" type="text" placeholder=" " required="" />
                      <div class="cut"></div>
                      <label for="tprofit" class="placeholder">Take profit.</label>
                    </div>
                    
                      <input type="hidden" name="status" class="input"  placeholder=" " value="<?php echo ($row['kfc']);?>" />
                     
                      <input type="hidden" name="email" class="input"  placeholder=" " value="<?php echo ($row['emailaddress']);?>" />
                      
                      
                    
                    <div class="container-fluid">
                      <div class="row">
                        <div class="col-sm-6 col-md-6 col-lg-6">
                          <button type="submit" name="buy" class="submit" value="buy">Buy</button>
                        </div>
                        <div class="col-sm-6 col-md-6 col-lg-6">
                          <button type="submit" name="sell" class="submit2" value="sell">Sell</button>
                        </div>
                      </div>
                    </div>

                  </div>
                </form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="container">
        <div class="container-fluid">

          <div class="table-responsive mt-5 mb-3">
            <div class="m-3">
              <h6>Trading History</h6>
            </div>
            <table class="table table-hover no-margin">
              <thead>
                <tr>
                  <th class="no-border">ID </th>
                  <th class="no-border">Date/Time </th>
                  <th class="no-border">Type </th>
                  <th class="no-border">Pair </th>
                  <th class="no-border">Price </th>
                  <th class="no-border">Volume </th>
                  <th class="no-border">SL </th>
                  <th class="no-border">TP</th>
                  <th class="no-border">Status </th>
                  <th class="no-border">Email </th>
                </tr>
              </thead>
              <tbody>
                     <?php
                          
                          $query="SELECT * FROM `tradehistory` WHERE emailaddress = '$emailorphone'" ;
	                        $selectquery= mysqli_query($conn, $query);
	                        
                          while($row=mysqli_fetch_array($selectquery)){
		                	?>

                           <tr>

                                  <td><?php echo $row['transid']; ?></td>
                                  <td><?php echo $row['date']; ?></td>
                                  <td><?php echo $row['type']; ?></td>
                                  <td><?php echo $row['tpair']; ?></td>
                                  <td><?php echo $row['tprice']; ?></td>
                                  <td><?php echo $row['volume']; ?></td>
                                  <td><?php echo $row['stoploss']; ?></td>
                                  <td><?php echo $row['takeprofit']; ?></td>
                                  <td><?php echo $row['status']; ?></td>
                                  <td><?php echo $row['emailaddress']; ?></td>
                                  
                             </tr>
                             
                             



                      <?php
                       }
                       ?>














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

    </div>
  </div>
  <!-- /conatiner -->
  </div>
  <!-- /main-content -->

  <!-- Footer opened -->
  <div class="main-footer ht-40">
    <div class="container-fluid pd-t-0-f ht-100p">
      <span>&copy; Xstarverse 2020.</span>
    </div>
  </div>
  <!-- Footer closed -->

  <!-- Back-to-top -->

  <!-- JQuery min js -->
  <script src="assets/plugins/jquery/jquery.min.js"></script>

  <!-- Datepicker js -->
  <script src="assets/plugins/jquery-ui/ui/widgets/datepicker.js"></script>

  <!-- Bootstrap Bundle js -->
  <script src="assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>

  <!-- Ionicons js -->
  <script src="assets/plugins/ionicons/ionicons.js"></script>

  <!-- Moment js -->
  <script src="assets/plugins/moment/moment.js"></script>

  <!--Chart bundle min js -->
  <script src="assets/plugins/chart.js/Chart.bundle.min.js"></script>
  <script src="assets/plugins/raphael/raphael.min.js"></script>
  <script src="assets/plugins/peity/jquery.peity.min.js"></script>

  <!-- JQuery sparkline js -->
  <script src="assets/plugins/jquery-sparkline/jquery.sparkline.min.js"></script>


  <!-- Sampledata js -->
  <script src="assets/js/chart.flot.sampledata.js"></script>

  <!-- Perfect-scrollbar js -->
  <script src="assets/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
  <script src="assets/plugins/perfect-scrollbar/p-scroll.js"></script>

  <!-- Internal  Flot js-->
  <script src="assets/plugins/jquery.flot/jquery.flot.js"></script>
  <script src="assets/plugins/jquery.flot/jquery.flot.pie.js"></script>
  <script src="assets/plugins/jquery.flot/jquery.flot.resize.js"></script>
  <script src="assets/plugins/jquery.flot/jquery.flot.categories.js"></script>
  <script src="assets/js/dashboard.sampledata.js"></script>
  <script src="assets/js/chart.flot.sampledata.js"></script>

  <!-- Internal Newsticker js-->
  <script src="assets/plugins/newsticker/jquery.jConveyorTicker.js"></script>
  <script src="assets/js/newsticker.js"></script>

  <!-- Eva-icons js -->
  <script src="assets/js/eva-icons.min.js"></script>

  <!-- Sidebar js -->
  <script src="assets/plugins/side-menu/sidemenu.js"></script>

  <!-- right-sidebar js -->
  <script src="assets/plugins/sidebar/sidebar.js"></script>
  <script src="assets/plugins/sidebar/sidebar-custom.js"></script>

  <!-- Rating js-->
  <script src="assets/plugins/rating/jquery.rating-stars.js"></script>
  <script src="assets/plugins/rating/jquery.barrating.js"></script>

  <!-- P-scroll js -->
  <script src="assets/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
  <script src="assets/plugins/perfect-scrollbar/p-scroll.js"></script>

  <!-- Internal Nice-select js-->
  <script src="assets/plugins/jquery-nice-select/js/jquery.nice-select.js"></script>
  <script src="assets/plugins/jquery-nice-select/js/nice-select.js"></script>

  <!-- Sticky js -->
  <script src="assets/js/sticky.js"></script>

  <!-- index js -->
  <script src="assets/js/dashboard.js"></script>
  <!-- Internal Modal js-->
  <script src="assets/js/modal.js"></script>

  <!-- custom js -->
  <script src="assets/js/custom.js"></script>






</body>

</html>
