<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>PruebasPsico - Crear prueba</title>
<link rel="stylesheet" href="css/all.css">
<script src="js/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.css"/>
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.js"></script>
</head>
<script type="text/javascript">
$(document).ready(function () {
$(".list-unstyled").find('li').removeClass("active");
$("#pruebas").addClass("active");
$("#crearprueba").addClass("active");
});
</script>
<?php include('sidebar.php') ?>
<section id="content">
<?php include('header.php') ?>
<div class="content-section">
<div class="main">
<h1>Crear pruebas</h1>
<div class="asignar_usuario">
<div class="row">
<div class="col-md-4">
<div class="datos_candidato">
<label>Tipo de prueba</label>
<select>
<option selected disabled>Selecciona el tipo de prueba que deseas añadir</option>
<option>Comportamiento</option>
<option>Personalidad</option>
<option>Inteligencia</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="datos_candidato">
<label>Nombre</label>
<input type="text" name="nombre" placeholder="Nombre de la prueba">
</div>
</div>
<div class="col-md-4">
<div class="datos_candidato">
<label>Duración de prueba</label>
<select>
<option selected disabled>Selecciona el tiempo de duración de la prueba</option>
<option>10</option>
<option>15</option>
<option>30</option>
<option>45</option>
<option>60</option>
<option>90</option>
</select>
</div>
</div>
</div>
</div>
<div class="body_preguntas">
<div class="botones_preguntas">
<label>Tipo de pregunta</label>
<div class="row">
<div class="col-md-6">
<div class="datos_candidato">
<select>
<option selected disabled>Selecciona el tipo de pregunta que deseas añadir</option>
<option>Selección múltiple</option>
<option>Falso y verdadero</option>
<option>Preguntas directas</option>
<option>Relaciones de conceptos</option>
</select>
</div>
</div>
<div class="col-md-6">
<button class="btn_agregar_pregunta">Añadir pregunta</button>
</div>
</div>
</div>
</div>
<div class="body_prueba_nueva">
<div class="contenedor_pruebas">
<?php include('header-pruebas.php')?>
<h1>Preguntas</h1>
<div class="body_preg_indi">
<div class="titulo_pregunta">
<span>Pregunta 1</span><input type="text" name="pregunta" placeholder="Escribe tu pregunta directa aquí" class="input_pregunta">
</div>
<div class="respuesta_pregunta">
<input type="text" name="respuesta" placeholder="Escribe tu respuesta aquí">
</div>
</div>
<div class="body_preg_indi">
<div class="titulo_pregunta">
<span>Pregunta 2</span><input type="text" name="pregunta" placeholder="Escribe tu pregunta verdadero y falso" class="input_pregunta">
</div>
<div class="respuesta_pregunta">
<div class="radio">
<form>
<input id="true" type="radio" name="gender" value="true" checked="checked">
<label for="true">Verdadero</label>
<input id="false" type="radio" name="gender" value="false">
<label for="false">Falso</label>
</form>
</div>
</div>
</div>
<div class="body_preg_indi">
<div class="titulo_pregunta">
<span>Pregunta 3</span><input type="text" name="pregunta" placeholder="Escribe tu pregunta selección múltiple" class="input_pregunta">
</div>
<div class="respuesta_pregunta">
<div class="radio">
<form>
<input id="opcion1" type="radio" name="gender" value="opcion1">
<label for="opcion1">Opción 1</label>
<input id="opcion2" type="radio" name="gender" value="opcion2" checked="checked">
<label for="opcion2">Opción 2</label>
<input id="opcion3" type="radio" name="gender" value="opcion3">
<label for="opcion3">Opción 3</label>
<input id="opcion4" type="radio" name="gender" value="opcion4">
<label for="opcion4">Opción 4</label>
<input id="opcion5" type="radio" name="gender" value="opcion5">
<label for="opcion5">Opción 5</label>
</form>
</div>
</div>
</div>
<div class="body_preg_indi">
<div class="titulo_pregunta">
<span>Pregunta 4</span><input type="text" name="pregunta" placeholder="Ve la siguiente imagen y encuentra la faltante" class="input_pregunta">
<div class="button_subir_foto_pregunta">
<form action="">
<div class="form-group">
<label for="upload" class="btn d-inline-block btn-info">Subir imagen</label>
<input type="file" name="" id="upload" />
</div>
</form>
</div>
<div class="img_relaciones">
<img src="images/prueba.png">
</div>
</div>
<div class="respuesta_pregunta">
<div class="button_subir_foto_pregunta">
<form action="">
<div class="form-group">
<label for="upload" class="btn d-inline-block btn-info">Añadir respuesta</label>
<input type="file" name="" id="upload" />
</div>
</form>
</div>
<form>
<div id="sites">
<input type="radio" name="site" id="option1" value="option1" />A.<label for="option1"><img src="images/respuesta.png" alt="Opción 1" /></label>
<input type="radio" name="site" id="option2" value="option2" />B.<label for="option2"><img src="images/respuesta2.png" alt="Opción 2" /></label>
<input type="radio" name="site" id="option3" value="option3" />C.<label for="option3"><img src="images/respuesta3.png" alt="Opción 3" /></label>
<input type="radio" name="site" id="option1" value="option1" />D.<label for="option1"><img src="images/respuesta.png" alt="Opción 1" /></label>
<input type="radio" name="site" id="option2" value="option2" />E.<label for="option2"><img src="images/respuesta2.png" alt="Opción 2" /></label>
<input type="radio" name="site" id="option3" value="option3" />F.<label for="option3"><img src="images/respuesta3.png" alt="Opción 3" /></label>
</div>
</form>
</div>
<div class="form-group-guardar-prueba">
<input type="button" class="btn d-inline-block btn-info" value="Guardar prueba">
</div>
</div>
</div>
<?php include('footer-pruebas.php')?>
</div>
</div>
<?php include('footer.php') ?>
</div>
</section>
<div class="modal fade" id="ayudaAsignar" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Asistencia</h4>
</div>
<div class="modal-body">
<div class="data_notification">
<p>En el menú Pruebas encontrarás la opción Asignar , utilízala para seleccionar las pruebas que le serán aplicadas al candidato. Selecciona el código del candidato y marca las pruebas, una vez marcadas presiona el botón Asignar para comenzar la aplicación de las mismas.</p>
</div>
</div>
</div>
</div>
<script>
$('#sites input:radio').addClass('input_hidden');
$('#sites label').click(function() {
$(this).addClass('selected').siblings().removeClass('selected');
});
</script>