<?php
session_start();
// Verificar si el usuario está logueado y tiene los roles permitidos
if (!isset($_SESSION['usuario_id']) || 
    empty($_SESSION['usuario_id']) || 
    !in_array($_SESSION['rol'], ['admin', 'registrador_de_productos'])) {
    header('Location: ../login.php');
    exit;
}

require_once '../includes/config.php';
require_once '../includes/db.php';
// require_once '../includes/theme_only.php';
$db = new Database();
$mensaje = '';
$seccion = null;

// Obtener configuración
$stmt = $db->query("SELECT color_principal, color_secundario, favicon FROM configuracion");
$config = $stmt->fetch(PDO::FETCH_ASSOC);

// Obtener secciones
$secciones = $db->query("SELECT * FROM secciones");
//echo getThemeCSS();
require_once '../includes/header.php';
?>

<!DOCTYPE html>
<html lang="es">
<head>
<?php
    // Modo oscuro
    require_once '../includes/dark_mode.php';
    ?>
    <meta name="color-scheme" content="light dark">
    <?php echo getDarkModeStyles(); ?>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Gestión de Secciones</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <?php if (!empty($config['favicon'])): ?>
        <link rel="shortcut icon" href="../uploads/config/<?php echo $config['favicon']; ?>" type="image/x-icon">
    <?php endif; ?>
    
</head>
<body>
    <div class="container mt-4">
        <?php if (isset($_GET['mensaje'])): ?>
            <div class="alert alert-<?php echo $_GET['tipo'] ?? 'info'; ?> alert-dismissible fade show" role="alert">
                <?php echo htmlspecialchars(urldecode($_GET['mensaje'])); ?>
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        <?php endif; ?>
        
        <div class="d-flex align-items-center mb-3">

            <h2 class="titulo-principal h3 mb-0">Gestión de Secciones</h2>
        </div>
        
        <div class="mb-3 d-grid d-md-block">
            <a href="registrar-seccion.php" class="btn btn-primary">
                <img src="icons/plus.svg" alt="Nuevo" width="18" height="18" class="me-1">
                Nueva Sección
            </a>
        </div>

        <div class="table-responsive">
            <table class="table table-striped table-sm">
                <thead>
                    <tr>
                        <th>Código</th>
                        <th>Nombre</th>
                        <th class="d-none d-md-table-cell">Descripción</th>
                        <th class="text-end">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    <?php while ($seccion = $secciones->fetch(PDO::FETCH_ASSOC)): ?>
                        <tr>
                            <td><?php echo htmlspecialchars($seccion['codigo']); ?></td>
                            <td><?php echo htmlspecialchars($seccion['nombre']); ?></td>
                            <td class="d-none d-md-table-cell"><?php echo htmlspecialchars($seccion['descripcion']); ?></td>
                            <td class="text-end text-nowrap">
                                <div class="btn-group btn-group-sm" style="gap: 5px; float: right;">
                                    <a href="editar-seccion.php?id=<?php echo $seccion['id']; ?>" class="btn btn-secondary">
                                        <img src="icons/pencil.svg" alt="Editar" width="14" height="14">
                                    </a>
                                    <a href="eliminar-seccion.php?id=<?php echo $seccion['id']; ?>" class="btn btn-danger" 
                                       onclick="return confirm('¿Está seguro de eliminar esta sección?')">
                                        <img src="icons/trash.svg" alt="Eliminar" width="14" height="14">
                                    </a>
                                </div>
                            </td>
                        </tr>
                    <?php endwhile; ?>
                </tbody>
            </table>
        </div>
    </div>
</body>
</html>