<div class="background">
  <nav class="navbar navbar-expand navbar-dark ">
    AllFree App
    <input id="menu-toggle" type="checkbox" />
    <label class='menu-button-container' for="menu-toggle">
      <div class='menu-button'></div>
    </label>
    <ul class="navbar-nav mr-auto menu" routerLinkActive="active">
      <li class="nav-item">
        <a class="nav-link" routerLink="/home">Public </a>
      </li>
      <li class="nav-item" *ngIf="showAdminBoard">
        <a class="nav-link" routerLink="/admin">Administrator</a>
      </li>

      <li class="nav-item">
        <a class="nav-link" *ngIf="isLoggedIn" routerLink="/user">Contul meu</a>
      </li>

      <li class="nav-item">
        <a class="nav-link" *ngIf="isLoggedIn" routerLink="/user/articles">Articole</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" routerLink="/help">Ajutor</a>
      </li>
      <li class="nav-item" *ngIf="isLoggedIn">
        <a href class="nav-link" (click)="logout()">Iesi din cont</a>
      </li>
    </ul>

    <ul class="navbar-nav ml-auto menu" *ngIf="!isLoggedIn">
      <li class="nav-item">
        <a class="nav-link" routerLink="/register">Inregistrare</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" routerLink="/login">Autentificare</a>
      </li>

    </ul>
<!--    <ul class="navbar-nav ml-auto" *ngIf="isLoggedIn">-->
<!--      <li class="nav-item">-->
<!--        <a href class="nav-link" (click)="logout()">Iesi din cont</a>-->
<!--      </li>-->
<!--    </ul>-->
  </nav>
</div>