68 lines
3.1 KiB
PHP
68 lines
3.1 KiB
PHP
<?php
|
|
if (session_status() === PHP_SESSION_NONE) {
|
|
session_start();
|
|
}
|
|
|
|
// Comprobación de sesión
|
|
$isLoggedIn = isset($_SESSION['usuario']) && !empty($_SESSION['usuario']);
|
|
$username = $isLoggedIn ? $_SESSION['usuario'] : '';
|
|
?>
|
|
|
|
<!-- Bootstrap 5 CSS -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<!-- FontAwesome para iconos -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
|
|
<!-- Google Fonts para estilo Kahoot -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="/css/index.css">
|
|
<style>
|
|
|
|
</style>
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-kahoot py-3 mb-4">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="index.php">
|
|
<i class="fa-solid fa-gamepad me-2"></i>TRIVIAGMÁTICO
|
|
</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarContent">
|
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0"></ul>
|
|
|
|
<div class="d-flex align-items-center gap-3">
|
|
<?php if ($isLoggedIn): ?>
|
|
<!-- Menú desplegable -->
|
|
<div class="dropdown">
|
|
<button class="btn user-dropdown-btn dropdown-toggle d-flex align-items-center gap-2"
|
|
type="button"
|
|
id="userDropdown"
|
|
data-bs-toggle="dropdown"
|
|
aria-expanded="false">
|
|
<i class="fa-solid fa-circle-user fa-lg text-warning"></i>
|
|
<span><?= htmlspecialchars($username) ?></span>
|
|
</button>
|
|
<ul class="dropdown-menu dropdown-menu-end user-dropdown-menu" aria-labelledby="userDropdown">
|
|
<li>
|
|
<a class="dropdown-item d-flex align-items-center gap-2" href="perfil.php">
|
|
<i class="fa-solid fa-user text-primary"></i> Perfil
|
|
</a>
|
|
</li>
|
|
<li><hr class="dropdown-divider"></li>
|
|
<li>
|
|
<a class="dropdown-item logout-item d-flex align-items-center gap-2" href="logout.php">
|
|
<i class="fa-solid fa-right-from-bracket"></i> Cerrar Sesión
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<?php else: ?>
|
|
<a href="login.php" class="btn btn-kahoot-login rounded-pill px-4">
|
|
<i class="fa-solid fa-right-to-bracket me-1"></i> Iniciar Sesión
|
|
</a>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|