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

<head>
  <meta charset="utf-8">
  <title>titanscout</title>
  <script src="https://www.gstatic.com/firebasejs/5.7.2/firebase.js"></script>
  <script src="https://cdn.firebase.com/libs/firebaseui/3.5.1/firebaseui.js"></script>
  <link type="text/css" rel="stylesheet" href="https://cdn.firebase.com/libs/firebaseui/3.5.1/firebaseui.css" />
  <link rel="stylesheet" href="../style.css" type="text/css" />
  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  <script type="text/javascript" src="scripts.js"></script>
</head>

<body>
  <div id="mySidenav" class="sidenav">
    <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
    <a href="#">Profile</a>
    <a href="../team">Team</a>
    <a href="../scout">Scout Matches</a>
    <a href="../stats">Tournament Stats</a>
  </div>
  <div id="main">
    <span onclick="openNav()" id="topbar">
      <img id="sideload" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b2/Hamburger_icon.svg/1200px-Hamburger_icon.svg.png">
    </span>
    <h1 id="mainhead">TitanScout- Your Profile</h1>
    <p id="status">Loading...</p>
    <input type="button" name="Sign Out" value="Sign Out" onclick="signout();" id="signout" class="btn">
    <input type="button" name="DelAcc" value="Delete Account" onclick="deleteAccount();" id="deleteacc" class="btn">
    <h2>Profile info</h2>
    <table id="profileupd">
      <tr class="profupdopt">
        <td>
          Username: <span contenteditable="true" id="newDN"></span>
        </td>
        <td>
          <input type="button" name="upun" value="Update Username" onclick="updun();" class="btn">
        </td>
      </tr>
      <tr class="profileupdopt">
        <td>
          Email: <span contenteditable="true"  id="newEM"></span>
        </td>
        <td>
          <input type="button" name="updem" value="Update Email" onclick="updem();" class="btn">
        </td>
      </tr>
    </table>
  </div>
</body>

</html>