<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mis Materias</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>

<!-- Barra de navegación personalizada con fondo degradado -->
<nav class="navbar navbar-expand-lg navbar-light bg-light navbar-custom">
    <div class="container-fluid">
        <!-- Logo izquierdo -->
        <div class="logo-left">
            <a class="navbar-brand" href="#">
                <img src="assets/images/uploads/logo_ud.png" alt="Logo Universidad">
            </a>
        </div>

        <!-- Botón de cerrar sesión (a la derecha del logo) -->
        <div class="logo-right">
            <a href="index.php?action=logout" id="logout-btn" class="btn btn-danger btn-sm">Cerrar sesión</a>
        </div>

        <!-- Logo derecho (opcional) -->
        <div class="logo-right">
            <a class="navbar-brand" href="#">
                <img src="assets/images/uploads/chibchacum3.png" alt="Logo Chibchacum">
            </a>
        </div>
    </div>
</nav>
<div class="container" style="margin-top: 50px;">

    <h2 class="text-center" style="color: #000000;">Mis Materias</h2>
   
    <?php if (!empty($materias)): ?>
        <ul class="list-group">
            <?php foreach ($materias as $materia): ?>
                <li class="list-group-item">
                    <a href="index.php?action=showDocumentForm&materia_id=<?= $materia['id'] ?>" class="text-decoration-none" style="color: #000000;">
                        <?= htmlspecialchars($materia['nombre']) ?> - <?= htmlspecialchars($materia['descripcion']) ?>
                    </a>
                </li>
            <?php endforeach; ?>
        </ul>
    <?php else: ?>
   
        <p class="text-center" style="color: #000000;">No tienes materias asignadas.</p>
    <?php endif; ?>
</div>


<footer>
    <p class="text-center" style="color: #000000;">© 2024 Proyecto UD</p>
</footer>

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.bundle.min.js"></script>

</body>
</html>
