<div class="logo">
  <a class="simple-text logo-mini">
    <div class="logo-img">
      <img src="./assets/img/logo_inverlec_inv_p.png" />
    </div>
  </a>
  <a class="simple-text logo-normal" href="/">Inversiones</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>
    <!--
    <li class="nav-item" routerlinkactive="active">
      <a class="nav-link" data-toggle="collapse" href="#catalogs">
        <i class="material-icons">grid_on</i>
        <p>Catálogos<b class="caret"></b></p>
      </a>
      <div class="collapse" id="catalogs">
        <ul class="nav">
          <li class="nav-item" routerlinkactive="active">
            <a class="nav-link" href="#/companies">
              <span class="sidebar-mini">EMP</span>
              <span class="sidebar-normal">Empresas</span>
            </a>
          </li>
          <li class="nav-item" routerlinkactive="active">
            <a class="nav-link" href="#/countries">
              <span class="sidebar-mini">PAI</span>
              <span class="sidebar-normal">Países</span>
            </a>
          </li>
          <li class="nav-item" routerlinkactive="active">
            <a class="nav-link" href="#/emitters">
              <span class="sidebar-mini">EMI</span>
              <span class="sidebar-normal">Emisores</span>
            </a>
          </li>
          <li class="nav-item" routerlinkactive="active">
            <a class="nav-link" href="#">
              <span class="sidebar-mini">C2</span>
              <span class="sidebar-normal">Catalogo</span>
            </a>
          </li>
        </ul>
      </div>
    </li>-->
    <hr />
  </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>
