<?php
session_start();
if (!isset($_SESSION['usuario']) || !isset($_SESSION['token'])) {
    header("Location: index.html");
    exit;
}

require 'conexion.php';

// Validar token
$sql = "SELECT token FROM Usuarios WHERE usuario = ?";
$stmt = $conn->prepare($sql);
$stmt->bind_param("s", $_SESSION['usuario']);
$stmt->execute();
$res = $stmt->get_result();
if ($res->num_rows !== 1 || $res->fetch_assoc()['token'] !== $_SESSION['token']) {
    session_unset();
    session_destroy();
    header("Location: index.html?session=invalid");
    exit;
}

// Cargar materias
$materias = [];
$rs = $conn->query("SELECT cod_materia, nom_materia FROM Materias ORDER BY nom_materia");
while ($r = $rs->fetch_assoc()) $materias[] = $r;

// Buscar preguntas
$buscar = $_GET['buscar'] ?? '';
$sql = "SELECT 
            p.Id, 
            p.materia_id, 
            p.pregunta,
            p.imagen_pregunta,
            p.pregunta_a,
            p.imagen_pregunta_a,
            p.pregunta_b,
            p.imagen_pregunta_b,
            p.opcion1, 
            p.opcion2, 
            p.opcion3, 
            p.opcion4, 
            p.opcion5, 
            p.correcta_rpta, 
            p.detalle_rpta,
            m.nom_materia
        FROM Preguntas p
        LEFT JOIN Materias m ON p.materia_id = m.cod_materia
        WHERE p.pregunta LIKE ? 
           OR p.pregunta_a LIKE ?
           OR p.pregunta_b LIKE ?
           OR p.opcion1 LIKE ? 
           OR p.opcion2 LIKE ? 
           OR p.opcion3 LIKE ? 
           OR p.opcion4 LIKE ? 
           OR p.opcion5 LIKE ?
           OR m.nom_materia LIKE ?";

$stmt = $conn->prepare($sql);
$like = "%$buscar%";
$stmt->bind_param("sssssssss", $like, $like, $like, $like, $like, $like, $like, $like, $like);
$stmt->execute();
$preguntas = $stmt->get_result();

$nombreUsuario = htmlspecialchars($_SESSION['nombre']);
?>

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Gestor de Preguntas</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="crud_preguntas_estilos.css">
    <script src="crud_preguntas_funciones.js" defer></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    
</head>
<body>
    <header class="header">
        <div class="navbar">
            <div class="izquierda">
                <a href="panel_admin.php" title="Panel de administrador">
                    <button class="btn atras">
                    <img src="iconos/atras.png" alt="Atras">
                    </button>
                </a>
                <div class="usuario">Admin: <?= $nombreUsuario ?></div>
            </div>
            <button class="btn cerrar" onclick="location.href='logout.php'">Cerrar Sesión</button>
        </div>
    </header>

    <main class="main-container">
        <section class="form-section">
            <h2>Preguntas</h2>
            <div class="subtitulo">Registrar / Editar / Eliminar</div>
            <form id="formPregunta" enctype="multipart/form-data">
                <input type="hidden" name="id" id="id">
                
                <!-- Input oculto para almacenar rutas de imágenes existentes -->
                <input type="hidden" name="imagen_pregunta_actual" id="imagen_pregunta_actual">
                <input type="hidden" name="imagen_pregunta_a_actual" id="imagen_pregunta_a_actual">
                <input type="hidden" name="imagen_pregunta_b_actual" id="imagen_pregunta_b_actual">








                <!-- ✅ NUEVO: Campos para marcar eliminación -->
                <input type="hidden" name="imagen_pregunta_eliminar" id="imagen_pregunta_eliminar">
                <input type="hidden" name="imagen_pregunta_a_eliminar" id="imagen_pregunta_a_eliminar">
                <input type="hidden" name="imagen_pregunta_b_eliminar" id="imagen_pregunta_b_eliminar">







                
                <select name="materia_id" required>
                    <option value="">Seleccionar Materia</option>
                    <?php foreach ($materias as $m): ?>
                        <option value="<?= $m['cod_materia'] ?>"><?= htmlspecialchars($m['nom_materia']) ?></option>
                    <?php endforeach; ?>
                </select>

                <!-- ✅ PREGUNTA PRINCIPAL CON IMAGEN -->
                <textarea name="pregunta" placeholder="Texto de la pregunta principal" rows="3" required></textarea>
                
                <div class="campo-imagen">
                    <label>📷 Imagen de la pregunta principal (opcional):</label>
                    <label for="file_pregunta" class="upload-label">Seleccionar imagen</label>
                    <input type="file" id="file_pregunta" name="file_pregunta" accept="image/*">
                    <div id="preview_pregunta" class="imagen-preview-container"></div>
                </div>

                <!-- ✅ PREGUNTA A CON IMAGEN -->
                <textarea name="pregunta_a" placeholder="Pregunta A (opcional)" rows="2"></textarea>
                
                <div class="campo-imagen">
                    <label>📷 Imagen de la pregunta A (opcional):</label>
                    <label for="file_pregunta_a" class="upload-label">Seleccionar imagen</label>
                    <input type="file" id="file_pregunta_a" name="file_pregunta_a" accept="image/*">
                    <div id="preview_pregunta_a" class="imagen-preview-container"></div>
                </div>

                <!-- ✅ PREGUNTA B CON IMAGEN -->
                <textarea name="pregunta_b" placeholder="Pregunta B (opcional)" rows="2"></textarea>
                
                <div class="campo-imagen">
                    <label>📷 Imagen de la pregunta B (opcional):</label>
                    <label for="file_pregunta_b" class="upload-label">Seleccionar imagen</label>
                    <input type="file" id="file_pregunta_b" name="file_pregunta_b" accept="image/*">
                    <div id="preview_pregunta_b" class="imagen-preview-container"></div>
                </div>

                <input name="opcion1" placeholder="Opción 1" required>
                <input name="opcion2" placeholder="Opción 2" required>
                <input name="opcion3" placeholder="Opción 3" required>
                <input name="opcion4" placeholder="Opción 4">
                <input name="opcion5" placeholder="Opción 5">
                
                <select name="correcta_rpta" required>
                    <option value="">Respuesta Correcta</option>
                    <option value="1">Opción 1</option>
                    <option value="2">Opción 2</option>
                    <option value="3">Opción 3</option>
                    <option value="4">Opción 4</option>
                    <option value="5">Opción 5</option>
                </select>
                
                <textarea name="detalle_rpta" placeholder="Detalle de la respuesta (explicación)" rows="2"></textarea>
                
                <div id="mensaje" style="margin-bottom: 1rem;"></div>
                <div class="form-buttons full-line">
                    <div class="left-buttons">
                        <button type="submit">Guardar</button>
                        <button type="reset">Limpiar</button>
                        <!--<button type="reset" onclick="limpiarFormularioCompleto()">Limpiar</button>-->
                    </div>
                    <button type="button"
                            id="importarBtn"
                            class="reset-all">
                        Importar
                    </button>
                </div>
            </form>
        </section>

        <section class="tabla-section">
            <div class="busqueda">
                <form method="GET">
                    <input type="text" name="buscar" placeholder="Buscar pregunta..." value="<?= htmlspecialchars($buscar) ?>">
                    <button type="submit">Buscar</button>
                </form>
            </div>
            <table>
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Materia</th>
                        <th>Pregunta</th>
                        <th>Imágenes</th>
                        <th>Pregunta A</th>
                        <th>Pregunta B</th>
                        <th>Opciones</th>
                        <th>Correcta</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    <?php while ($p = $preguntas->fetch_assoc()): ?>
                        <tr>
                            <td><?= $p['Id'] ?></td>
                            <td><?= htmlspecialchars($p['nom_materia']) ?></td>
                            <td style="text-align: left; max-width: 180px; word-wrap: break-word;">
                                <?= htmlspecialchars(substr($p['pregunta'], 0, 80)) . (strlen($p['pregunta']) > 80 ? '...' : '') ?>
                            </td>
                            <td style="font-size: 0.75rem;">
                                <?php if($p['imagen_pregunta']): ?>
                                    <div>📷 Principal</div>
                                <?php endif; ?>
                                <?php if($p['imagen_pregunta_a']): ?>
                                    <div>📷 A</div>
                                <?php endif; ?>
                                <?php if($p['imagen_pregunta_b']): ?>
                                    <div>📷 B</div>
                                <?php endif; ?>
                                <?php if(!$p['imagen_pregunta'] && !$p['imagen_pregunta_a'] && !$p['imagen_pregunta_b']): ?>
                                    <div>-</div>
                                <?php endif; ?>
                            </td>
                            <td style="text-align: left; max-width: 120px; word-wrap: break-word; font-size: 0.85rem;">
                                <?= $p['pregunta_a'] ? htmlspecialchars(substr($p['pregunta_a'], 0, 50)) . (strlen($p['pregunta_a']) > 50 ? '...' : '') : '-' ?>
                            </td>
                            <td style="text-align: left; max-width: 120px; word-wrap: break-word; font-size: 0.85rem;">
                                <?= $p['pregunta_b'] ? htmlspecialchars(substr($p['pregunta_b'], 0, 50)) . (strlen($p['pregunta_b']) > 50 ? '...' : '') : '-' ?>
                            </td>
                            <td style="text-align: left; font-size: 0.8rem;">
                                <div>1) <?= htmlspecialchars(substr($p['opcion1'], 0, 25)) ?>...</div>
                                <div>2) <?= htmlspecialchars(substr($p['opcion2'], 0, 25)) ?>...</div>
                                <div>3) <?= htmlspecialchars(substr($p['opcion3'], 0, 25)) ?>...</div>
                                <div>4) <?= htmlspecialchars(substr($p['opcion4'], 0, 25)) ?>...</div>
                                <?php if($p['opcion5']): ?>
                                <div>5) <?= htmlspecialchars(substr($p['opcion5'], 0, 25)) ?>...</div>
                                <?php endif; ?>
                            </td>
                            <td>Opción <?= $p['correcta_rpta'] ?></td>
                            <td>
                                <button onclick='editarPregunta(<?= json_encode($p) ?>)'>Editar</button>
                                <button onclick='eliminarPregunta(<?= $p['Id'] ?>)'>Eliminar</button>
                            </td>
                        </tr>
                    <?php endwhile; ?>
                </tbody>
            </table>
        </section>
    </main>
</body>
</html>