<!-- Sidebar para escritorio -->
<nav id="sidebar" class="col-md-3 col-lg-2 d-none d-md-block bg-light sidebar">
    <div class="position-sticky pt-3">
        <ul class="nav flex-column">
            <li class="nav-item">
                <a class="nav-link active" href="dashboard.php">
                    <i class="bi bi-speedometer2"></i> Dashboard
                </a>
            </li>
            
            <?php if ($usuario['rol_nombre'] === 'Administrador'): ?>
                <li class="nav-item">
                    <a class="nav-link" href="configuracion_proyecto.php">
                        <i class="bi bi-gear"></i> Configuración Proyecto
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="usuarios.php">
                        <i class="bi bi-people"></i> Usuarios
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="asignaciones.php">
                        <i class="bi bi-cash-coin"></i> Asignar Fondos
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="categorias.php">
                        <i class="bi bi-tags"></i> Categorías
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="movimientos.php">
                        <i class="bi bi-arrow-left-right"></i> Todos los Movimientos
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="reportes.php">
                        <i class="bi bi-file-earmark-bar-graph"></i> Reportes
                    </a>
                </li>
            <?php elseif ($usuario['rol_nombre'] === 'Supervisor'): ?>
                <li class="nav-item">
                    <a class="nav-link" href="operativos.php">
                        <i class="bi bi-people"></i> Mis Operativos
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="asignar_operativos.php">
                        <i class="bi bi-cash-coin"></i> Asignar Fondos
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="movimientos.php">
                        <i class="bi bi-arrow-left-right"></i> Movimientos
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="reportes.php">
                        <i class="bi bi-file-earmark-bar-graph"></i> Reportes
                    </a>
                </li>
            <?php else: // Operativo ?>
                <li class="nav-item">
                    <a class="nav-link" href="nuevo_movimiento.php">
                        <i class="bi bi-plus-circle"></i> Nuevo Movimiento
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="mis_movimientos.php">
                        <i class="bi bi-list-ul"></i> Mis Movimientos
                    </a>
                </li>
            <?php endif; ?>
            
            <li class="nav-item mt-3">
                <a class="nav-link text-danger" href="logout.php">
                    <i class="bi bi-box-arrow-right"></i> Cerrar Sesión
                </a>
            </li>
        </ul>
    </div>
</nav>

<!-- Sidebar móvil (Offcanvas) -->
<div class="offcanvas offcanvas-start d-md-none" tabindex="-1" id="sidebarMobile" aria-labelledby="sidebarMobileLabel">
    <div class="offcanvas-header bg-success text-white">
        <h5 class="offcanvas-title" id="sidebarMobileLabel">
            <i class="bi bi-heart-fill"></i> Menú
        </h5>
        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
    </div>
    <div class="offcanvas-body">
        <ul class="nav flex-column">
            <li class="nav-item">
                <a class="nav-link" href="dashboard.php">
                    <i class="bi bi-speedometer2"></i> Dashboard
                </a>
            </li>
            
            <?php if ($usuario['rol_nombre'] === 'Administrador'): ?>
                <li class="nav-item">
                    <a class="nav-link" href="configuracion_proyecto.php">
                        <i class="bi bi-gear"></i> Configuración Proyecto
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="usuarios.php">
                        <i class="bi bi-people"></i> Usuarios
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="asignaciones.php">
                        <i class="bi bi-cash-coin"></i> Asignar Fondos
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="categorias.php">
                        <i class="bi bi-tags"></i> Categorías
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="movimientos.php">
                        <i class="bi bi-arrow-left-right"></i> Todos los Movimientos
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="reportes.php">
                        <i class="bi bi-file-earmark-bar-graph"></i> Reportes
                    </a>
                </li>
            <?php elseif ($usuario['rol_nombre'] === 'Supervisor'): ?>
                <li class="nav-item">
                    <a class="nav-link" href="operativos.php">
                        <i class="bi bi-people"></i> Mis Operativos
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="asignar_operativos.php">
                        <i class="bi bi-cash-coin"></i> Asignar Fondos
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="movimientos.php">
                        <i class="bi bi-arrow-left-right"></i> Movimientos
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="reportes.php">
                        <i class="bi bi-file-earmark-bar-graph"></i> Reportes
                    </a>
                </li>
            <?php else: // Operativo ?>
                <li class="nav-item">
                    <a class="nav-link" href="nuevo_movimiento.php">
                        <i class="bi bi-plus-circle"></i> Nuevo Movimiento
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="mis_movimientos.php">
                        <i class="bi bi-list-ul"></i> Mis Movimientos
                    </a>
                </li>
            <?php endif; ?>
            
            <li class="nav-item mt-3">
                <a class="nav-link text-danger" href="logout.php">
                    <i class="bi bi-box-arrow-right"></i> Cerrar Sesión
                </a>
            </li>
        </ul>
    </div>
</div>

