{% extends "layout_inicio.html.twig" %}
{% block jquery %}
{{ parent() }}
<script type="text/javascript">
$(function()
{
{#% include 'RegionProvinciaCantonParroquia\\jquery.html.twig' with {'parroquiaField': 'parroquia'} %#}
$('#cedula').keyup(function(){
$('.identidad_verificada').addClass('hide');
$('.codigo_dactilar').addClass('hide');
$('#tr_no_idoneo').addClass('hide');
$("#proxy_codigo_dactilar").val('');
$("#codigo_dactilar").val('');
$("#proxy_expedicion_cedula").val('');
$("#fecha_expedicion_cedula").val('');
$("#proxy_captcha").val('');
$("#captcha").val('');
$('#fuelux-wizard-container').addClass('stopped');
});
$('#btn_verificar_id').click(function(e){
e.preventDefault();
var cedula = $('#cedula').val();
if (!cedula)
{
showError(bootbox,'No ha indicado una identificación para ser verificada');
}
else
{
$('#fuelux-wizard-container').parent().parent().mask(' Verificando identidad...');
var url = '{{ path('aspirante_verifica_identidad', {'identificacion': '__ID__'}) }}';
url=url.replace('__ID__',cedula);
$.getJSON(url , function(result){
$('#fuelux-wizard-container').parent().parent().unmask();
if (result.ok)
{
if (result.idoneo || result.causa=='EDAD')
{
//formulario final
/*$('#form_nombres').val(result.nombres);
$('#form_apellidoP').val(result.apellidoP);
$('#form_apellidoM').val(result.apellidoM);
$('#form_edad').val(result.edadString);
$('#form_edadString').val(result.edadString);
$('#form_fechaNacimiento').val(result.fechaNacimiento);
$('#form_paisNacimiento').val(result.paisNacimiento);
$('#form_parroquiaNacimiento').val(result.parroquiaNacimiento);*/
$('#form_cedula').val(cedula);
$('#cedularecluta').val(cedula);
$('#cedularesidencia').val(cedula);
$('#cedulacentro').val(cedula);
$('#encuesta_cedula').val(cedula);
/* $('#form_email').val(result.email);
$('#form_estatura').val(result.estatura);
$('#form_telefono').val(result.telefono);
$('#form_telefonoEmergencias').val(result.telefonoEmergencias);
*/ $('#form_idoneo').val(result.idoneo);
$('#form_causa').val(result.causa);
$('#cedula_dactilar').val(cedula);
//
if (result.intentos==1)
$('#span_intentos').html('le queda un único intento');
else
if (result.intentos==2)
$('#span_intentos').html('le quedan 2 intentos');
else
$('#span_intentos').html('tiene 3 intentos');
$('#span_edad1').html(result.edadString);
$('#span_edad2').html(result.edadString);
$('#span_cedula').html(cedula);
$('#span_sexo').html(result.sexo);
$('#sexorecluta').val(result.sexo);
$('#form_telefono').val(result.telefono);
$('#span_estadoCivil').html(result.estadoCivil);
$('#span_nombre1').html(result.apellidoP+' '+result.apellidoM+' '+result.nombres);
$('#span_nombre2').html(result.apellidoP+' '+result.apellidoM+' '+result.nombres);
$('#span_fechaNacimiento').html(result.fechaNacimiento);
$('#span_paisNacimiento').html(result.paisNacimiento);
$('#span_lugarNacimiento').html(result.lugarNacimientoStr);
//$('#span_parroquiaNacimiento').html(result.parroquiaNacimiento);
//$('#span_cantonNacimiento').html(result.cantonNacimiento);
//$('#span_provinciaNacimiento').html(result.provinciaNacimiento);
//$('#span_regionNacimiento').html(result.regionNacimiento);
}
if (result.idoneo)
{
$('.identidad_verificada').removeClass('hide');
$('.codigo_dactilar').removeClass('hide');
$('#tr_no_idoneo').addClass('hide');
var urlfoto = '{{ path('dropzone_single_show_component', {'routeClassName': 'recluta', 'field': 'foto', 'parentId':'__ID__', 'acceptedFiles':'image', 'txt': 'FOTO'}) }}';
urlfoto=urlfoto.replace('__ID__',result.reclutaID);
$('#fotorecluta').load(urlfoto);
var urlcovid = '{{ path('dropzone_single_show_component', {'routeClassName': 'recluta', 'field': 'certifCovid', 'parentId':'__ID__', 'acceptedFiles':'.pdf', 'txt': 'CERTIFICADO DE VACUNACIÓN'}) }}';
urlcovid=urlcovid.replace('__ID__',result.reclutaID);
$('#covid').load(urlcovid);
$('#fuelux-wizard-container').removeClass('stopped');
}
else
{
if (result.causa=='registrado') {
$('#fuelux-wizard-container').parent().parent().mask(' Aspirante ya registrado. Cargando ficha de registro...');
var url = '{{ path('crud_plain_show', {'routeClassName': 'reclutaproceso', 'id': '__ID__','origen': 'registroenlinea' }) }}';
url = url.replace('__ID__',result.procesoId);
document.location.href=url;
}
else {
if (result.causa=='EDAD')
$('.identidad_verificada').removeClass('hide');
$('.codigo_dactilar').addClass('hide');
$('#tr_no_idoneo').removeClass('hide');
$('#span_no_idoneo').html(result.msg);
$('#fuelux-wizard-container').addClass('finished');
$('.btn-success').html('FINALIZAR');
}
}
}
else
{
showError(bootbox, result.msg);
}
});
}
});
$('#btn_verificar_antecedentes').click(function(e){
e.preventDefault();
$('#btn_verificar_antecedentes').addClass('hide');
$('#fuelux-wizard-container').addClass('stopped');
var cedula = $('#cedularecluta').val();
var c=2;
$('#fuelux-wizard-container').parent().parent().mask(' Verificando antecedentes...');
var url = '{{ path('aspirante_verifica_antecedentes', {'identificacion': '__ID__'}) }}';
url=url.replace('__ID__',cedula);
$.getJSON(url , function(result){
$('#table_antecedentes').removeClass('hide');
c=c-1;
if (c==0)
$('#fuelux-wizard-container').parent().parent().unmask();
if (result.ok)
{
if (result.idoneo)
{
$('#tr_noantecedentes').removeClass('hide');
$('#fuelux-wizard-container').removeClass('stopped');
}
else
{
$('#antecedentes_'+result.antecedente).prop('checked', true);
$('#tr_antecedentes').removeClass('hide');
$('#fuelux-wizard-container').addClass('finished');
$('.btn-success').html('FINALIZAR');
}
}
else
{
$('#btn_verificar_antecedentes').removeClass('hide');
showError(bootbox, result.msg);
}
});
var url1 = '{{ path('aspirante_verifica_estudios', {'identificacion': '__ID__'}) }}';
url1=url1.replace('__ID__',cedula);
$.getJSON(url1 , function(result){
c=c-1;
if (c==0)
$('#fuelux-wizard-container').parent().parent().unmask();
if (result.ok)
{
$('#table_estudios').removeClass('hide');
var flen = result.estudios.length;
if (flen>0)
{
var i;
for (i=0; i<flen; i++)
{
$('#estudios').append('<tr><td>'+result.estudios[i].institucion+'</td><td>'+result.estudios[i].titulo+'</td></tr>');
}
}
else
{
$('#estudios').append('<tr><td colspan="3" style="text-align: center">No hay estudios registrados</td></tr>');
}
}
else
{
$('#btn_verificar_antecedentes').removeClass('hide');
showError(bootbox, result.msg);
}
});
});
$('#proxy_expedicion_cedula').datepicker({
autoclose: true,
todayHighlight: true,
language: 'es'
})
.next().on(ace.click_event, function(){
$(this).prev().focus();
});
$("#captcha_refresh").click(function (){
$("#captcha_img").html('<i class="ace-icon fa fa-spinner orange fa-spin bigger-220"></i>');
$("#captcha_img").html('<img src="{{path('captcha')}}?rdn='+Math.random()+'" />');
});
$("#proxy_codigo_dactilar").change(function(){
$("#codigo_dactilar").val($("#proxy_codigo_dactilar").val());
});
$("#proxy_expedicion_cedula").change(function(){
$("#fecha_expedicion_cedula").val($("#proxy_expedicion_cedula").val());
});
$("#proxy_captcha").change(function(){
$("#captcha").val($("#proxy_captcha").val());
});
$("#email").change(function(){
$("#form_email").val($("#email").val());
});
$("#checkResidencia").click(function(){
if ($("#checkResidencia").prop('checked'))
{
$('.reside_ecuador').removeClass('hide');
$('.reside_extranjero').addClass('hide');
$('#label_referencia').html('Referencia:');
$('#label_referencia').removeClass('required');
$('#direccionextranjero').val($('#form_referencia').val());
$('#form_referencia').val($('#direccionecuador').val());
$('#geometriaextranjero').val($('#form_geometria').val());
$('#form_geometria').val($('#geometriaecuador').val());
$('#ubicacionextranjerovisible').val($('#textoGeometriaPunto').html());
$('#textoGeometriaPunto').html($('#ubicacionecuadorvisible').val());
}
else
{
$('#form_paisResidencia').val('');
$('.reside_ecuador').addClass('hide');
$('.reside_extranjero').removeClass('hide');
$('#label_referencia').html('Dirección:');
$('#label_referencia').addClass('required');
$('#direccionecuador').val($('#form_referencia').val());
$('#form_referencia').val($('#direccionextranjero').val());
$('#geometriaecuador').val($('#form_geometria').val());
$('#form_geometria').val($('#geometriaextranjero').val());
$('#ubicacionecuadorvisible').val($('#textoGeometriaPunto').html()); // 8351152
$('#textoGeometriaPunto').html($('#ubicacionextranjerovisible').val());
}
});
$('#form_geometria').change(function(){
geometria = $('#form_geometria').val();
valor = mostrarTextoGeometria(geometria);
$('#textoGeometriaPunto').html(valor);
});
var timer;
var tiempo = {{ tiempoTest }};
tiempo=tiempo*60;
var horaIni;
$('#btn_comenzar_test').click(function(e){
e.preventDefault();
$('#readyTest').addClass('hide');
$('#test').removeClass('hide');
$('#fuelux-wizard-container').removeClass('stopped');
horaIni = new Date();
timer = setInterval(function(){
//pintar tiempo
hora = new Date();
hora=hora-horaIni;
mostrarTiempo(tiempo, hora, timer);
},1000);
});
$('#form_fechaAsignacion').change(function(){
var fecha = $(this).val();
var sexo = $('#sexorecluta').val();
var url = '{{ path('centros_con_cupo', {'fecha': '__FECHA__', 'sexo': '__SEXO__' }) }}';
url = url.replace('__FECHA__', fecha);
url = url.replace('__SEXO__', sexo);
$('#tabla_centro').parent().parent().mask(' Buscando lugares con cupo...');
$.getJSON(url , function(result){
$('#form_centroMovilizacion').html(result.centros);
$('#tabla_centro').parent().parent().unmask();
$('#span_centro_region').html('');
$('#span_centro_provincia').html('');
$('#span_centro_canton').html('');
$('#span_centro_parroquia').html('');
$('#span_centro_direccion').html('');
$('#span_centro_direccionAcuartelamiento').html('');
});
});
});
</script>
{% endblock jquery %}
{% block jquery_functions %}
{{ parent() }}
{% include 'RegionProvinciaCantonParroquia\\jquery_functions.html.twig' with {'parroquiaField': 'parroquia'} %}
function finalizaTestPsicologico()
{
clearInterval(timer);
$('#fuelux-wizard-container').parent().parent().mask(' Guardando información...');
$('#registro_linea').ajaxSubmit({
type: $('#registro_linea').attr('method'),
url: $('#registro_linea').attr('action'),
dataType: 'json',
data: { _xml_http_request: true },
success: function(data) {
if (data.ok)
{
$('#fuelux-wizard-container').parent().parent().unmask();
var wizard = $('#fuelux-wizard-container').data('fu.wizard');
wizard.currentStep = 7;
wizard.setState();
}
else
{
document.location.href='';
}
}
})
}
function mostrarTextoGeometria(geometria)
{
cadenaRetorno = '';
if (geometria.length)
{
cadena = geometria.replace('POINT(','');
cadena = cadena.replace(')','');
punto = cadena.split(' ');
cadenaRetorno = 'Lat:'+ parseFloat(punto[1]).toFixed(2) + ' Lon:'+ parseFloat(punto[0]).toFixed(2);
}
return cadenaRetorno;
}
function showError(bootbox, texto)
{
bootbox.dialog({
message: texto,
buttons: {
"success" : {
"label" : "OK",
"className" : "btn-sm btn-primary"
}
}
});
}
{% endblock jquery_functions %}
{% block content %}
<div class="widget-box transparent">
<div class="widget-header widget-header-flat">
<h4 class="widget-title lighter">
{% if allow %}
<i class="fas fa-pencil-alt orange"></i>
Registro en línea de aspirantes para procesos de acuartelamiento
{% else %}
<i class="fas fa-ban red"></i>
{{ msg }}
{% endif %}
</h4>
</div>
{% if allow %}
<div class="widget-body" style="display: block;">
<div class="widget-main no-padding">
<script type="text/javascript">
$(function()
{
$('.just_numbers').keypress(function(e){
if (e.which<48 || e.which>57 )
e.preventDefault();
});
$('.chosen-select').chosen({allow_single_deselect:true});
$('#fuelux-wizard-container')
.ace_wizard({
//step: 7, //optional argument. wizard will jump to step "4" at first
//buttons: '.wizard-actions:eq(0)'
})
.on('actionclicked.fu.wizard' , function(e, info){
if (info.direction=="next")
{
if ($('#fuelux-wizard-container').hasClass('finished'))
{
e.preventDefault();
document.location.href='{{ path('app_home') }}';
}
if ($('#fuelux-wizard-container').hasClass('stopped'))
{
e.preventDefault();
return;
}
if (info.step==1)
{
e.preventDefault();
if ($('#codigo_dactilar').val() && $('#fecha_expedicion_cedula').val() /*&& $('#captcha').val()*/)
{
$('#fuelux-wizard-container').parent().parent().mask(' Verificando información...');
$('#registro_dactilar').ajaxSubmit({
type: $('#registro_dactilar').attr('method'),
url: $('#registro_dactilar').attr('action'),
dataType: 'json',
data: { _xml_http_request: true },
success: function(data) {
$("#fuelux-wizard-container" ).parent().parent().unmask();
if (data.ok)
{
if (data.idoneo)
{
var wizard = $('#fuelux-wizard-container').data('fu.wizard');
wizard.currentStep = 2;
wizard.setState();
$('#btn_verificar_antecedentes').removeClass('hide');
$('#table_antecedentes').addClass('hide');
$('#table_estudios').addClass('hide');
$('#tr_antecedentes').addClass('hide');
$('#tr_noantecedentes').addClass('hide');
$('#estudios').html('');
$('#fuelux-wizard-container').addClass('stopped');
}
else
{
$('#tr_no_idoneo').removeClass('hide');
$('#span_no_idoneo').html(data.msg);
$('#fuelux-wizard-container').addClass('finished');
$('.btn-success').html('FINALIZAR');
}
}
else
{
showError(bootbox,data.msg);
}
}
})
}
else
{
showError(bootbox,'Debe indicar el código dactilar y la fecha de expedición.');
// showError(bootbox,'Debe indicar el código dactilar, la fecha de expedición de la cédula y el texto que se muestra.');
}
}
if (info.step==3)
{
e.preventDefault();
if (!($('#form_telefonoEmergencias').val() && $('#form_telefono').val() && $('#form_email').val() && $('#form_estatura').val()))
{
e.preventDefault();
showError(bootbox,'Debe indicar la estatura, los teléfonos y el correo electrónico.');
}
else
if (isNaN($('#form_estatura').val()))
{
e.preventDefault();
showError(bootbox,'La estatura debe ser un valor numérico.');
}
else
if (!validEmail($('#form_email').val()))
{
e.preventDefault();
showError(bootbox,'Correo electrónico en formato incorrecto.');
}
else
{
$("#fuelux-wizard-container" ).parent().parent().mask(' Verificando información...');
$('#datos_recluta').ajaxSubmit({
type: $('#datos_recluta').attr('method'),
url: $('#datos_recluta').attr('action'),
dataType: 'json',
data: { _xml_http_request: true },
success: function(data) {
$("#fuelux-wizard-container" ).parent().parent().unmask();
if (data.hayCupos)
{
$('#form_fechaAsignacion').html(data.fechas);
$('#form_centroMovilizacion').html(data.centros);
var wizard = $('#fuelux-wizard-container').data('fu.wizard');
wizard.currentStep = 4;
wizard.setState();
}
else
{
$('#no_cupo').removeClass('hide');
$('#fuelux-wizard-container').addClass('finished');
$('.btn-success').html('FINALIZAR');
}
}
});
}
}
if (info.step==4)
{
var salvar=true;
if ($('#checkResidencia').prop('checked'))
{
if (!($('#form_parroquia').val() && $('#form_callePrincipal').val() &&
$('#form_calleSecundaria').val() && $('#form_nroCasa').val()))
{
e.preventDefault();
salvar=false;
showError(bootbox,'Debe indicar todos los campos marcados en rojo.');
}
}
else
{
if (!($('#form_paisResidencia').val() && $('#form_referencia').val()))
{
e.preventDefault();
salvar=false;
showError(bootbox,'Debe indicar todos los campos marcados en rojo.');
}
}
if (salvar)
{
$('#datos_residencia').ajaxSubmit({
type: $('#datos_residencia').attr('method'),
url: $('#datos_residencia').attr('action'),
dataType: 'json',
data: { _xml_http_request: true },
success: function(data) {
}
});
}
}
if (info.step==5)
{
var salvar=true;
if (!$('#form_centroMovilizacion').val())
{
e.preventDefault();
salvar=false;
showError(bootbox,'Debe indicar el Centro de Acuartelamiento en que desea presentarse.');
}
else
{
$('#fuelux-wizard-container').addClass('stopped');
}
if (salvar)
{
$('#datos_centro').ajaxSubmit({
type: $('#datos_centro').attr('method'),
url: $('#datos_centro').attr('action'),
dataType: 'json',
data: { _xml_http_request: true },
success: function(data) {
}
});
}
}
if (info.step==6)
{
e.preventDefault();
if ($('#fuelux-wizard-container').hasClass('stopped'))
{
return;
}
var cantidadPreguntas = {{ preguntas | length }};
var cantidadRespuestas = $(".pregunta-test:checked").length;
if (cantidadPreguntas > cantidadRespuestas) {
alert('Quedan preguntas sin respuestas');
return;
}
finalizaTestPsicologico();
}
}
else
{
$('#fuelux-wizard-container').removeClass('stopped');
}
})
.on('finished.fu.wizard', function(e) {
if ($('#fuelux-wizard-container').hasClass('stopped'))
{
e.preventDefault();
return;
}
var salvar=true;
{% if proceso.cantCursos %}
var v = $('#cursos_encuesta').val();
if (!v || v.length != {{ proceso.cantCursos }})
{
e.preventDefault();
salvar=false;
showError(bootbox,'Debe seleccionar {{ proceso.cantCursos }} curso{% if proceso.cantCursos>1 %}s{% endif %}.');
return;
}
{% endif %}
var encuestaRespuestas = $(".encuesta:checked").length;
if (encuestaRespuestas<5)
{
e.preventDefault();
salvar=false;
showError(bootbox,'Debe indicar todas las tallas y el nivel de estudios vencido.');
return;
}
if (salvar)
{
$('#form_encuesta').ajaxSubmit({
type: $('#form_encuesta').attr('method'),
url: $('#form_encuesta').attr('action'),
dataType: 'json',
data: { _xml_http_request: true },
success: function(data) {
if (data.ok)
{
var url = '{{ path('crud_plain_show', {'routeClassName': 'reclutaproceso', 'id': '__ID__' }) }}';
url = url.replace('__ID__',data.id);
document.location.href=url;
}
else
{
showError(bootbox, data.msg);
}
}
});
}
})
.on('stepclicked.fu.wizard', function(e){
e.preventDefault();//this will prevent clicking and selecting steps
});
});
$(function()
{
var cargainicialresidencia = true;
var cargainicialcentro = true;
$( "#dialog-mapa-residencia" ).dialog({
autoOpen: false,
height: 610,
width: 750,
modal: true,
resizable: false,
title_html: true,
title: '<div id="texto" class="widget-header widget-header-small"><h4 class="smaller red"><i class="fas fa-globe"></i> Definir Ubicación en Mapa</h4></div>',
buttons: {
Cancelar: function() {
$( "#dialog-mapa-residencia" ).dialog( "close" );
}
}
});
$("#maparesidencia").click(function(e){
e.preventDefault();
var idcampo = $(this).attr('itemid');
var tipoDibujo = $(this).attr('geom');
var url = "{{ path('dibujarPunto', {'tipoDibujo': '__TIPO__', 'idCampo': '__CAMPO__', 'idContenedorMapa': 'dialog-mapa-residencia'}) }}";
url =url.replace('__TIPO__', tipoDibujo);
url =url.replace('__CAMPO__', idcampo);
$("#dialog-mapa-residencia").dialog("open");
if (cargainicialresidencia)
{
$('#dialog-mapa-residencia').load(url);
cargainicialresidencia = false;
}
});
$("#mapacentro").click(function(e){
e.preventDefault();
var idcampo = $(this).attr('itemid');
var tipoDibujo = $(this).attr('geom');
var url = '{{ path('mostrarGeometria', {'tipoDibujo': '__TIPO__', 'idCampo': '__CAMPO__', 'idContenedorMapa': 'dialog-mapa-residencia'}) }}';
url =url.replace('__TIPO__', tipoDibujo);
url =url.replace('__CAMPO__', idcampo);
$("#dialog-mapa-residencia").dialog("open");
if (cargainicialcentro)
{
$('#dialog-mapa-residencia').load(url);
cargainicialcentro = false;
}
});
$('#form_centroMovilizacion').change(function(){
$('#span_centro_region').html('');
$('#span_centro_provincia').html('');
$('#span_centro_canton').html('');
$('#span_centro_parroquia').html('');
$('#span_centro_direccion').html('');
$('#span_centro_direccionAcuartelamiento').html('');
$('#form_final_centro').val($(this).val());
if ($(this).val())
{
$('#tabla_centro').parent().mask(' ');
var url = '{{ path('dpa_centro_movilizacion', {'centro': '__ID__'}) }}';
url=url.replace('__ID__',$(this).val());
$.getJSON(url , function(result){
$('#tabla_centro').parent().unmask();
if (result.ok)
{
$('#mapacentro').removeClass('hide');
$('#span_centro_region').html(result.region);
$('#span_centro_provincia').html(result.provincia);
$('#span_centro_canton').html(result.canton);
$('#span_centro_parroquia').html(result.parroquia);
$('#span_centro_direccion').html(result.direccion);
if (result.direccionAcuartelamiento && result.direccionAcuartelamiento!='') {
$('#span_centro_direccionAcuartelamiento').html(result.direccionAcuartelamiento);
}
else {
$('#span_centro_direccionAcuartelamiento').html(result.direccion);
}
$('#centrogeometria').val(result.geometria);
}
});
}
else
{
$('#mapacentro').addClass('hide');
}
});
});
function validEmail(email)
{
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9_\.\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
return filter.test(email);
}
function mostrarTiempo(tiempoTotal, tiempoTranscurrido, timer)
{
tiempoTranscurrido = tiempoTranscurrido / 1000;
tiempoRestante = tiempoTotal - tiempoTranscurrido;
if (tiempoRestante<=0)
{
$('#form_gameover').val('gameover');
showError(bootbox,'Se ha agotado el tiempo disponible para completar el test.');
finalizaTestPsicologico();
}
var color = 'green';
if (tiempoRestante<tiempoTotal/4)
{
color = 'red';
}
else
if (tiempoRestante<tiempoTotal/2)
{
color = 'white';
}
var min = parseInt(tiempoRestante / 60)+'';
var sec = parseInt(tiempoRestante % 60)+'';
if (min.length==1)
{
min='0'+min;
}
if (sec.length==1)
{
sec='0'+sec;
}
$('#timer').html(min+":"+sec);
$('#timer').css('color',color);
}
</script>
<div class="row">
<div class="col-xs-12">
<div id="fuelux-wizard-container" class="stopped">
<div>
<!-- #section:plugins/fuelux.wizard.steps -->
<ul class="steps">
<li data-step="1" class="active">
<span class="step">1</span>
<span class="title">{% trans from 'crud' %} registroenlinea.fields.validacionIdentidad {% endtrans %}</span>
</li>
<li data-step="2">
<span class="step">2</span>
<span class="title">{% trans from 'crud' %} registroenlinea.fields.consultasAntecedentesEstudios {% endtrans %}</span>
</li>
<li data-step="3">
<span class="step">3</span>
<span class="title">{% trans from 'crud' %} registroenlinea.fields.datosPersonales {% endtrans %}</span>
</li>
<li data-step="4">
<span class="step">4</span>
<span class="title">{% trans from 'crud' %} registroenlinea.fields.datosResidencia {% endtrans %}</span>
</li>
<li data-step="5">
<span class="step">5</span>
<span class="title">{% trans from 'crud' %} registroenlinea.fields.centroMovilizacion {% endtrans %}</span>
</li>
<li data-step="6">
<span class="step">6</span>
<span class="title">{% trans from 'crud' %} registroenlinea.fields.testPsicologico {% endtrans %}</span>
</li>
<li data-step="7">
<span class="step">7</span>
<span class="title">{% trans from 'crud' %} registroenlinea.fields.encuesta {% endtrans %}</span>
</li>
</ul>
<!-- /section:plugins/fuelux.wizard.steps -->
</div>
<hr />
<!-- #section:plugins/fuelux.wizard.container -->
<div class="step-content pos-rel">
<div class="step-pane active" data-step="1">
<input type="hidden" id="identidad_verificada">
<div class="row">
<div class="col-xs-7">
<table class="table table-striped table-bordered table-hover">
<tr id='tr_identificacion'>
<th style="width: 400px; ">
<label>
{% trans from 'crud' %} registroenlinea.fields.ingreseCedula {% endtrans %}
</label>
</th>
<td style="vertical-align: middle">
<input id="cedula" type="text" style="width: 100%; min-width: 200px">
<div> <small><i>Solo números Ejemplo: 9999999999</i></small></div>
</td>
<td class="" style="vertical-align: middle">
<a id="btn_verificar_id" class="btn btn-white btn-inverse btn-bold btn-round" href="">
VERIFICAR
</a>
</td>
</tr>
<tr class="identidad_verificada hide">
<th style="width: 400px">
<label>
{% trans from 'crud' %} reclutaproceso.fields.recluta {% endtrans %}
</label>
</th>
<td style="vertical-align: middle" colspan="2">
<span id="span_nombre1"></span>
</td>
</tr>
<tr class="identidad_verificada hide">
<th style="width: 400px">
<label>
{% trans from 'crud' %} reclutaproceso.fields.reclutaEdad {% endtrans %}
</label>
</th>
<td style="vertical-align: middle" colspan="2">
<span id="span_edad1">19</span>
</td>
</tr>
<tr class="codigo_dactilar hide">
<th style="width: 400px">
<label>
{% trans from 'crud' %} registroenlinea.fields.ingreseCodigoDactilar {% endtrans %}
</label>
</th>
<td style="vertical-align: middle" colspan="2">
<input type="text" id="proxy_codigo_dactilar" style="width: 100%">
</td>
</tr>
<tr class="codigo_dactilar hide">
<th style="width: 400px">
<label>
{% trans from 'crud' %} registroenlinea.fields.ingreseFechaCedula {% endtrans %}
</label>
</th>
<td style="vertical-align: middle" colspan="2">
<div class="input-group" id="campo_fecha_proxy_expedicion_cedula">
<input type="text" id="proxy_expedicion_cedula" style="width: 100%" class="campo_fecha form-control date-picker" data-date-format="dd-mm-yyyy" />
<span class="input-group-addon"><i class="fas fa-calendar bigger-110"></i></span>
</div>
</td>
</tr>
{#
<tr class="codigo_dactilar hide">
<th style="width: 400px">
<label>
{% trans from 'crud' %} registroenlinea.fields.digitarCodigo {% endtrans %}
</label>
</th>
<td style="vertical-align: middle">
<input id="proxy_captcha" type="text" style="width: 100%">
</td>
<td style="vertical-align: middle">
<div>
<span class="col-xs-8 no-padding">
<div id="captcha_img"><img width="100%" src="{{path('captcha')}}" style="min-width: 250px;"/></div>
</span>
<span class="col-xs-2 no-padding">
<a id="captcha_refresh" href="#"><img src="{{ asset('images/icon/captcha_new.png') }}" title="Cambiar código" width="40px"></a>
</span>
</div>
</td>
</tr>
#}
<tr id='tr_no_idoneo' class="hide">
<td colspan="3" style="text-align: center; vertical-align: middle">
<i class="fas fa-ban red bigger-300"></i>
<span id="span_no_idoneo" style="color: red; font-weight: bold; font-size: 20px"></span>
</td>
</tr>
</table>
</div>
<div class="col-xs-5 codigo_dactilar hide">
<img src="{{ asset('images/dactilar.png') }}">
</div>
</div>
<form id='registro_dactilar' action="{{ path('aspirante_registro_dactilar') }}" method="post">
<input type="hidden" id="cedula_dactilar" name="dactilar[cedula]" style="width: 100%">
<input type="hidden" id="codigo_dactilar" name="dactilar[codigoDactilar]" style="width: 100%">
<input type="hidden" id="fecha_expedicion_cedula" name="dactilar[fechaExpedicionCedula]" style="width: 100%" >
<input type="hidden" id="captcha" style="width: 100%" name="dactilar[captcha]">
</form>
</div>
<div class="step-pane active center" data-step="2">
<a id="btn_verificar_antecedentes" class="btn btn-info btn-bold btn-round btn-large bigger-220" href="">
<i class="ace-icon fa fa-check bigger-110"></i>
Presiona para VERIFICAR ANTECEDENTES
</a>
<div class="row">
<div class="col-xs-12 col-sm-6">
<table id="table_antecedentes" class="table table-striped table-bordered table-hover hide">
<tr>
<th style="text-align: center; vertical-align: middle">
Revisión de Antecedentes
</th>
</tr>
<tr>
<td><input type='radio' id='antecedentes_1' name='antecedentes[1]' disabled='true'> Antecedentes penales</td>
</tr>
<tr>
<td><input type='radio' id='antecedentes_2' name='antecedentes[2]' disabled='true'> Impedimento de salida del país</td>
</tr>
<tr>
<td><input type='radio' id='antecedentes_3' name='antecedentes[3]' disabled='true'> Alerta migratoria</td>
</tr>
<tr>
<td><input type='radio' id='antecedentes_4' name='antecedentes[4]' disabled='true'> Orden de Captura</td>
</tr>
<tr>
<td><input type='radio' id='antecedentes_5' name='antecedentes[5]' disabled='true'> Bajas militares</td>
</tr>
</table>
</div>
<div class="col-xs-12 col-sm-6">
<table id="table_estudios" class="table table-striped table-bordered table-hover hide">
<tr>
<th colspan="3" style="text-align: center; vertical-align: middle">
Nivel de instrucción
</th>
</tr>
<tr>
<th>
Título
</th>
<th>
Detalle
</th>
</tr>
<tbody id="estudios">
</tbody>
</table>
</div>
<div id='tr_noantecedentes' class="col-xs-12 col-sm-12 hide">
<div style="text-align: center; vertical-align: middle">
<i class="fas fa-check green bigger-300"></i>
<span class=" green bigger-300">{% trans from 'crud' %} registroenlinea.fields.apto {% endtrans %}</span>
</div>
</div>
<div id='tr_antecedentes' class="col-xs-12 col-sm-12 hide">
<div style="text-align: center; vertical-align: middle">
<i class="fas fa-ban red bigger-300"></i>
<span class=" red bigger-300">{% trans from 'crud' %} registroenlinea.fields.noApto {% endtrans %}</span>
</div>
</div>
</div>
</div>
<div class="step-pane" data-step="3">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6 ">
<form id='datos_recluta' action="{{ path('aspirante_salvar_recluta') }}" method="post">
<table class="table table-striped table-bordered table-hover">
<tr>
<th style="width: 25%">
<label id="label_form_anno">
{% trans from 'crud' %} recluta.fields.cedula {% endtrans %}
</label>
</th>
<td style="vertical-align: middle">
<input type="hidden" id="cedularecluta" name="recluta[cedula]" readonly="true" style="width: 100%">
<span id="span_cedula"></span>
</td>
</tr>
<tr>
<th style="width: 25%">
<label id="label_form_anno">
{% trans from 'crud' %} recluta.fields.nombresApellidos {% endtrans %}
</label>
</th>
<td style="vertical-align: middle">
<span id="span_nombre2"></span>
</td>
</tr>
<tr>
<th style="width: 25%">
<label id="label_form_anno">
{% trans from 'crud' %} recluta.fields.sexo {% endtrans %}
</label>
</th>
<td style="vertical-align: middle">
<input type="hidden" id="sexorecluta" name="recluta[sexo]" readonly="true" style="width: 100%">
<span id="span_sexo"></span>
</td>
</tr>
<tr>
<th style="width: 25%">
<label id="label_form_anno">
{% trans from 'crud' %} recluta.fields.estadoCivil {% endtrans %}
</label>
</th>
<td style="vertical-align: middle">
<span id="span_estadoCivil"></span>
</td>
</tr>
<tr>
<th style="width: 25%">
<label id="label_form_anno" class='required'>
{% trans from 'crud' %} recluta.fields.telefono {% endtrans %}
</label>
</th>
<td style="vertical-align: middle">
<input type="text" id="form_telefono" name="recluta[telefono]" style="width: 100%" class="just_numbers">
</td>
</tr>
<tr>
<th style="width: 25%">
<label id="label_form_telefonoEmergencias" class='required align-right'>
{% trans from 'crud' %} recluta.fields.telefonoEmergencias {% endtrans %}
</label>
</th>
<td style="vertical-align: middle">
<input type="text" id="form_telefonoEmergencias" name="recluta[telefonoEmergencias]" style="width: 100%" class="just_numbers">
</td>
</tr>
<tr>
<th style="width: 25%">
<label id="label_form_anno" class='required'>
{% trans from 'crud' %} recluta.fields.email {% endtrans %}
</label>
</th>
<td style="vertical-align: middle">
<input type="text" id="form_email" name="recluta[email]" style="width: 100%">
</td>
</tr>
<tr>
<th style="width: 25%">
<label id="label_form_anno" class='required'>
{% trans from 'crud' %} recluta.fields.estatura {% endtrans %}
</label>
</th>
<td style="vertical-align: middle">
<input type="text" id="form_estatura" name="recluta[estatura]" style="width: 100%" class="just_numbers">
</td>
</tr>
<tr>
<th style="width: 25%">
<label id="label_form_anno">
{% trans from 'crud' %} recluta.fields.edad {% endtrans %}
</label>
</th>
<td style="vertical-align: middle">
<span id="span_edad2"></span>
</td>
</tr>
</table>
</form>
<div id='no_cupo' class='hide'>
<i class="fas fa-ban red bigger-300"></i>
<span id="span_no_idoneo" style="color: red; font-weight: bold; font-size: 20px">
NO EXISTEN CUPOS DISPONIBLES EN LOS CENTROS DE ACUARTELAMIENTO
</span>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 ">
<span class='red bigger-180'>Adjunta tu foto</span>
<div id="fotorecluta"></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 ">
<span class='red bigger-180'>Adjunta tu certificado de vacunación en PDF.</span>
<div id="covid"></div>
<div class="alert alert-danger bigger-180"><span class="smaller-70 blue">Adjunta tu certificado de vacunación en PDF.</span><br/>Para descargar tu certificado de vacunación accede a: <a href="https://certificados-vacunas.msp.gob.ec/" target="blank"> VACUNACIÓN MSP ECUADOR - Click Aquí!!!</a></div>
</div>
</div>
</div>
<div class="step-pane" data-step="4">
<div class="row">
<div class="col-xs-6 full-row">
<table class="table table-striped table-bordered table-hover">
<tr>
<th colspan="2">
{% trans from 'crud' %} registroenlinea.fields.Nacimiento {% endtrans %}
</th>
</tr>
<tr>
<th style="width: 20%">
<label id="label_form_medico">
{% trans from 'crud' %} recluta.fields.fechaNacimiento {% endtrans %}:
</label>
</th>
<td style="vertical-align: middle">
<span id="span_fechaNacimiento"></span>
</td>
</tr>
<tr>
<th style="width: 20%">
<label id="label_form_medico">
{% trans from 'crud' %} recluta.fields.paisNacimiento {% endtrans %}:
</label>
</th>
<td style="vertical-align: middle">
<span id="span_paisNacimiento"></span>
</td>
</tr>
<tr class='hidden'>
<th style="width: 20%">
<label id="label_form_medico">
{% trans from 'crud' %} recluta.fields.region {% endtrans %}:
</label>
</th>
<td style="vertical-align: middle">
<span id="span_regionNacimiento"></span>
</td>
</tr>
<tr class='hidden'>
<th style="width: 20%">
<label id="label_form_medico">
{% trans from 'crud' %} recluta.fields.provincia {% endtrans %}:
</label>
</th>
<td style="vertical-align: middle">
<span id="span_provinciaNacimiento"></span>
</td>
</tr>
<tr class='hidden'>
<th style="width: 20%">
<label id="label_form_medico">
{% trans from 'crud' %} recluta.fields.canton {% endtrans %}:
</label>
</th>
<td style="vertical-align: middle">
<span id="span_cantonNacimiento"></span>
</td>
</tr>
<tr>
<th style="width: 20%">
<label id="label_form_medico">
{% trans from 'crud' %} recluta.fields.lugarNacimiento {% endtrans %}:
</label>
</th>
<td style="vertical-align: middle">
<span id="span_parroquiaNacimiento" class='hidden'></span>
<span id="span_lugarNacimiento"></span>
</td>
</tr>
</table>
</div>
<div class="col-xs-6 full-row">
<form id='datos_residencia' action="{{ path('aspirante_salvar_recluta_proceso') }}" method="post">
<input type="hidden" id="cedularesidencia" name="form[cedula]" readonly="true" style="width: 100%">
<table class="table table-striped table-bordered table-hover">
<tr>
<th colspan="2">
{% trans from 'crud' %} registroenlinea.fields.Residencia {% endtrans %}
</th>
</tr>
<tr>
<th style="width: 20%">
<label class="required">
{% trans from 'crud' %} reclutaproceso.fields.paisReside {% endtrans %}:
</label>
</th>
<td style="vertical-align: middle">
<span>¿Vive en la República del Ecuador?</span>
<span>
<input type="checkbox" id="checkResidencia" name="form[residenciaEcuador]" style="width: 100%" class="ace ace-switch ace-switch-5" value="1" checked>
<span class="lbl" data-lbl="SÍ NO"></span>
</span><br><br>
<p class="reside_extranjero hide">Indique país de residencia</p>
<input id="form_paisResidencia" type="text" class="reside_extranjero hide" style="width:100%" name="form[paisResidencia]">
</td>
</tr>
<tr class="reside_ecuador">
<th style="width: 20%">
<label id="label_form_medico">
{% trans from 'crud' %} reclutaproceso.fields.region {% endtrans %}:
</label>
</th>
<td style="vertical-align: middle">
<select id='form_region' style="width: 100%" class="chosen-select" onchange='javascript:regionChange()'>
<option value=''>-- Seleccione --</option>
{% for region in regiones %}
<option value='{{ region.id }}'>{{ region }}</option>
{% endfor %}
</select>
</td>
</tr>
<tr class="reside_ecuador">
<th style="width: 20%">
<label id="label_form_medico">
{% trans from 'crud' %} reclutaproceso.fields.provincia {% endtrans %}:
</label>
</th>
<td style="vertical-align: middle">
<select id='form_provincia' style="width: 100%" class="chosen-select" onchange='javascripts:provinciaChange()'>
<option value=''>-- Seleccione --</option>
{% for provincia in provincias %}
<option value='{{ provincia.id }}'>{{ provincia }}</option>
{% endfor %}
</select>
</td>
</tr>
<tr class="reside_ecuador">
<th style="width: 20%">
<label id="label_form_medico">
{% trans from 'crud' %} reclutaproceso.fields.canton {% endtrans %}:
</label>
</th>
<td style="vertical-align: middle">
<select id='form_canton' style="width: 100%" class="chosen-select" onchange='javascripts:cantonChange()'>
<option value=''>-- Seleccione --</option>
{% for canton in cantones %}
<option value='{{ canton.id }}'>{{ canton }}</option>
{% endfor %}
</select>
</td>
</tr>
<tr class="reside_ecuador">
<th style="width: 20%">
<label class="required">
{% trans from 'crud' %} reclutaproceso.fields.lugarResidencia {% endtrans %}:
</label>
</th>
<td style="vertical-align: middle">
<select id='form_parroquia' name="form[parroquiaResidencia]" style="width: 100%" class="chosen-select">
<option value=''>-- Seleccione --</option>
{% for parroquia in parroquias %}
<option value='{{ parroquia.id }}'>{{ parroquia }}</option>
{% endfor %}
</select>
</td>
</tr>
<tr class="reside_ecuador">
<th style="width: 20%">
<label class="required">
{% trans from 'crud' %} reclutaproceso.fields.callePrincipalResidencia {% endtrans %}:
</label>
</th>
<td style="vertical-align: middle">
<input id="form_callePrincipal" type="text" name="form[callePrincipal]" style="width: 100%">
</td>
</tr>
<tr class="reside_ecuador">
<th style="width: 20%">
<label class="required">
{% trans from 'crud' %} reclutaproceso.fields.calleSecundariaResidencia {% endtrans %}:
</label>
</th>
<td style="vertical-align: middle">
<input id="form_calleSecundaria" type="text" name="form[calleSecundaria]" style="width: 100%">
</td>
</tr>
<tr class="reside_ecuador">
<th style="width: 20%">
<label class="required">
{% trans from 'crud' %} reclutaproceso.fields.numeroCasa {% endtrans %}:
</label>
</th>
<td style="vertical-align: middle">
<input id="form_nroCasa" type="text" name="form[nroCasa]" style="width: 100%">
</td>
</tr>
<tr>
<th style="width: 20%">
<label id="label_referencia">
{% trans from 'crud' %} reclutaproceso.fields.infoReferencia {% endtrans %}:
</label>
</th>
<td style="vertical-align: middle">
<input id="form_referencia" name="form[referenciaResidencia]" type="text" style="width: 100%">
<input type="hidden" id="direccionextranjero">
<input type="hidden" id="direccionecuador">
</td>
</tr>
<tr>
<th style="width: 90px">
<label>
{% trans from 'crud' %} reclutaproceso.fields.ubicacion {% endtrans %}:
</label>
</th>
<td style="vertical-align: middle">
<a id="maparesidencia" class="botonmapa noti btn-minier" title="Definir Ubicación en Mapa" itemid="form_geometria" geom="punto" href="#">
<i class="fas fa-globe bigger-220 blue"></i>
</a>
<span id="textoGeometriaPunto"></span>
<input type="hidden" id="form_geometria" name="form[geometria]" style="width: 100%" rows="5" class="geometria_punto">
<input type="hidden" id="geometriaextranjero">
<input type="hidden" id="geometriaecuador">
<input type="hidden" id="ubicacionextranjerovisible">
<input type="hidden" id="ubicacionecuadorvisible">
</td>
</tr>
</table>
</form>
</div>
</div>
</div>
<div class="step-pane" data-step="5">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 ">
<form id='datos_centro' action="{{ path('aspirante_salvar_recluta_proceso') }}" method="post">
<input type="hidden" id="cedulacentro" name="form[cedula]" readonly="true" style="width: 100%">
<table id="tabla_centro" class="table table-striped table-bordered table-hover">
<tr>
<th colspan="2">
{% trans from 'crud' %} registroenlinea.fields.centroMovilizacion {% endtrans %}
</th>
</tr>
<tr>
<th style="width: 25%">
<label id="label_form_anno">
Fecha en que desea presentarse:
</label>
</th>
<td style="vertical-align: middle">
<select id="form_fechaAsignacion" name="form[fechaAsignacion]" style="width: 90%">
{# <option value=''>-- Seleccione --</option>
{% for centro in centrosMovilizacion %}
<option value='{{ centro.id }}'>{{ centro }}</option>
{% endfor %#}
</select>
<input type="hidden" id="centrogeometria"></span>
<a id="mapacentro" class="botonmapa noti btn-minier hide" title="Mostrar Ubicación en Mapa" itemid="centrogeometria" geom="punto" href="#">
<i class="fas fa-globe bigger-220 blue"></i>
</a>
</td>
</tr>
<tr>
<th style="width: 25%">
<label id="label_form_anno">
{% trans from 'crud' %} reclutaproceso.fields.centroMovilizacion {% endtrans %}:
</label>
</th>
<td style="vertical-align: middle">
<select id="form_centroMovilizacion" name="form[centroMovilizacion]" style="width: 90%">
{# <option value=''>-- Seleccione --</option>
{% for centro in centrosMovilizacion %}
<option value='{{ centro.id }}'>{{ centro }}</option>
{% endfor %#}
</select>
<input type="hidden" id="centrogeometria"></span>
<a id="mapacentro" class="botonmapa noti btn-minier hide" title="Mostrar Ubicación en Mapa" itemid="centrogeometria" geom="punto" href="#">
<i class="fas fa-globe bigger-220 blue"></i>
</a>
</td>
</tr>
<tr>
<th style="width: 25%">
<label id="label_form_anno">
{% trans from 'crud' %} reclutaproceso.fields.region {% endtrans %}:
</label>
</th>
<td style="vertical-align: middle">
<span id="span_centro_region"></span>
</td>
</tr>
<tr>
<th style="width: 25%">
<label id="label_form_anno">
{% trans from 'crud' %} reclutaproceso.fields.provincia {% endtrans %}:
</label>
</th>
<td style="vertical-align: middle">
<span id="span_centro_provincia"></span>
</td>
</tr>
<tr>
<th style="width: 25%">
<label id="label_form_anno">
{% trans from 'crud' %} reclutaproceso.fields.canton {% endtrans %}:
</label>
</th>
<td style="vertical-align: middle">
<span id="span_centro_canton"></span>
</td>
</tr>
<tr>
<th style="width: 25%">
<label id="label_form_anno">
{% trans from 'crud' %} reclutaproceso.fields.parroquia {% endtrans %}:
</label>
</th>
<td style="vertical-align: middle">
<span id="span_centro_parroquia"></span>
</td>
</tr>
<tr>
<th style="width: 25%">
<label id="label_form_direccion">
{% trans from 'crud' %} reclutaproceso.fields.direccion {% endtrans %}:
</label>
</th>
<td style="vertical-align: middle">
<span id="span_centro_direccion"></span>
</td>
</tr>
<tr>
<th style="width: 25%">
<label id="label_form_direccion">
{% trans from 'crud' %} reclutaproceso.fields.direccionAcuartelamiento {% endtrans %}:
</label>
</th>
<td style="vertical-align: middle">
<span id="span_centro_direccionAcuartelamiento"></span>
</td>
</tr>
</table>
</form>
</div>
<!--div id="anno" class="col-xs-12 col-sm-6 col-md-6 " style="border: solid black">
<img src="images/foto_hombre.jpg" height="280px">
</div-->
</div>
</div>
<div class="step-pane" data-step="6">
<form id='registro_linea' action="{{ path('aspirante_registro_completado') }}" method="post" enctype='multipart/data'>
<input type="hidden" id="form_final_centro" name="form[centroMovilizacion]" style="width: 100%">
<input type="hidden" id="form_cedula" name="form[cedula]" style="width: 100%">
<input type="hidden" id="form_idoneo" name="form[idoneo]" style="width: 100%">
<input type="hidden" id="form_causa" name="form[causa]" style="width: 100%">
<input type="hidden" id="form_gameover" name="form[gameover]" style="width: 100%" value="completed">
<div id="readyTest" style="text-align: center">
<p class="red bigger-220"> <i class="ace-icon fa fa-exclamation-triangle icon-on-right"></i> A continuación debe completar un test psicológico.</p>
<p class="blue bigger-180"> Dispondrá de {{ tiempoTest }} minutos para su realización y <span id="span_intentos"></span> para completarlo.</p>
<p class="orange bigger-120">Presione el botón cuando esté listo.</p>
<p>
<a id="btn_comenzar_test" class="btn btn-info btn-bold btn-round bigger-220" href="">
COMENZAR
</a>
</p>
</div>
<div id="test" class="hide">
<div class="row">
<div class="col-xs-12">
<label id="timer" class="bigger-300 bolder" style="padding: 15px; background:#ffff00; font-family: monospace;">{{ tiempoTest }}:00</label>
</div>
<div class="col-xs-12">
<table class="table table-striped table-bordered table-hover dtr-inline">
<tr>
<th class="bigger-180 bolder">
Nro
</th>
<th class="bigger-180 bolder" style="max-width: 60%;">
Pregunta
</th>
<th class="bigger-180 bolder" style="min-width: 30%;">
Respuesta
</th>
</tr>
{% for pregunta in preguntas %}
<tr>
<th class="bigger-180">
{{ loop.index }}
</th>
<td class="bigger-180 " style="max-width: 60%;">
{{ pregunta }}
</td>
<td class="bigger-180" style="min-width: 30%;">
<input type="radio" class="pregunta-test" name="form[respuesta][{{ pregunta.id }}]" value="1"> De acuerdo
<br><br>
<input type="radio" class="pregunta-test" name="form[respuesta][{{ pregunta.id }}]" value="2"> Ni de acuerdo ni en desacuerdo
<br><br>
<input type="radio" class="pregunta-test" name="form[respuesta][{{ pregunta.id }}]" value="3"> En desacuerdo
</td>
</tr>
{% endfor%}
</table>
</div>
</div>
</div>
</form>
</div>
<div class="step-pane" data-step="7">
<div class="row">
<form id="form_encuesta" action="{{ path('aspirante_salva_encuesta') }}" method="post">
<input type="hidden" id="encuesta_cedula" name="encuesta[cedula]" style="width: 100%">
{% if proceso.cantCursos %}
<div class="col-xs-12">
<table class="table table-striped table-bordered">
<tr>
<th style="width: 400px; ">
Seleccione los cursos que le gustaría seguir dentro de nuestra Institución. <small>({{ proceso.cantCursos }} curso{% if proceso.cantCursos>1 %}s{% endif %})</small>
</th>
</tr>
<tr>
<td style="vertical-align: middle">
<select id="cursos_encuesta" class="chosen-select" multiple="true" name="encuesta[cursos][]">
<option value=''>-- Seleccione --</option>
{% for curso in proceso.cursos %}
<option value='{{ curso.id }}'>{{ curso }}</option>
{% endfor %}
</select>
</td>
</tr>
</table>
</div>
{% endif %}
<div class="col-xs-12">
<table class="table table-striped table-bordered">
<tr>
<th {% if proceso.fotoUniforme %}colspan="2"{% endif %}>
Seleccione una opción según su talla para la asignación de su uniforme Jaguar M1
</th>
</tr>
<tr>
{% if proceso.fotoUniforme %}
<td style="width: 400px;">
<img src="{{ proceso.fotoUniforme.url }}" style="width: 100%">
</td>
{% endif %}
<td style="vertical-align: middle">
<table>
<tr>
<th></th>
<th>34</th>
<th>36</th>
<th>38</th>
<th>40</th>
<th>42</th>
<th>44</th>
</tr>
<tr>
<th>Small (S)</th>
<td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="S34"></td>
<td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="S36"></td>
<td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="S38"></td>
<td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="S40"></td>
<td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="S42"></td>
<td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="S44"></td>
</tr>
<tr>
<th>Medium (M)</th>
<td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="M34"></td>
<td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="M36"></td>
<td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="M38"></td>
<td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="M40"></td>
<td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="M42"></td>
<td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="M44"></td>
</tr>
<tr>
<th>Large (L)</th>
<td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="L34"></td>
<td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="L36"></td>
<td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="L38"></td>
<td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="L40"></td>
<td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="L42"></td>
<td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="L44"></td>
</tr>
<tr>
<th>Extra Large (XL)</th>
<td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="XL34"></td>
<td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="XL36"></td>
<td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="XL38"></td>
<td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="XL40"></td>
<td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="XL42"></td>
<td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="XL44"></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div class="col-xs-12">
<table class="table table-striped table-bordered">
<tr>
<th {% if proceso.fotoJockey %}colspan="2"{% endif %}>
Elija su talla para la asignación de su jockey jaguar
</th>
</tr>
<tr>
{% if proceso.fotoJockey %}
<td style="width: 400px;">
<img src="{{ proceso.fotoJockey.url }}" width="100%">
</td>
{% endif %}
<td style="vertical-align: middle">
<table>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[jockey]" value="50"> 50</td>
</tr>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[jockey]" value="51"> 51</td>
</tr>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[jockey]" value="52"> 52</td>
</tr>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[jockey]" value="53"> 53</td>
</tr>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[jockey]" value="54"> 54</td>
</tr>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[jockey]" value="55"> 55</td>
</tr>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[jockey]" value="56"> 56</td>
</tr>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[jockey]" value="57"> 57</td>
</tr>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[jockey]" value="58"> 58</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div class="col-xs-12">
<table class="table table-striped table-bordered">
<tr>
<th {% if proceso.fotoCalzado %}colspan="2"{% endif %}>
Seleccione su talla para la asignación de su calzado (botas)
</th>
</tr>
<tr>
{% if proceso.fotoCalzado %}
<td style="width: 400px;">
<img src="{{ proceso.fotoCalzado.url }}" width="100%">
</td>
{% endif %}
<td style="vertical-align: middle">
<table>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[calzado]" value="34"> 34</td>
</tr>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[calzado]" value="36"> 36</td>
</tr>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[calzado]" value="38"> 38</td>
</tr>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[calzado]" value="40"> 40</td>
</tr>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[calzado]" value="42"> 42</td>
</tr>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[calzado]" value="44"> 44</td>
</tr>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[calzado]" value="46"> 46</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div class="col-xs-12">
<table class="table table-striped table-bordered">
<tr>
<th {% if proceso.fotoCamiseta %}colspan="2"{% endif %}>
Elija su talla para la asignación de su camiseta (caqui)
</th>
</tr>
<tr>
{% if proceso.fotoCamiseta %}
<td style="width: 400px;">
<img src="{{ proceso.fotoCamiseta.url }}" width="100%">
</td>
{% endif %}
<td style="vertical-align: middle">
<table>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[camiseta]" value="34"> 34</td>
</tr>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[camiseta]" value="36"> 36</td>
</tr>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[camiseta]" value="38"> 38</td>
</tr>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[camiseta]" value="40"> 40</td>
</tr>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[camiseta]" value="42"> 42</td>
</tr>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[camiseta]" value="44"> 44</td>
</tr>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[camiseta]" value="46"> 46</td>
</tr>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[camiseta]" value="48"> 48</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div class="col-xs-12">
<table class="table table-striped table-bordered">
<tr>
<th>
Seleccione una opción según su nivel de estudio
</th>
</tr>
<tr>
<td style="vertical-align: middle">
<table>
<tr>
<th rowspan="2">Primaria</th>
<th>Segundo</th>
<th>Tercero</th>
<th>Cuarto</th>
<th>Quinto</th>
<th>Sexto</th>
<th>Septimo</th>
<th>Finalizado</th>
</tr>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="P2"></td>
<td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="P3"></td>
<td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="P4"></td>
<td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="P5"></td>
<td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="P6"></td>
<td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="P7"></td>
<td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="PF"></td>
</tr>
<tr>
<th rowspan="2">Secundaria</th>
<th>Octavo</th>
<th>Noveno</th>
<th>Decimo</th>
<th>1ro Bachillerato</th>
<th>2do Bachillerato</th>
<th>3ro Bachillerato</th>
<th>Finalizado</th>
</tr>
<tr>
<td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="S8"></td>
<td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="S9"></td>
<td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="S10"></td>
<td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="B1"></td>
<td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="B2"></td>
<td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="B3"></td>
<td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="SF"></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</form>
</div>
</div>
</div>
<!-- /section:plugins/fuelux.wizard.container -->
</div>
<hr />
<div class="wizard-actions center">
<!-- #section:plugins/fuelux.wizard.buttons -->
<button class="btn btn-prev bigger-180">
<i class="ace-icon fa fa-arrow-left"></i>
ANTERIOR
</button>
<button class="btn btn-success bigger-180 btn-next" data-last="FINALIZAR">
SIGUIENTE
<i class="ace-icon fa fa-arrow-right icon-on-right"></i>
</button>
<!-- /section:plugins/fuelux.wizard.buttons -->
</div>
</div>
</div>
<div id="dialog-mapa-residencia" title="Definir Ubicación en Mapa"></div>
</div>
</div>
{% endif %}
</div>
{% endblock %}