<?php
$current_page = basename($_SERVER['PHP_SELF']);
?>

<nav class="w-16 bg-white shadow-lg flex flex-col items-center fixed top-0 left-0 h-full py-4">
  <!-- Logo -->
  <a href="personal.php" class="flex items-center text-3xl font-black mt-2 mb-8">
    <img src="https://cybernovasystems.com/prueba/pago/imagenes/logocofi.jpg" alt="Logo" class="w-12 h-12 mr-2">
  </a>

  <!-- Menú de navegación -->
  <?php
    $menu_items = [
        ['href' => 'series.php', 'title' => 'Series', 'icon' => 'fas fa-barcode'],
        ['href' => 'vista_empresas.php', 'title' => 'Ferretería', 'icon' => 'fas fa-hammer'],
        ['href' => 'usuarios_sistema.php', 'title' => 'Sistema Usuario', 'icon' => 'fas fa-cogs'],
        ['href' => 'tecnico.php', 'title' => 'Técnico', 'icon' => 'fas fa-tools'],
        ['href' => 'retroalimentacion.php', 'title' => 'Proveedor y Aprendiz', 'icon' => 'fas fa-comments'],
        ['href' => 'subcontrata.php', 'title' => 'Subcontrata', 'icon' => 'fas fa-user-tie'],
        ['href' => 'personal.php', 'title' => 'Personal', 'icon' => 'fas fa-users'],
        ['href' => 'for_seriado.php', 'title' => 'Movimientos', 'icon' => 'fas fa-random'],
        ['href' => 'listar_guia.php', 'title' => 'Devoluciones', 'icon' => 'fas fa-undo'],
        ['href' => 'trabajos.php', 'title' => 'Trabajos', 'icon' => 'fas fa-briefcase'],
        ['href' => 'lista_trabajos_liquidados.php', 'title' => 'Liquidados', 'icon' => 'fas fa-check-circle'], // ✔ Opción nueva con icono de check
        ['href' => 'serie_baja.php', 'title' => 'Serie Baja', 'icon' => 'fas fa-trash-alt'], // Nueva opción agregada
    ];

    foreach ($menu_items as $item) {
        $is_active = ($current_page === basename($item['href'])) ? 'active' : '';
        echo '<a href="' . $item['href'] . '" class="nav-link ' . $is_active . '" title="' . $item['title'] . '">
                <i class="' . $item['icon'] . ' text-3xl opacity-25 hover:opacity-100 mb-1 transition-opacity duration-300"></i>
                <span class="text-xs nav-label">' . $item['title'] . '</span>
              </a>';
    }
  ?>

  <!-- Cerrar sesión -->
  <a href="logout.php" title="Cerrar sesión" class="mt-auto mb-4 nav-link <?php echo ($current_page === 'logout.php') ? 'active' : ''; ?>">
    <i class="fas fa-sign-out-alt text-3xl opacity-25 hover:opacity-100 transition-opacity duration-300"></i>
    <span class="text-xs nav-label">Salir</span>
  </a>
</nav>


<style>
  .active {
    opacity: 1 !important;
    color: #007bff;
  }

  .nav-link:hover {
    background-color: #f0f0f0;
  }

  .text-3xl {
    font-size: 2rem;
  }

  .opacity-25 {
    opacity: 0.25;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .transition-opacity {
    transition: opacity 0.3s;
  }

  .nav-link {
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
    padding: 0 4px;
  }

  .nav-label {
    display: block;
    max-width: 60px;
    word-break: break-word;
    white-space: normal;
    text-align: center;
  }
</style>
