<div class="logo">
  <a class="simple-text logo-mini">
    <div class="logo-img">
      <img src="./assets/img/logo-inverlec2.png">
    </div>
  </a>
  <a class="simple-text logo-normal" href="/">&nbsp;</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 *ngIf="adminMenu" class="nav">
      <li class="nav-item">
        <a class="nav-link" href="javascript:void(0)">
          <i class="material-icons">settings_application</i>
          <p>Administración</p>
        </a>
      </li>
      <li routerLinkActive="active" *ngFor="let menuItem of adminMenuItems" class="{{menuItem.class}} nav-item">
        <a class="nav-link" [routerLink]="[menuItem.path]" *ngIf="menuItem.allowed_roles.indexOf(+role_number)>-1"> 
          <i class="material-icons">{{menuItem.icon}}</i>
          <p>{{menuItem.title}}</p>
        </a>
      </li>
    </ul>
  <div *ngIf="isMobileMenu()">
    <ul class="nav navbar-nav nav-mobile-menu-bottom">
      <li class="nav-item">
          <a class="nav-link" title="Logout" (click)="logout()" href="javascript:void(0)">
              <i class="material-icons">exit_to_app</i>
              <p>
                  <span class="d-lg-none d-md-block">Logout</span>
              </p>
          </a>
      </li>
    </ul>
  </div>
</div>