<aside class="main-sidebar sidebar-dark-primary elevation-4">
  <a href="./" class="brand-link">
    <span class="brand-text font-weight-light">SGPPBN</span>
  </a>

  <div class="sidebar">
    <nav class="mt-2">
      <ul class="nav nav-pills nav-sidebar flex-column text-sm"
          data-widget="treeview" role="menu">

        <!-- DASHBOARD -->
        <li class="nav-item">
          <a href="./" class="nav-link">
            <i class="nav-icon fas fa-home"></i>
            <p>Dashboard</p>
          </a>
        </li>

        <!-- PROYECTOS -->
        <li class="nav-item">
          <a href="./?page=projects" class="nav-link">
            <i class="nav-icon fas fa-project-diagram"></i>
            <p>Proyectos</p>
          </a>
        </li>

        <!-- REPORTES -->
        <li class="nav-item">
          <a href="./?page=reports" class="nav-link">
            <i class="nav-icon fas fa-chart-bar"></i>
            <p>Reportes</p>
          </a>
        </li>

        <!-- USUARIOS (solo admin) -->
        <?php if ($_settings->userdata('role') === 'ADMIN'): ?>
        <li class="nav-item">
          <a href="./?page=users" class="nav-link">
            <i class="nav-icon fas fa-users"></i>
            <p>Usuarios</p>
          </a>
        </li>
        <?php endif; ?>

        <!-- SALIR -->
        <li class="nav-item">
          <a href="../classes/Login.php?f=logout"
             class="nav-link text-danger">
            <i class="nav-icon fas fa-sign-out-alt"></i>
            <p>Cerrar sesión</p>
          </a>
        </li>

      </ul>
    </nav>
  </div>
</aside>
