<nav class="main-header navbar navbar-expand navbar-white navbar-light">

  <ul class="navbar-nav">
    <li class="nav-item">
      <a class="nav-link" data-widget="pushmenu" href="#" style="color: #6c9097;"
      ><i class="fas fa-bars"></i
      ></a>
    </li>

  </ul>
  <ul class="navbar-nav ml-auto">
    <div class="btn-group" role="group">
      <div class="btn btn-outline-danger dropdown dropdown-toggle" dropdownToggle dropdown>
        <a >
          {{ 'SelectLanguage' | translate }}
        </a>
        <div class="dropdown-menu mt-3" *dropdownMenu>
          <ng-container *ngFor="let lang of translate.getLangs()">
            <a class="dropdown-item" (click)="changeLanguage(lang)">
              {{ languages[lang] }}
            </a>
          </ng-container>
        </div>
      </div>
      <div>
        <li class="nav-item">
          <a class="nav-link btn btn-outline-danger" data-widget="control-sidebar" data-slide="true" href="#" role="button" (click)="logout()"
          ><i class="fas fa-sign-out-alt"></i></a>
        </li>

      </div>
    </div>



  </ul>
</nav>
