126 lines
4.9 KiB
PHP
126 lines
4.9 KiB
PHP
<?php
|
|
include 'includes/config.php';
|
|
redirect_if_not_logged_in();
|
|
|
|
$user = $_SESSION['user'];
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>DiploMaster - Panel</title>
|
|
<link rel="stylesheet" href="assets/css/styles.css">
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body class="<?= $user['rol'] ?>">
|
|
<div id="app-content">
|
|
<header>
|
|
<h1>DiploMaster</h1>
|
|
<div id="user-info">
|
|
<span id="current-user"><?= htmlspecialchars($user['nombre']) ?></span>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="main-container">
|
|
<div class="sidebar" id="sidebar">
|
|
<ul class="sidebar-menu">
|
|
<?php if ($user['rol'] === 'admin'): ?>
|
|
<li class="active" data-section="dashboard"><span>🏠 Inicio</span></li>
|
|
<li data-section="courses"><span>📚 Gestión de Cursos</span></li>
|
|
<li data-section="students"><span>👨🎓 Gestión de Estudiantes</span></li>
|
|
<?php else: ?>
|
|
<li class="active" data-section="dashboard"><span>🏠 Inicio</span></li>
|
|
<li data-section="my-courses"><span>📚 Mis Cursos</span></li>
|
|
<li data-section="diplomas"><span>🎓 Mis Diplomas</span></li>
|
|
<?php endif; ?>
|
|
<li data-section="profile"><span>👤 Perfil</span></li>
|
|
<li><a href="api/logout.php" class="logout-link">Cerrar sesión</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="content" id="main-content">
|
|
<?php if ($user['rol'] === 'admin'): ?>
|
|
<!-- Contenido para Administrador -->
|
|
<div id="dashboard-content" class="content-section active">
|
|
<div class="card">
|
|
<h2>Panel de Administración</h2>
|
|
<p>Bienvenido al sistema de gestión de DiploMaster</p>
|
|
<div class="stats">
|
|
<p><strong>Estadísticas:</strong></p>
|
|
<p>• <span id="active-courses-count">0</span> cursos activos</p>
|
|
<p>• <span id="students-count">0</span> estudiantes registrados</p>
|
|
<p>• <span id="diplomas-count">0</span> diplomas emitidos</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="courses-content" class="content-section">
|
|
<!-- Se cargará dinámicamente -->
|
|
</div>
|
|
|
|
<div id="students-content" class="content-section">
|
|
<!-- Se cargará dinámicamente -->
|
|
</div>
|
|
<?php else: ?>
|
|
<!-- Contenido para Usuario Normal -->
|
|
<div id="dashboard-content" class="content-section active">
|
|
<div class="card">
|
|
<h2>Bienvenido <?= htmlspecialchars($user['nombre']) ?></h2>
|
|
<p>Este es tu panel de control en DiploMaster</p>
|
|
<div class="stats">
|
|
<p><strong>Resumen:</strong></p>
|
|
<p>• <span id="user-courses-count">0</span> cursos registrados</p>
|
|
<p>• <span id="user-diplomas-count">0</span> diplomas disponibles</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<h2>Mis Cursos Recientes</h2>
|
|
<div class="search-container">
|
|
<input type="text" id="dashboard-course-search" placeholder="Buscar mis cursos..." class="search-input">
|
|
<button class="btn" id="dashboard-search-btn">Buscar</button>
|
|
</div>
|
|
<div class="table-container">
|
|
<table class="courses-table" id="dashboard-courses-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Nombre</th>
|
|
<th>Fecha Inicio</th>
|
|
<th>Fecha Fin</th>
|
|
<th>Acciones</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="dashboard-courses-body">
|
|
<!-- Se llenará dinámicamente -->
|
|
</tbody>
|
|
</table>
|
|
<div class="pagination" id="dashboard-pagination">
|
|
<button class="btn pagination-btn" id="prev-page">Anterior</button>
|
|
<span id="page-info">Página 1</span>
|
|
<button class="btn pagination-btn" id="next-page">Siguiente</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="my-courses-content" class="content-section">
|
|
<!-- Se cargará dinámicamente -->
|
|
</div>
|
|
|
|
<div id="diplomas-content" class="content-section">
|
|
<!-- Se cargará dinámicamente -->
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<!-- Sección común para todos los usuarios -->
|
|
<div id="profile-content" class="content-section">
|
|
<!-- Se cargará dinámicamente -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="assets/js/main.js"></script>
|
|
</body>
|
|
</html>
|