<?php
// Gestión de sesión segura
if (session_status() === PHP_SESSION_NONE) {
    session_start();
}
?>
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Mi CPU</title>
  <link rel="icon" type="image/png" href="IMG/imgutsem/micpusinfondo.png"/>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"/>
  
  <!-- Estilos centralizados -->
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <header>
    <nav>
      <div class="logo">
        <a href="<?php echo isset($_SESSION['usuario']) ? 'administrador.php' : 'responsive_home.php'; ?>">
          <img src="IMG/imgutsem/logo_micpu.png" alt="Logo Mi CPU">
        </a>
      </div>
      <div class="menu-toggle" onclick="toggleMenu()">☰</div>
      <ul class="menu" id="menu">
        <li><a href="status.php">Estatus de Solicitud</a></li>
        <li><a href="pdf/Programa_anual_2026.pdf" target="_blank">Programa Anual</a></li>
        <li><a href="pdf/manual_usuario3.pdf" target="_blank">Ayuda</a></li>
        
        <?php if (isset($_SESSION['usuario'])): ?>
          <!-- Botón de Cerrar Sesión con letras rojas y resaltado -->
          <li><a href="logout.php" class="menu-logout">Cerrar Sesión</a></li>
        <?php else: ?>
          <li><a href="iniciosesi.php">Iniciar Sesión</a></li>
        <?php endif; ?>
      </ul>
    </nav>
  </header>

  <script>
    // Función global para el menú hamburguesa
    function toggleMenu() {
      document.getElementById('menu').classList.toggle('active');
    }
  </script>