<?php
require_once __DIR__ . '/config.php';
$u = requerirLogin();

$nombreRol = ['cargador' => 'Cargador', 'revisor' => 'Revisor', 'admin' => 'Administrador'][$u['rol']] ?? $u['rol'];
?>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Portal — Fondo Documental SGC</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">
<link href="estilos.css" rel="stylesheet">
<style>
.tarjeta-modulo {
    background: var(--superficie); border: 1px solid var(--gris-borde); border-radius: var(--radio);
    box-shadow: var(--sombra); padding: 1.75rem; max-width: 480px;
}
.tarjeta-modulo i.icono-modulo {
    width: 46px; height: 46px; border-radius: 10px; background: var(--azul-bg); color: var(--azul-texto);
    display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 1rem;
}
</style>
</head>
<body>
<div class="header">
    <strong><i class="bi bi-music-note-beamed me-1"></i> Fondo documental SGC</strong>
    <div class="d-flex align-items-center gap-3">
        <span class="badge-rol"><?= htmlspecialchars($nombreRol) ?></span>
        <span style="font-size:.85rem"><?= htmlspecialchars($u['nombre']) ?></span>
        <a href="logout.php" class="btn btn-sm btn-outline-light">Salir</a>
    </div>
</div>

<div class="container py-5">
    <?php if ($u['rol'] === 'cargador'): ?>
        <div class="tarjeta-modulo">
            <i class="bi bi-folder2-open icono-modulo"></i>
            <h5>Módulo cargador</h5>
            <p class="text-muted mb-3" style="font-size:.85rem">Registra tus obras, vincula titulares y carga los documentos del fondo documental.</p>
            <a href="obras.php" class="btn btn-sgc-primary"><i class="bi bi-arrow-right me-1"></i> Ver mis obras</a>
        </div>
    <?php elseif ($u['rol'] === 'revisor'): ?>
        <div class="tarjeta-modulo">
            <i class="bi bi-clipboard-check icono-modulo"></i>
            <h5>Módulo revisor</h5>
            <p class="text-muted mb-3" style="font-size:.85rem">Aprueba o rechaza los documentos cargados que requieren revisión.</p>
            <div class="d-flex gap-2">
                <a href="revisor.php" class="btn btn-sgc-primary"><i class="bi bi-arrow-right me-1"></i> Ver cola de revisión</a>
                <a href="obras.php" class="btn btn-outline-secondary"><i class="bi bi-folder2 me-1"></i> Ver todas las obras</a>
            </div>
        </div>
    <?php elseif ($u['rol'] === 'admin'): ?>
        <div class="tarjeta-modulo">
            <i class="bi bi-sliders icono-modulo"></i>
            <h5>Módulo administrador</h5>
            <p class="text-muted mb-3" style="font-size:.85rem">Visibilidad total sobre las obras del sistema. Gestión de catálogo y usuarios: siguiente parte.</p>
            <div class="d-flex gap-2">
                <a href="obras.php" class="btn btn-sgc-primary"><i class="bi bi-arrow-right me-1"></i> Ver todas las obras</a>
                <a href="revisor.php" class="btn btn-outline-secondary"><i class="bi bi-clipboard-check me-1"></i> Cola de revisión</a>
            </div>
        </div>
    <?php endif; ?>
</div>
</body>
</html>
