<?php 
  $a = $this->router->method;
  $b = $this->uri->segment(4);
  // Función rápida para no repetir código: verifica si el método actual está en una lista
  function is_active($current, $methods) {
	  return in_array($current, (array)$methods) ? 'nav-active' : '';
  }
?>

<nav class="navbar navbar-expand-md navbar-light bg-white border-bottom py-0 shadow-sm">
  <div class="container-fluid">
	
	<button class="navbar-toggler my-2" type="button" data-toggle="collapse" data-target="#productNav">
	  <span class="navbar-toggler-icon" style="width: 1.2em; height: 1.2em;"></span>
	  <span class="small ml-1">Menú Producto</span>
	</button>

	<div class="collapse navbar-collapse" id="productNav">
	  <ul class="navbar-nav mr-auto">
		
		<li class="nav-item">
		  <a class="nav-link px-3 py-3 <?php echo ($a == 'detalle') ? 'nav-active' : ''; ?>" 
			 href="productos/detalle/<?php echo $producto['id'];?>">
			Resumen
		  </a>
		</li>

		<li class="nav-item dropdown">
		  <a class="nav-link dropdown-toggle px-3 py-3 <?php echo is_active($a, ['detalle_ventas', 'detalle_ventas_espera', 'detalle_otras_ventas', 'detalle_ventas_ps']); ?>" 
			 href="#" id="ventasDrop" data-toggle="dropdown">
			Ventas
		  </a>
		  <div class="dropdown-menu border-0 shadow-sm mt-0">
			<a class="dropdown-item py-2 
				<?php echo ($a == 'detalle_ventas') ? 'bg-light font-weight-bold' : ''; ?>"
				href="productos/detalle_ventas/<?php echo $producto['id'];?>">
				Ventas
			</a>
			<a class="dropdown-item py-2 
				<?php echo ($a === 'detalle_ventas' && $b === 'en_espera') ? 'bg-light font-weight-bold' : ''; ?>"
				href="productos/detalle_ventas/<?php echo $producto['id'];?>/en_espera">
				Ventas en Espera
			</a>
			<a class="dropdown-item py-2 
				<?php echo ($a === 'detalle_ventas' && $b === 'otras') ? 'bg-light font-weight-bold' : ''; ?>"
				href="productos/detalle_ventas/<?php echo $producto['id'];?>/otras">
				Otras Ventas
			</a>
			<a class="dropdown-item py-2 
				<?php echo ($a == 'detalle_ventas_ps') ? 'bg-light font-weight-bold' : ''; ?>"
				href="productos/detalle_ventas_ps/<?php echo $producto['id'];?>">
				Ventas Prestashop
			</a>
		  </div>
		</li>

		<li class="nav-item dropdown">
		  <a class="nav-link dropdown-toggle px-3 py-3 <?php echo is_active($a, ['detalle_compras', 'detalle_mermas', 'detalle_devoluciones', 'detalle_traspasos', 'detalle_inventarios']); ?>" 
			 href="#" id="movimientosDrop" data-toggle="dropdown">
			Movimientos
		  </a>
		  <div class="dropdown-menu border-0 shadow-sm mt-0">
			<a class="dropdown-item py-2 <?php echo ($a == 'detalle_compras') ? 'bg-light font-weight-bold' : ''; ?>" href="productos/detalle_compras/<?php echo $producto['id'];?>">Compras</a>
			<a class="dropdown-item py-2 
				<?php echo ($a === 'detalle_ventas' && $b === 'mermas') ? 'bg-light font-weight-bold' : ''; ?>"
				href="productos/detalle_ventas/<?php echo $producto['id'];?>/mermas">
				Mermas
			</a>
			<a class="dropdown-item py-2 
				<?php echo ($a === 'detalle_ventas' && $b === 'devoluciones') ? 'bg-light font-weight-bold' : ''; ?>"
				href="productos/detalle_ventas/<?php echo $producto['id'];?>/devoluciones">
				Devoluciones a Proveedor
			</a>
			<a class="dropdown-item py-2 <?php echo ($a == 'detalle_traspasos') ? 'bg-light font-weight-bold' : ''; ?>" href="productos/detalle_traspasos/<?php echo $producto['id'];?>">Traspasos</a>
			<a class="dropdown-item py-2 <?php echo ($a == 'detalle_inventarios') ? 'bg-light font-weight-bold' : ''; ?>" href="productos/detalle_inventarios/<?php echo $producto['id'];?>">Inventarios</a>
		  </div>
		</li>

		<li class="nav-item dropdown">
		  <a class="nav-link dropdown-toggle px-3 py-3 <?php echo is_active($a, ['detalle_grafico_canal', 'detalle_grafico_ventas', 'detalle_stock_sucursal']); ?>" 
			 href="#" id="analisisDrop" data-toggle="dropdown">
			Análisis
		  </a>
		  <div class="dropdown-menu border-0 shadow-sm mt-0">
			<a class="dropdown-item py-2 <?php echo ($a == 'detalle_grafico_canal') ? 'bg-light font-weight-bold' : ''; ?>" href="productos/detalle_grafico_canal/<?php echo $producto['id'];?>">Gráfico Ventas por canal</a>
			<a class="dropdown-item py-2 <?php echo ($a == 'detalle_grafico_ventas') ? 'bg-light font-weight-bold' : ''; ?>" href="productos/detalle_grafico_ventas/<?php echo $producto['id'];?>">Gráfico de ventas por fecha</a>
			<a class="dropdown-item py-2 <?php echo ($a == 'detalle_stock_sucursal') ? 'bg-light font-weight-bold' : ''; ?>" href="productos/detalle_stock_sucursal/<?php echo $producto['id'];?>">Gráfico de stock por sucursal</a>
		  </div>
		</li>

		<li class="nav-item dropdown">
		  <a class="nav-link dropdown-toggle px-3 py-3 <?php echo is_active($a, ['detalle_precios', 'detalle_suscritos']); ?>" 
			 href="#" id="sistemaDrop" data-toggle="dropdown">
			Sistema
		  </a>
		  <div class="dropdown-menu border-0 shadow-sm mt-0">
			<a class="dropdown-item py-2 <?php echo ($a == 'detalle_precios') ? 'bg-light font-weight-bold' : ''; ?>" href="productos/detalle_precios/<?php echo $producto['id'];?>">Cambios de Precio</a>
			<a class="dropdown-item py-2 <?php echo ($a == 'detalle_suscritos') ? 'bg-light font-weight-bold' : ''; ?>" href="productos/detalle_suscritos/<?php echo $producto['id'];?>">Suscritos</a>
		  </div>
		</li>

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

<style>
	.nav-active {
		border-bottom: 2px solid #007bff !important;
		color: #007bff !important;
		font-weight: 600;
	}
	.nav-link {
		color: #666 !important;
		transition: all 0.2s;
		font-size: 0.9rem;
	}
	.nav-link:hover {
		background-color: #f8f9fa;
		color: #333 !important;
	}
	.dropdown-item {
		font-size: 0.85rem;
		color: #555;
	}
	.dropdown-item:hover {
		background-color: #e9ecef;
		color: #000;
	}
	
	/* Arreglo para móviles */
	@media (max-width: 768px) {
		#productNav .nav-link { 
		border-bottom: none !important; 
		padding: 10px 15px !important; 
		}
		#productNav .dropdown-menu { 
		background-color: #ffffff; 
		padding-left: 20px; 
		border: none !important;
		}
	}
</style>