Propuesta Multi-agencia

views/partials/sidebar_agencia.php

@@ -0,0 +1,98 @@
+<style>
+  .nav .nav-link { font-weight: normal; color: white; transition: all 0.3s ease; }
+  .nav .nav-link:hover,
+  .nav .nav-link.active { background-color: #495057; color: #fff; }
+  /* Estilo inverso solo para pantallas pequeñas (sidebar tipo offcanvas) */
+  @media (max-width: 767.98px) {
+    .nav .nav-link { font-weight: normal; color: #343a40; background-color: transparent; }
+    .nav .nav-link:hover,
+    .nav .nav-link.active { background-color: #e9ecef; color: #212529; }
+  }
+</style>
+
+<!-- 🔷 NAVBAR -->
+<nav class="navbar navbar-dark bg-dark fixed-top">
+  <div class="container-fluid">
+    <!-- Botón de menú para móviles -->
+    <button class="btn btn-outline-light d-md-none me-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#sidebarMenu">
+      ☰
+    </button>
+    <span class="navbar-brand">SIIH | Agencia Aduanal</span>
+    <div class="d-flex ms-auto text-white">
+      <?php
+      // Verifica si estás en el dashboard principal del importador
+      $esDashboard = str_contains($_SERVER['REQUEST_URI'], '/agencias/dashboard');
+
+      if ($esDashboard): ?>
+        Bienvenido, <?= htmlspecialchars($_SESSION['usuario_nombre']) ?>
+      <?php else: ?>
+        <a href="/IMPORTADORES/sistemas/logout" class="btn btn-outline-light btn-sm">Cerrar Sesión</a>
+      <?php endif; ?>
+    </div>
+  </div>
+</nav>
+
+<!-- SIDEBAR FIJA (escritorio) -->
+<div class="d-none d-md-block bg-dark text-white position-fixed h-100 pt-5" style="width: 250px;">
+  <nav class="nav flex-column">
+
+    <!-- INICIO -->
+    <a href="/IMPORTADORES/agencias/dashboard"
+      class="nav-link px-3 py-2 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/agencias/dashboard' ? 'active' : '' ?>">     
+      🏠 Inicio
+    </a>
+
+    <!-- USUARIOS ACTIVOS -->
+    <a href="/IMPORTADORES/agencias/activos"
+      class="nav-link px-3 py-2 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/agencias/activos' ? 'active' : '' ?>">     
+      ✅ Usuarios Activos
+    </a>
+
+    <!-- ALTA DE AGENTES -->
+    <a href="/IMPORTADORES/agencias/alta"
+      class="nav-link px-3 py-2 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/agencias/alta' ? 'active' : '' ?>">     
+      📥 Alta de Agentes
+    </a>
+
+    <!-- BITÁCORA -->
+    <a href="/IMPORTADORES/agencias/bitacora"
+      class="nav-link px-3 py-2 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/agencias/bitacora' ? 'active' : '' ?>">     
+      🕓 Bitácora
+    </a>
+  </nav>
+</div>
+
+<!-- OFFCANVAS PARA MÓVILES -->
+<div class="offcanvas offcanvas-start d-md-none" tabindex="-1" id="sidebarMenu" style="top: 56px;">
+  <div class="offcanvas-header">
+    <h5 class="offcanvas-title">Menú</h5>
+    <button type="button" class="btn-close" data-bs-dismiss="offcanvas"></button>
+  </div>
+  <div class="offcanvas-body">
+        
+    <!-- INICIO -->
+   <a href="/IMPORTADORES/agencias/dashboard"
+      class="nav-link px-3 py-2 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/agencias/dashboard' ? 'active' : '' ?>">     
+      🏠 Inicio
+    </a>
+
+    <!-- USUARIOS ACTIVOS -->
+    <a href="/IMPORTADORES/agencias/activos"
+      class="nav-link px-3 py-2 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/agencias/activos' ? 'active' : '' ?>">     
+      ✅ Usuarios Activos
+    </a>
+
+    <!-- ALTA DE AGENTES -->
+    <a href="/IMPORTADORES/agencias/alta"
+      class="nav-link px-3 py-2 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/agencias/alta' ? 'active' : '' ?>">     
+      📥 Alta de Agentes
+    </a>
+
+    <!-- BITÁCORA -->
+    <a href="/IMPORTADORES/agencias/bitacora"
+      class="nav-link px-3 py-2 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/agencias/bitacora' ? 'active' : '' ?>">     
+      🕓 Bitácora
+    </a>
+
+  </div>
+</div>