<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Subir Archivo</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>


<nav class="navbar navbar-expand-lg navbar-light bg-light navbar-custom">
    <div class="container-fluid">
        
        <div class="logo-left">
            <a class="navbar-brand" href="#">
                <img src="assets/images/uploads/logo_ud.png" alt="Logo Universidad">
            </a>
        </div>

        
        <div class="logo-right">
            <a href="index.php?action=logout" id="logout-btn" class="btn btn-danger btn-sm">Cerrar sesión</a>
        </div>

        
        <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;">Subir Archivo para la Materia: <?= htmlspecialchars($materia['nombre']) ?></h2>

    
    <div class="card shadow mb-4">
        
        <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
            <h6 class="m-0 font-weight-bold text-primary" style="color: #000000;">Subir un nuevo archivo</h6> 
        </div>
        <div class="card-body row justify-content-center" id="card-body-page">
            <div class="col-11">
                <form action="index.php?action=uploadDocument&materia_id=<?= $materiaId ?>" method="POST" enctype="multipart/form-data">

                    
                    <div class="form-group">
                        <label for="nombre">Nombre del Documento:</label>
                        <input type="text" name="nombre" class="form-control" required>
                    </div>

                    
                    <div class="form-group">
                        <label for="descripcion">Descripción:</label>
                        <input type="text" name="descripcion" class="form-control" required>
                    </div>

                    
                    <div class="form-group">
                        <label for="file">Selecciona el archivo:</label>
                        <input type="file" name="file" class="form-control-file" required>
                    </div>

                    
                    <button type="submit" class="btn btn-primary w-100">Subir Archivo</button>
                </form>
            </div>
        </div>
    </div>

    
    <h3 class="text-center mt-5" style="color: #000000;">Archivos Subidos</h3>
    <div class="table-responsive">
        <table class="table table-hover table-bordered mb-0">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Nombre</th>
                    <th>Descripción</th>
                    <th>Archivo</th>
                    <th>Acciones</th>
                </tr>
            </thead>
            <tbody>
            <?php if (!empty($archivos)): ?>
                                    <?php foreach ($archivos as $index => $archivo): ?>
                                        <tr>
                                            <td><?= $index + 1 ?></td>
                                            <td><?= htmlspecialchars($archivo['nombre']) ?></td>
                                            <td><?= htmlspecialchars($archivo['descripcion']) ?></td>
                                            <td><?= htmlspecialchars($archivo['archivo']) ?></td>
                                            <td>
                                            <a href="index.php?action=download&file=<?= urlencode($archivo['archivo']) ?>" class="btn btn-primary btn-sm">Descargar</a>
                                            </td>
                                        </tr>
                                    <?php endforeach; ?>
                                <?php else: ?>
                    <tr>
                        <td colspan="5" class="text-center">No hay archivos subidos.</td>
                    </tr>
                <?php endif; ?>
            </tbody>
        </table>
    </div>

</div>

<footer>
    <p class="text-center" style="color: #000000;">Universidad &copy; <?= date('Y') ?></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>
