<header class="bg-white">
  <div class="navbar-wrap">
    <nav class="navbar navbar-expand-lg">
      <a class="navbar-brand" routerLink="/"></a>
      <span *ngIf="isBooking()" class="body-large d-none d-lg-inline-block ml-20 pl-2">
        MYCAR
      </span>
      <div class="dropdown">
        <div class="dropdown-toggle heading-8m pr-2" id="dropdownMenu" data-toggle="dropdown">
          Menu
        </div>
        <div class="dropdown-menu" aria-labelledby="dropdownMenu">
          <ul *ngIf="!isBooking()" class="dropdown-menu-list float-lg-left">
            <li class="nav-item active">
              <a class="nav-menu color-text" routerLink="/">Home</a>
            </li>
            <li class="nav-item">
              <a class="nav-menu color-text" routerLink="/help-support">Help</a>
            </li>
          </ul>
          <ul class="dropdown-menu-list float-lg-right">
            <li class=" divider" *ngIf="isAuthenticated"></li>
            <li class="nav-item" *ngIf="isAuthenticated">
              <a class="nav-menu color-text" routerLink="/book/booking-list">My bookings</a>
            </li>
            <li class="nav-item" *ngIf="isAuthenticated">
              <a class="nav-menu color-text" routerLink="/">My profile</a>
            </li>
            <li class="divider"></li>
            <li class="nav-item" *ngIf="isAuthenticated">
              <a class="nav-menu color-text" (click)="logout()">Log out</a>
            </li>
            <li class="nav-item" *ngIf="!isAuthenticated">
              <a class="nav-menu color-text" (click)="login()">Log in</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>
  </div>
</header>