MVE/views/partials/sidebar_agente.php

<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 | Agente 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'], '/agentes/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">

    <?php
      // Detecta si estamos en alguna parte de locaciones
      $esVistaLocaciones = str_contains($_SERVER['REQUEST_URI'], '/locaciones');
      // Detecta si estamos en alguna parte de agentes
      $esVistaAgentes    = str_contains($_SERVER['REQUEST_URI'], '/agentes');
      // Detecta si estamos en alguna parte de agente aduanal
      $esVistaPatente    = str_contains($_SERVER['REQUEST_URI'], '/patente');
    ?>

    <!-- INICIO -->
    <a href="/IMPORTADORES/agentes/dashboard"
      class="nav-link px-3 py-2 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/agentes/dashboard' ? 'active' : '' ?>">     
      🏠 Inicio
    </a>

    <!-- IMPORTADORES VINCULADOS -->
    <a href="/IMPORTADORES/agentes/vinculados"
      class="nav-link px-3 py-2 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/agentes/vinculados' ? 'active' : '' ?>">     
      🔗 Vinculados
    </a>

    <!-- Patentes -->
    <?php if ($esVistaPatente): ?>
      <?php $enDashboardPatente = $_SERVER['REQUEST_URI'] === '/IMPORTADORES/patente/dashboard'; ?>
      <a class="nav-link px-3 py-2 d-flex justify-content-between align-items-center <?= $esVistaPatente ? 'active' : '' ?>"
        href="<?= $enDashboardPatente ? '#submenuAgentesAduanales' : 'IMPORTADORES/patente/dashboard' ?>"
        <?= $enDashboardPatente ? 'data-bs-toggle="collapse"' : '' ?>
        role="button" aria-expanded="true" aria-controls="submenuAgentesAduanales" 
        onclick="<?= $enDashboardPatente ? '' : 'event.preventDefault(); window.location.href = \'/IMPORTADORES/patente/dashboard\';' ?>">
        📑 Patentes
        <span class="badge bg-secondary">2</span>
      </a>
      <div class="collapse show" id="submenuAgentesAduanales">
        <nav class="nav flex-column ms-3">
          <a href="/IMPORTADORES/patente/lista"
            class="nav-link px-3 py-1 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/patente/lista' ? 'active' : '' ?>">
            • Ver Patentes
          </a>
          <a href="/IMPORTADORES/patente/alta"
            class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/patente/alta') ? 'active' : '' ?>">
            • Nueva Patente
          </a>
        </nav>
      </div>
    <?php elseif ($esVistaAgentes || $esVistaLocaciones): ?>
      <a href="/IMPORTADORES/patente/dashboard"
        class="nav-link px-3 py-2 d-flex justify-content-between align-items-center">
        📑 Patentes
        <span class="badge bg-secondary">2</span>
      </a>
    <?php endif; ?>

    <!-- LOCACIONES -->
    <?php if ($esVistaLocaciones): ?>
      <?php $enDashboardLocaciones = $_SERVER['REQUEST_URI'] === '/IMPORTADORES/locaciones/lista'; ?>
      <a class="nav-link px-3 py-2 d-flex justify-content-between align-items-center <?= $esVistaLocaciones ? 'active' : '' ?>"
        href="<?= $enDashboardLocaciones ? '#submenuLocaciones' : '/IMPORTADORES/locaciones/lista' ?>"
        <?= $enDashboardLocaciones ? 'data-bs-toggle="collapse"' : '' ?>
        role="button" aria-expanded="true" aria-controls="submenuLocaciones" 
        onclick="<?= $enDashboardLocaciones ? '' : 'event.preventDefault(); window.location.href = \'/IMPORTADORES/locaciones/lista\';' ?>">
        🗺️ Locaciones
        <span class="badge bg-secondary">2</span>
      </a>
      <div class="collapse show" id="submenuLocaciones">
          <nav class="nav flex-column ms-3">
            <a href="/IMPORTADORES/locaciones/lista"
              class="nav-link px-3 py-1 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/locaciones/lista' ? 'active' : '' ?>">
              • Ver Locaciones
            </a>
            <a href="/IMPORTADORES/locaciones/alta"
              class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/locaciones/alta') ? 'active' : '' ?>">
              • Agregar Locaciones
            </a>
          </nav>
        </div>
    <?php elseif ($esVistaAgentes || $esVistaPatente): ?>
      <a href="/IMPORTADORES/locaciones/lista"
        class="nav-link px-3 py-2 d-flex justify-content-between align-items-center">
        🗺️ Locaciones
        <span class="badge bg-secondary">2</span>
      </a>
    <?php endif; ?>

    <!-- CONFIGURACIÓN -->
    <a href="/IMPORTADORES/configuracion"
       class="nav-link px-3 py-2 <?= str_contains($_SERVER['REQUEST_URI'], '/configuracion') ? 'active' : '' ?>">
      ⚙️ Configuración
    </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/agentes/dashboard"
      class="nav-link px-3 py-2 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/agentes/dashboard' ? 'active' : '' ?>">     
      🏠 Inicio
    </a>

    <!-- IMPORTADORES VINCULADOS -->
    <a href="/IMPORTADORES/agentes/vinculados"
      class="nav-link px-3 py-2 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/agentes/vinculados' ? 'active' : '' ?>">     
      🔗 Vinculados
    </a>

    <!-- Patentes -->
    <?php if ($esVistaPatente): ?>
      <?php $enDashboardPatente = $_SERVER['REQUEST_URI'] === '/IMPORTADORES/patente/dashboard'; ?>
      <a class="nav-link px-3 py-2 d-flex justify-content-between align-items-center <?= $esVistaPatente ? 'active' : '' ?>"
        href="<?= $enDashboardPatente ? '#submenuAgentesAduanales' : 'IMPORTADORES/patente/dashboard' ?>"
        <?= $enDashboardPatente ? 'data-bs-toggle="collapse"' : '' ?>
        role="button" aria-expanded="true" aria-controls="submenuAgentesAduanales" 
        onclick="<?= $enDashboardPatente ? '' : 'event.preventDefault(); window.location.href = \'/IMPORTADORES/patente/dashboard\';' ?>">
        📑 Patentes
        <span class="badge bg-secondary">2</span>
      </a>
      <div class="collapse show" id="submenuAgentesAduanales">
        <nav class="nav flex-column ms-3">
          <a href="/IMPORTADORES/patente/lista"
            class="nav-link px-3 py-1 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/patente/lista' ? 'active' : '' ?>">
            • Ver Patentes
          </a>
          <a href="/IMPORTADORES/patente/alta"
            class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/IMPORTADORES/patente/alta') ? 'active' : '' ?>">
            • Nueva Patente
          </a>
        </nav>
      </div>
    <?php elseif ($esVistaAgentes || $esVistaLocaciones): ?>
      <a href="/IMPORTADORES/patente/dashboard"
        class="nav-link px-3 py-2 d-flex justify-content-between align-items-center">
        📑 Patentes
        <span class="badge bg-secondary">2</span>
      </a>
    <?php endif; ?>

    <!-- LOCACIONES -->
    <?php if ($esVistaLocaciones): ?>
      <?php $enDashboardLocaciones = $_SERVER['REQUEST_URI'] === '/IMPORTADORES/locaciones/lista'; ?>
      <a class="nav-link px-3 py-2 d-flex justify-content-between align-items-center <?= $esVistaLocaciones ? 'active' : '' ?>"
        href="<?= $enDashboardLocaciones ? '#submenuLocaciones' : '/IMPORTADORES/locaciones/lista' ?>"
        <?= $enDashboardLocaciones ? 'data-bs-toggle="collapse"' : '' ?>
        role="button" aria-expanded="true" aria-controls="submenuLocaciones" 
        onclick="<?= $enDashboardLocaciones ? '' : 'event.preventDefault(); window.location.href = \'/IMPORTADORES/locaciones/lista\';' ?>">
        🗺️ Locaciones
        <span class="badge bg-secondary">2</span>
      </a>
      <div class="collapse show" id="submenuLocaciones">
          <nav class="nav flex-column ms-3">
            <a href="/IMPORTADORES/locaciones/lista"
              class="nav-link px-3 py-1 <?= $_SERVER['REQUEST_URI'] === '/IMPORTADORES/locaciones/lista' ? 'active' : '' ?>">
              • Ver Locaciones
            </a>
            <a href="/IMPORTADORES/locaciones/alta"
              class="nav-link px-3 py-1 <?= str_contains($_SERVER['REQUEST_URI'], '/locaciones/alta') ? 'active' : '' ?>">
              • Agregar Locaciones
            </a>
          </nav>
        </div>
    <?php elseif ($esVistaAgentes || $esVistaPatente): ?>
      <a href="/IMPORTADORES/locaciones/lista"
        class="nav-link px-3 py-2 d-flex justify-content-between align-items-center">
        🗺️ Locaciones
        <span class="badge bg-secondary">2</span>
      </a>
    <?php endif; ?>

    <!-- CONFIGURACIÓN -->
    <a href="/IMPORTADORES/configuracion"
       class="nav-link px-3 py-2 <?= str_contains($_SERVER['REQUEST_URI'], '/configuracion') ? 'active' : '' ?>">
      ⚙️ Configuración
    </a>

  </div>
</div>