<!DOCTYPE html>
<html>
  <body>
    <div id="page-container">
      <div id="content-wrap">
        <!-- Navbar Component -->
        <app-navbarlogout></app-navbarlogout>

        <div class="container">
          <div *ngIf="userDetails" id="profile-body">

            <button class="searchbutton submit" (click)="developerStats()" *ngIf="userDetails.accountType == 'developer'">
              Developer Stats
            </button>

            <button class="searchbutton submit" (click)="history()">
              History
            </button>

            <button class="searchbutton submit" (click)="savedArticles()">
              Saved Articles
            </button>

            <button class="searchbutton submit" (click)="editProfile()">
              Edit Profile
            </button>

            <h2>
              {{ userDetails.fullName.split(" ")[0] }}
              {{ userDetails.fullName.split(" ")[1] }}'s Profile
            </h2>
            <br />
          </div>
        </div>
      </div>

      <div id="page-footer">
        <!-- Footer Component -->
        <app-footerfixed></app-footerfixed>
      </div>
    </div>
  </body>
</html>

