<div class="wrapper">
  <div class="content">
    <h1>Twój profil</h1>
    <button type="submit" class="button" (click)="edit()"><i class="fas fa-edit"></i> Edytuj</button>
    <button type="submit" class="button" (click)="gotoBadges()"><i class="fas fa-book-open"></i> Odznaki</button>

    <div class="profile">
      <div class="profile-headers">
        <div>Login (lub specjalny identyfikator z systemu USOS):</div>
        <div>E-mail:</div>
        <div>Imię:</div>
        <div>Nazwisko:</div>
      </div>
      <div class="profile-content">
        <div>{{user.username}}</div>
        <div *ngIf="user.email && user.email.length > 0">{{user.email}}</div>
        <div *ngIf="!user.email || user.email.length === 0">Nie podano adresu e-mail</div>
        <div>{{user.name}}</div>
        <div>{{user.surname}}</div>
      </div>
    </div>
  </div>
</div>
