<?php
include("../config/conexion.php");

if (isset($_GET['idcita'])) {
    $idregistro = $_GET['idcita'];

    // Consulta para obtener los datos de la cita
    $sql = $conexion->prepare("SELECT * FROM cita WHERE idcita = ?");
    $sql->bind_param("s", $idregistro);
    $sql->execute();
    $resultado = $sql->get_result();

    if ($resultado->num_rows > 0) {
        $cita = $resultado->fetch_assoc();
    } else {
        die("No se encontró la cita con ese ID.");
    }
} else {
    die("ID de registro no proporcionado.");
}
?>
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <title>Buscar Alumno por Carnet</title>
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>

<body>
<?php
    include 'menuform.php';
    ?>
    <div class="container mt-5">
        <h2>Modificacion de Faltas</h2>
        <form id="alumnoForm" action="../crud/insertar_cita.php" method="POST">

            <!-- Campo oculto para ID de registro -->
            <input type="hidden" name="idcita" id="idcita" value="<?php echo isset($cita['idcita']) ? htmlspecialchars($cita['idcita'], ENT_QUOTES) : ''; ?>">

            <div class="form-group">
                <label for="fecha">Fecha y Hora</label>
                <input type="datetime-local" name="fecha" class="form-control" id="fecha" value="<?php echo isset($cita['fecha']) ? htmlspecialchars($cita['fecha'], ENT_QUOTES) : ''; ?>" required>
            </div>

            <div class="form-group">
                <label for="usuario">Seleccione usuario:</label>
                <select class="form-control" name="usuario" id="usuario" required>
                    <option selected disabled>---Seleccione usuario---</option>
                    <?php
                    $sql = $conexion->query("SELECT nombre FROM usuario WHERE estado = 'activado'");
                    if ($sql) {
                        if ($sql->num_rows > 0) {
                            while ($resultado = $sql->fetch_assoc()) {
                                $nombreUsuario = htmlspecialchars($resultado['nombre'], ENT_QUOTES);
                                $selected = ($nombreUsuario == $cita['usuario']) ? 'selected' : '';
                                echo "<option value='$nombreUsuario' $selected>$nombreUsuario</option>";
                            }
                        } else {
                            echo "<option disabled>No se encontraron usuarios registrados</option>";
                        }
                    } else {
                        die("Error en la consulta: " . $conexion->error);
                    }
                    ?>
                </select>
            </div>
            <div class="form-group">
                <label for="usuario">estado de la cita:</label>
                <select class="form-control" name="atendida" id="atendida" required>
                    <option selected disabled>---Seleccione estado---</option>
                    <?php
                    $sql = $conexion->query("SELECT atendida FROM cita");
                    if ($sql) {
                        if ($sql->num_rows > 0) {
                            while ($resultado = $sql->fetch_assoc()) {
                                $nombreUsuario = htmlspecialchars($resultado['atendida'], ENT_QUOTES);
                                $selected = ($nombreUsuario == $cita['atendida']) ? 'selected' : '';
                                echo "<option value='$nombreUsuario' $selected>$nombreUsuario</option>";
                            }
                        } else {
                            echo "<option disabled>No se encontraron usuarios registrados</option>";
                        }
                    } else {
                        die("Error en la consulta: " . $conexion->error);
                    }
                    ?>
                </select>
            </div>

  


            <div class="form-group">
                <label for="carnet">Digite carnet</label>
                <input type="text" name="carnet" id="carnet" class="form-control" placeholder="Ingrese el carnet" required>
            </div>

            <div id="resultado" class="mt-4">
                <div class="form-group">
                    <label for="nombres">Nombres:</label>
                    <input type="text" id="nombres" class="form-control" readonly>
                </div>
                <div class="form-group">
                    <label for="carrera">Carrera:</label>
                    <input type="text" id="carrera" class="form-control" readonly>
                </div>
                <div class="form-group">
                    <label for="grado">Grado:</label>
                    <input type="text" id="grado" class="form-control" readonly>
                </div>
                <div class="form-group">
                    <label for="seccion">Sección:</label>
                    <input type="text" id="seccion" class="form-control" readonly>
                </div>
                <div class="form-group">
                    <label for="plan">Plan:</label>
                    <input type="text" id="plan" class="form-control" readonly>
                </div>
                <div class="form-group">
                    <label for="comentario">Comentario</label>
                    <input type="text" name="comentario" id="comentario" class="form-control">
                </div>
            </div>

            <input type="hidden" name="nombres" id="nombresHidden">
            <input type="hidden" name="carrera" id="carreraHidden">
            <input type="hidden" name="grado" id="gradoHidden">
            <input type="hidden" name="seccion" id="seccionHidden">
            <input type="hidden" name="plan" id="planHidden">

            <button type="submit" class="btn btn-success">Guardar Cita</button>
            <button type="button" id="editBtn" class="btn btn-primary mt-2">Modificar Datos</button>
        </form>
    </div>

    <script>
        $(document).ready(function() {
            $('#carnet').on('input', function() {
                const carnet = $(this).val();
                if (carnet.length > 0) {
                    $.ajax({
                        url: 'buscar_alumno.php',
                        method: 'POST',
                        data: {
                            carnet: carnet
                        },
                        success: function(response) {
                            const data = JSON.parse(response);
                            if (data.success) {
                                $('#nombres').val(data.nombres);
                                $('#carrera').val(data.carrera);
                                $('#grado').val(data.grado);
                                $('#seccion').val(data.seccion);
                                $('#plan').val(data.plan);

                                // Llenar campos ocultos
                                $('#nombresHidden').val(data.nombres);
                                $('#carreraHidden').val(data.carrera);
                                $('#gradoHidden').val(data.grado);
                                $('#seccionHidden').val(data.seccion);
                                $('#planHidden').val(data.plan);
                            } else {
                                resetFields();
                            }
                        },
                        error: function() {
                            $('#resultado').html('<div class="alert alert-danger" role="alert">Error en la conexión.</div>');
                            resetFields();
                        }
                    });
                } else {
                    resetFields();
                }
            });

            $('#editBtn').on('click', function() {
                const isReadOnly = $('#nombres').prop('readonly');
                $('#nombres, #carrera, #grado, #seccion, #plan').prop('readonly', !isReadOnly);
                $(this).text(isReadOnly ? 'Guardar Cambios' : 'Modificar Datos');

                if (!isReadOnly) {
                    // Optional: You can add logic here to submit the modified data
                    $('#alumnoForm').attr('action', '../crud/modificar_alumno.php');
                } else {
                    // Reset the action back if we are not saving changes
                    $('#alumnoForm').attr('action', '../crud/insertar_cita.php');
                }
            });

            function resetFields() {
                $('#nombres').val('');
                $('#carrera').val('');
                $('#grado').val('');
                $('#seccion').val('');
                $('#plan').val('');

                // Limpiar campos ocultos
                $('#nombresHidden').val('');
                $('#carreraHidden').val('');
                $('#gradoHidden').val('');
                $('#seccionHidden').val('');
                $('#planHidden').val('');
            }
        });
    </script>
</body>

</html>