<?php 
session_start();

if (!isset($_SESSION['ingresado']) || $_SESSION['ingresado'] != true) {
    header("Location: login.php");
    exit();
}

if ($_SESSION['rol'] != 'Inspector') {
    header("Location: login.php");
    exit();
}

if (isset($_GET['cerrar'])) {
    session_destroy();
    header("Location: login.php");
    exit();
}

$servername = "localhost";
$username_db = "root";
$password_db = "";
$database = "control_atrasos";

$conn = new mysqli($servername, $username_db, $password_db, $database);
$conn->set_charset("utf8mb4");

$mensaje = "";
$error = "";

// --- Lógica para crear usuarios (Docentes) ---
if (isset($_POST['btn_registrar_usuario'])) {
    $cedula = trim($_POST['cedula']);
    $nombre = trim($_POST['nombre']);
    $apellido = trim($_POST['apellido']);
    $rol = $_POST['rol'];
    $contrasena = $_POST['contrasena'];
    
    $verificar = $conn->query("SELECT cedula FROM usuarios WHERE cedula = '$cedula'");
    if ($verificar->num_rows > 0) {
        $error = "Esta cédula ya está registrada";
    } else {
        $conn->query("INSERT INTO usuarios (cedula, contrasena, rol, nombre, apellido) VALUES ('$cedula', '$contrasena', '$rol', '$nombre', '$apellido')");
        $mensaje = "✅ Usuario ($rol) registrado correctamente";
    }
}

// --- Lógica para activar/desactivar usuarios ---
if (isset($_GET['accion']) && isset($_GET['id'])) {
    $id = intval($_GET['id']);
    $accion = $_GET['accion'];
    if ($accion == 'activar') {
        $conn->query("UPDATE usuarios SET estado = 'Activo' WHERE id_usuario = $id");
    } elseif ($accion == 'desactivar') {
        $conn->query("UPDATE usuarios SET estado = 'Inactivo' WHERE id_usuario = $id");
    }
    header("Location: inspector.php");
    exit();
}

// --- Registrar estudiante manual ---
if (isset($_POST['btn_registrar_estudiante'])) {
    $nombre = trim($_POST['nombre']);
    $apellido = trim($_POST['apellido']);
    $id_curso = $_POST['curso'];
    $conn->query("INSERT INTO estudiante (nombre, apellido, id_curso) VALUES ('$nombre', '$apellido', $id_curso)");
    $mensaje = "✅ Estudiante registrado correctamente";
}

// --- Eliminar estudiante ---
if (isset($_POST['btn_eliminar_estudiante'])) {
    $id_estudiante = $_POST['id_estudiante'];
    $conn->query("DELETE FROM estudiante WHERE id_estudiante = $id_estudiante");
    $mensaje = "✅ Estudiante eliminado correctamente";
}

// --- Eliminar todos los estudiantes ---
if (isset($_POST['btn_eliminar_todos_estudiantes'])) {
    $conn->query("DELETE FROM estudiante");
    $mensaje = "✅ Todos los estudiantes han sido eliminados";
}

// --- Eliminar cursos y estudiantes ---
if (isset($_POST['btn_eliminar_todos_cursos'])) {
    $conn->query("DELETE FROM estudiante");
    $conn->query("DELETE FROM curso");
    $mensaje = "✅ Todos los cursos y estudiantes han sido eliminados";
}

$estudiantes = $conn->query("SELECT e.*, c.nombre_curso, c.paralelo FROM estudiante e JOIN curso c ON e.id_curso = c.id_curso ORDER BY c.nombre_curso, c.paralelo, e.apellido");
$cursos = $conn->query("SELECT * FROM curso ORDER BY nombre_curso, paralelo");
// Solo mostrar docentes
$usuarios = $conn->query("SELECT * FROM usuarios WHERE rol = 'Docente' ORDER BY nombre");
?>

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Inspector - U.E. Jaime Roldós Aguilera</title>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; }
body { background: #f5f7fb; }
.header { background: linear-gradient(90deg, #002c6b, #003f8c); color: white; padding: 20px 40px; display: flex; align-items: center; justify-content: space-between; }
.logo img { width: 100px; margin-right: 20px; }
.titulo h1 { font-size: 34px; font-weight: 700; }
.titulo h2 { font-size: 18px; font-weight: 300; }
.btn-cerrar { background: #f0b323; color: #003b8e; padding: 10px 20px; text-decoration: none; border-radius: 6px; font-weight: bold; }
.bienvenido { background: #004a9f; color: white; padding: 15px 40px; text-align: center; }
.bienvenido span { color: #f0b323; }
.contenedor { max-width: 1200px; width: 95%; margin: 40px auto; }
.grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 30px; }
.grid-usuarios { display: grid; grid-template-columns: 1fr 2fr; gap: 30px; margin-top: 30px; padding-top: 30px; border-top: 2px dashed #ccc; }
.card { background: white; padding: 25px; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
.card h3 { color: #003b8e; margin-bottom: 20px; border-bottom: 2px solid #f0b323; padding-bottom: 10px; }
.form-group { margin-bottom: 15px; }
.form-group label { display: block; margin-bottom: 5px; font-weight: 600; }
.form-group input, .form-group select { width: 100%; padding: 12px; border: 2px solid #ddd; border-radius: 8px; font-size: 16px; }
.boton { width: 100%; padding: 12px; background: #f0b323; color: #003b8e; border: none; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; }
.boton:hover { background: #e5a700; }
.boton-rojo { background: #e74c3c; color: white; }
.boton-rojo:hover { background: #c0392b; }
.boton-naranja { background: #e67e22; color: white; }
.boton-naranja:hover { background: #d35400; }
.tabla { width: 100%; border-collapse: collapse; }
.tabla th, .tabla td { padding: 10px; text-align: left; border-bottom: 1px solid #ddd; font-size: 14px; }
.tabla th { background: #003b8e; color: white; }
.tabla tr:hover { background: #f5f7fb; }
.mensaje { padding: 15px; border-radius: 8px; margin-bottom: 20px; background: #d4edda; color: #155724; }
.mensaje_error { background: #f8d7da; color: #721c24; }
.panel-botones { display: flex; gap: 15px; margin-bottom: 30px; }
.btn-panel { flex: 1; background: white; padding: 25px; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); text-align: center; cursor: pointer; transition: transform 0.2s; }
.btn-panel:hover { transform: translateY(-5px); }
.btn-panel i { font-size: 40px; color: #003b8e; margin-bottom: 10px; }
.btn-panel h4 { color: #333; }
.btn-panel p { color: #666; font-size: 14px; }
.btn-eliminar { background: #e74c3c; color: white; border: none; padding: 5px 10px; border-radius: 5px; cursor: pointer; font-size: 12px; }
.estado-activo { color: green; font-weight: bold; }
.estado-inactivo { color: red; font-weight: bold; }
.btn-accion { padding: 5px 10px; border-radius: 5px; text-decoration: none; font-size: 12px; margin-right: 5px; display: inline-block; }
.btn-activar { background: #27ae60; color: white; }
.btn-desactivar { background: #e74c3c; color: white; }
.footer { background: #002c6b; color: white; text-align: center; padding: 15px; margin-top: 40px; }
.toggle-lista { background: #6c757d; color: white; padding: 10px 20px; border: none; border-radius: 8px; cursor: pointer; font-size: 16px; font-weight: bold; margin-bottom: 20px; }
.toggle-lista:hover { background: #5a6268; }
.lista-container { display: none; }
@media(max-width: 768px) { .grid2 { grid-template-columns: 1fr; } .grid-usuarios { grid-template-columns: 1fr; } .header { flex-direction: column; text-align: center; } }
</style>
<script>
function toggleLista() {
    var x = document.getElementById("listaEstudiantes");
    if (x.style.display === "none") { x.style.display = "block"; } 
    else { x.style.display = "none"; }
}
</script>
</head>
<body>
<div class="header">
    <div class="logo"><img src="logo.png" alt="Logo"></div>
    <div class="titulo">
        <h2>UNIDAD EDUCATIVA FISCOMISIONAL</h2>
        <h1>JAIME ROLDÓS AGUILERA</h1>
    </div>
    <a href="?cerrar=1" class="btn-cerrar"><i class="fas fa-sign-out-alt"></i> Cerrar Sesión</a>
</div>
<div class="bienvenido">
    <h2>¡BIENVENIDO, <span><?php echo $_SESSION['nombre'].' '.$_SESSION['apellido']; ?>!</span></h2>
    <p>Rol: <strong><?php echo $_SESSION['rol']; ?></strong></p>
</div>
<div class="contenedor">
    <?php if (!empty($mensaje)) { ?><div class="mensaje"><?php echo $mensaje; ?></div><?php } ?>
    <?php if (!empty($error)) { ?><div class="mensaje mensaje_error"><?php echo $error; ?></div><?php } ?>
    
    <div class="panel-botones">
        <div class="btn-panel" onclick="window.location.href='historial.php'">
            <i class="fas fa-history"></i>
            <h4>Historial</h4>
            <p>Ver registros</p>
        </div>
    </div>

    <div class="grid2">
        <div class="card">
            <h3><i class="fas fa-user-plus"></i> Registrar Estudiante</h3>
            <form method="POST">
                <div class="form-group">
                    <label>Nombre</label>
                    <input type="text" name="nombre" required placeholder="Nombre">
                </div>
                <div class="form-group">
                    <label>Apellido</label>
                    <input type="text" name="apellido" required placeholder="Apellido">
                </div>
                <div class="form-group">
                    <label>Curso</label>
                    <select name="curso" required>
                        <option value="">Seleccione...</option>
                        <?php $cursos->data_seek(0); while($cur = $cursos->fetch_assoc()) { ?>
                        <option value="<?php echo $cur['id_curso']; ?>"><?php echo $cur['nombre_curso'].' - '.$cur['paralelo']; ?></option>
                        <?php } ?>
                    </select>
                </div>
                <button type="submit" name="btn_registrar_estudiante" class="boton">REGISTRAR</button>
            </form>
        </div>

        <div class="card">
            <h3><i class="fas fa-trash-alt"></i> Eliminar Todo</h3>
            <form method="POST" onsubmit="return confirm('¿Estás seguro de eliminar todos los estudiantes?');">
                <button type="submit" name="btn_eliminar_todos_estudiantes" class="boton boton-rojo">ELIMINAR TODOS LOS ESTUDIANTES</button>
            </form>
            <br><br>
            <form method="POST" onsubmit="return confirm('¿Eliminar TODOS los cursos Y estudiantes?');">
                <button type="submit" name="btn_eliminar_todos_cursos" class="boton boton-naranja">ELIMINAR CURSOS Y ESTUDIANTES</button>
            </form>
        </div>
    </div>

    <button class="toggle-lista" onclick="toggleLista()">📋 Ver/Ocultar Lista de Estudiantes</button>

    <div class="card lista-container" id="listaEstudiantes" style="display: none; margin-bottom: 30px;">
        <h3><i class="fas fa-users"></i> Lista de Estudiantes</h3>
        <table class="tabla">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Nombre</th>
                    <th>Apellido</th>
                    <th>Curso</th>
                    <th>Acción</th>
                </tr>
            </thead>
            <tbody>
                <?php $contador = 1; $estudiantes->data_seek(0); while($est = $estudiantes->fetch_assoc()) { ?>
                <tr>
                    <td><?php echo $contador++; ?></td>
                    <td><?php echo $est['nombre']; ?></td>
                    <td><?php echo $est['apellido']; ?></td>
                    <td><?php echo $est['nombre_curso'].' - '.$est['paralelo']; ?></td>
                    <td>
                        <form method="POST" style="display:inline;">
                            <input type="hidden" name="id_estudiante" value="<?php echo $est['id_estudiante']; ?>">
                            <button type="submit" name="btn_eliminar_estudiante" class="btn-eliminar" onclick="return confirm('¿Eliminar estudiante?')">Eliminar</button>
                        </form>
                    </td>
                </tr>
                <?php } ?>
            </tbody>
        </table>
    </div>

    <div class="grid-usuarios">
        <div class="card">
            <h3><i class="fas fa-user-plus"></i> Registrar Docente</h3>
            <form method="POST">
                <div class="form-group">
                    <label>Cédula</label>
                    <input type="text" name="cedula" required placeholder="Número de cédula">
                </div>
                <div class="form-group">
                    <label>Nombre</label>
                    <input type="text" name="nombre" required placeholder="Nombre">
                </div>
                <div class="form-group">
                    <label>Apellido</label>
                    <input type="text" name="apellido" required placeholder="Apellido">
                </div>
                <div class="form-group">
                    <label>Contraseña</label>
                    <input type="password" name="contrasena" required placeholder="Contraseña">
                </div>
                <input type="hidden" name="rol" value="Docente">
                <button type="submit" name="btn_registrar_usuario" class="boton">REGISTRAR DOCENTE</button>
            </form>
        </div>
        
        <div class="card">
            <h3><i class="fas fa-chalkboard-teacher"></i> Docentes Registrados</h3>
            <table class="tabla">
                <thead>
                    <tr>
                        <th>Cédula</th>
                        <th>Nombre</th>
                        <th>Estado</th>
                        <th>Acción</th>
                    </tr>
                </thead>
                <tbody>
                    <?php while ($user = $usuarios->fetch_assoc()) { ?>
                    <tr>
                        <td><?php echo $user['cedula']; ?></td>
                        <td><?php echo $user['nombre'].' '.$user['apellido']; ?></td>
                        <td>
                            <span class="<?php echo $user['estado'] == 'Activo' ? 'estado-activo' : 'estado-inactivo'; ?>">
                                <?php echo $user['estado']; ?>
                            </span>
                        </td>
                        <td>
                            <?php if ($user['estado'] == 'Activo') { ?>
                            <a href="?accion=desactivar&id=<?php echo $user['id_usuario']; ?>" class="btn-accion btn-desactivar">Desactivar</a>
                            <?php } else { ?>
                            <a href="?accion=activar&id=<?php echo $user['id_usuario']; ?>" class="btn-accion btn-activar">Activar</a>
                            <?php } ?>
                        </td>
                    </tr>
                    <?php } ?>
                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="footer">© 2025 U.E. Fiscomisional Jaime Roldós Aguilera</div>
</body>
</html>