<!doctype html>
<?php
    include('menus.php');
    include('conexion.php'); // Conexión a la base de datos
    session_start();
?>
<html class="no-js" lang="zxx">
    <?php head_1(); ?>
    <style>
        .product-card {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 500px;
        }
        .mdl-card__title img {
            max-height: 160px;
            width: auto;
            display: block;
            margin: 0 auto;
        }
        .mdl-card__supporting-text {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
        }
        .mdl-card__actions {
            margin-top: auto;
        }
        .form-container {
            margin: 20px auto;
            padding: 20px;
            background: #f8f9fa;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
    </style>
    <body>
        <?php
            menu_registro();
            vericar_sesion();
        ?>
        <div class="mdl-tabs__panel is-active" id="tabInfoPack">
            <div class="mdl-grid">
                <div class="mdl-cell mdl-cell--12-col">
                    <div class="full-width panel mdl-shadow--2dp">
                        <div class="full-width panel-tittle bg-primary text-center tittles">
                            Paquete Informativo sobre el Lupus
                        </div>
                        <div class="full-width panel-content">
                            <div class="mdl-grid">
                                <?php
                                    $sql = "SELECT d.*, u.nombres AS nombre, u.apellidos AS apellido FROM documentos d JOIN usuarios u ON d.id_usuario = u.usuario_id ORDER BY d.fecha_subida DESC";
                                    $result = $conn->query($sql);
                                    if ($result->num_rows > 0) {
                                        while ($doc = $result->fetch_assoc()) {
                                            echo '<div class="mdl-cell mdl-cell--4-col mdl-card mdl-shadow--2dp full-width product-card" style="margin: 10px;">';
                                            echo '    <div class="mdl-card mdl-shadow--2dp full-width">';
                                            echo '        <div class="mdl-card__title">';
                                            echo '          <center>';
                                            echo '            <img src="imagenes_documentos/' . htmlspecialchars($doc["imagen"]) . '" alt="Miniatura del PDF" class="pdf-thumbnail" style="display: block; margin: auto; max-height: 160px;">';
                                            echo '          </center>';
                                            echo '        </div>';
                                            echo '        <div class="mdl-card__supporting-text">';
                                            echo '            <h2 class="mdl-card__title-text" style="font-weight: bold; color: #333;">' . htmlspecialchars($doc["titulo"]) . '</h2>';
                                            echo '            <p style="font-size: 18px; font-weight: bold;">' . htmlspecialchars($doc["descripcion"]) . '</p>';
                                            echo '            <p style="font-size: 14px; color: #666;">Subido por: <b>' . htmlspecialchars($doc["nombre"]) . ' ' . htmlspecialchars($doc["apellido"]) . '</b> el ' . date("d/m/Y", strtotime($doc["fecha_subida"])) . '</p>';
                                            echo '        </div>';
                                            echo '        <div class="mdl-card__actions mdl-card--border" style="text-align: center;">';
                                            echo '          <center>';
                                            echo '            <a href="descargar.php?file=' . urlencode($doc["archivo"]) . '" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--colored">Descargar PDF</a>';
                                            echo '          </center>';
                                            echo '         </div>';
                                            echo '    </div>';
                                            echo '</div>';
                                        }
                                    } else {
                                        echo '<p class="text-center">No hay documentos registrados.</p>';
                                    }
                                ?>
                            </div>
                            <!-- Formulario solo para especialistas -->
                            <?php if (isset($_SESSION['tipo']) && $_SESSION['tipo'] === "Especialista") { ?>
                                <div class="form-container">
                                    <h2 class="text-center">Agregar Nuevo Recurso</h2>
                                    <form action="subir_documento.php" method="POST" enctype="multipart/form-data">
                                        <div class="form-group">
                                            <label for="titulo">Título del Documento:</label>
                                            <input type="text" name="titulo" class="form-control" required>
                                        </div>
                                        <div class="form-group">
                                            <label for="descripcion">Descripción:</label>
                                            <textarea name="descripcion" class="form-control" rows="3" required></textarea>
                                        </div>
                                        <div class="form-group">
                                            <label for="archivo">Archivo PDF:</label>
                                            <input type="file" name="archivo" class="form-control-file" accept=".pdf" required>
                                        </div>
                                        <div class="form-group">
                                            <label for="imagen">Imagen de la Tarjeta:</label>
                                            <input type="file" name="imagen" class="form-control-file" accept="image/*" required>
                                        </div>
                                        <div class="text-center">
                                            <button type="submit" class="btn btn-primary">Subir Documento</button>
                                        </div>
                                    </form>
                                </div>
                            <?php } ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <?php footer_1(); ?>
    </body>
</html>