196 lines
7.2 KiB
PHP
196 lines
7.2 KiB
PHP
<?php
|
|
require_once 'database/database.php';
|
|
|
|
$query = "SELECT id_usuario, nombre FROM entrada";
|
|
$resultado = $conexion->query($query);
|
|
|
|
session_start(); // Start the session
|
|
|
|
// Check if the user is not logged in
|
|
if (!isset($_SESSION['loggedin']) || $_SESSION['loggedin'] !== true) {
|
|
header('Location: login.php'); // Redirect to login page
|
|
exit();
|
|
}
|
|
?>
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Centro de Certificación LANIA</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<!-- Font Awesome para íconos -->
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
|
|
<link href="style/dashboard.css" rel="stylesheet">
|
|
|
|
<style>
|
|
body {
|
|
display: flex;
|
|
}
|
|
.sidebar {
|
|
min-width: 250px;
|
|
height: 145vh;
|
|
background: rgb(19, 61, 213);
|
|
color: white;
|
|
}
|
|
.sidebar a {
|
|
color: white;
|
|
text-decoration: none;
|
|
}
|
|
.survey img {
|
|
cursor: pointer;
|
|
transition: transform .1s;
|
|
}
|
|
.survey img:checked + label img,
|
|
.survey input[type="radio"]:checked + label img {
|
|
transform: scale(1.2);
|
|
}
|
|
</style>
|
|
>>>>>>> e909e7d2c6185583ff52105c062fd249ed0450b2
|
|
</head>
|
|
<body class="bg-light">
|
|
|
|
<?php include 'sidebar.php'; ?>
|
|
|
|
|
|
<div class="main-content">
|
|
<div class="container py-5">
|
|
<div class="text-center mb-4">
|
|
<h1 class="display-5">Centro de Certificación LANIA</h1>
|
|
<p class="lead">Formulario de salida para candidatos de exámenes PEARSON VUE</p>
|
|
</div>
|
|
|
|
<div class="card shadow p-4">
|
|
<form id="formSalida" method="POST">
|
|
<div class="row g-3">
|
|
<div class="col-md-6">
|
|
<label for="nombre" class="form-label">Nombre del Usuario</label>
|
|
<select class="form-select" id="nombre" name="id_usuario" required>
|
|
<option value="">Selecciona tu nombre</option>
|
|
<?php while ($row = $resultado->fetch_assoc()): ?>
|
|
<option value="<?= $row['id_usuario'] ?>"><?= htmlspecialchars($row['nombre']) ?></option>
|
|
<?php endwhile; ?>
|
|
</select>
|
|
</div>
|
|
|
|
|
|
<div class="mt-4 survey">
|
|
<h5>Encuesta de satisfacción</h5>
|
|
|
|
<?php
|
|
$preguntas = [
|
|
'atencion_personal' => '¿Cómo calificaría usted la atención proporcionada por el personal de LANIA antes y durante la realización del examen?',
|
|
'equipo_funcionando' => '¿ El equipo de cómputo proporcionado funcionó correctamente durante todo el examen?',
|
|
'ambiente_aula' => '¿Cómo valoraría el ambiente del aula (nivel de ruido, iluminación, temperatura, mobiliario) durante su examen?',
|
|
'calidad_internet' => '¿Qué tan satisfactoria fue la calidad de la conexión a internet mientras realizaba su examen?',
|
|
'instrucciones_claras' => '¿Recibió instrucciones claras sobre el procedimiento del examen y las normas del centro?',
|
|
'respuesta_personal' => 'En caso de surgir dudas o problemas, ¿el personal respondió con rapidez y eficacia? ',
|
|
'recomendacion_lania' => '¿Qué tan probable es que usted recomiende el Centro de Exámenes LANIA a otras personas?'
|
|
];
|
|
foreach ($preguntas as $campo => $texto): ?>
|
|
<div class="mb-3">
|
|
<label class="form-label"><?= $texto ?></label>
|
|
<div>
|
|
<?php for ($i = 1; $i <= 5; $i++): ?>
|
|
<input
|
|
type="radio"
|
|
name="<?= $campo ?>"
|
|
id="<?= $campo . '_' . $i ?>"
|
|
value="<?= $i ?>"
|
|
style="display: none;"
|
|
>
|
|
<label for="<?= $campo . '_' . $i ?>">
|
|
<img src="assets/face_<?= $i ?>.png" alt="<?= $i ?>" width="30">
|
|
</label>
|
|
<?php endfor; ?>
|
|
</div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
|
|
<!-- Consentimiento -->
|
|
<input type="hidden" name="consentimiento" value="no">
|
|
<div class="form-check mb-4">
|
|
<input
|
|
class="form-check-input"
|
|
type="checkbox"
|
|
id="consentimiento"
|
|
name="consentimiento"
|
|
value="si"
|
|
checked
|
|
>
|
|
<label class="form-check-label" for="consentimiento">
|
|
Doy mi consentimiento para recibir publicidad
|
|
</label>
|
|
</div>
|
|
<input type="hidden" id="hora_salida_local" name="hora_salida">
|
|
|
|
<!-- Botón enviar -->
|
|
<div class="mt-4 text-end">
|
|
<button type="submit" class="btn btn-primary">Enviar registro</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal de agradecimiento -->
|
|
<div class="modal fade" id="modalGracias" tabindex="-1" aria-labelledby="modalGraciasLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content">
|
|
<div class="modal-header bg-success text-white">
|
|
<h5 class="modal-title" id="modalGraciasLabel">¡Salida registrada!</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
|
|
</div>
|
|
<div class="modal-body text-center">
|
|
Gracias por tu asistencia.
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-success" data-bs-dismiss="modal">Aceptar</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
document.getElementById("formSalida").addEventListener("submit", function(e) {
|
|
e.preventDefault();
|
|
|
|
const ahora = new Date();
|
|
const hora = ahora.toTimeString().slice(0,8); // "HH:MM:SS"
|
|
document.getElementById("hora_salida_local").value = hora;
|
|
|
|
const form = e.target;
|
|
const formData = new FormData(form);
|
|
|
|
fetch("model/logout.php", {
|
|
method: "POST",
|
|
body: formData
|
|
})
|
|
.then(response => response.text())
|
|
.then(data => {
|
|
const modalGracias = new bootstrap.Modal(document.getElementById('modalGracias'));
|
|
modalGracias.show();
|
|
form.reset();
|
|
})
|
|
.catch(error => {
|
|
console.error("Error al enviar:", error);
|
|
alert("Ocurrió un error al registrar la salida.");
|
|
});
|
|
});
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
document.querySelectorAll('.sidebar-menu li').forEach(item => {
|
|
item.classList.remove('active');
|
|
});
|
|
const menuSalida = document.getElementById('menu-salida');
|
|
if (menuSalida) {
|
|
menuSalida.classList.add('active');
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html>
|