<div class="logo">
  <a class="simple-text logo-mini" href="/">
    <div class="logo-img">
      &nbsp;
      <!-- <img src="./assets/img/denmark-logo.png" /> -->
    </div>
  </a>
</div>

<div class="sidebar-wrapper">
  <div *ngIf="isMobileMenu()">
    <!--
    <form class="navbar-form">
      <span class="bmd-form-group">
        <div class="input-group no-border">
          <input type="text" value="" class="form-control" placeholder="Search...">
          <button mat-raised-button type="submit" class="btn btn-white btn-round btn-just-icon">
            <i class="material-icons">search</i>
            <div class="ripple-container"></div>
          </button>
        </div>
      </span>
    </form> -->
  </div>
  <ul class="nav">
    <li
      routerLinkActive="active"
      *ngFor="let menuItem of menuItems"
      class="{{ menuItem.class }} nav-item"
    >
      <a class="nav-link" [routerLink]="[menuItem.path]">
        <i class="material-icons">{{ menuItem.icon }}</i>
        <p>{{ menuItem.title }}</p>
      </a>
    </li>

    <hr />
  </ul>

  <ul class="nav navbar-nav nav-mobile-menu-bottom">
    <li class="nav-item">
      <a
        class="nav-link"
        title="Cerrar sesión"
        (click)="logout()"
        href="javascript:void(0)"
      >
        <i class="material-icons">exit_to_app</i>
        <p>
          Cerrar sesión
        </p>
      </a>
    </li>
  </ul>
</div>
