src/templates/Aspirantes/registroenlinea.html.twig line 1

Open in your IDE?
  1. {% extends "layout_inicio.html.twig" %}
  2. {% block jquery %}
  3.     {{ parent() }}
  4.     <script type="text/javascript">
  5.         $(function()
  6.         {
  7.             {#% include 'RegionProvinciaCantonParroquia\\jquery.html.twig' with {'parroquiaField': 'parroquia'} %#}
  8.             $('#cedula').keyup(function(){
  9.                 $('.identidad_verificada').addClass('hide');
  10.                 $('.codigo_dactilar').addClass('hide');
  11.                 $('#tr_no_idoneo').addClass('hide');
  12.                 $("#proxy_codigo_dactilar").val('');
  13.                 $("#codigo_dactilar").val('');
  14.                 $("#proxy_expedicion_cedula").val('');
  15.                 $("#fecha_expedicion_cedula").val('');
  16.                 $("#proxy_captcha").val('');
  17.                 $("#captcha").val('');
  18.                 $('#fuelux-wizard-container').addClass('stopped');
  19.             });
  20.             $('#btn_verificar_id').click(function(e){
  21.                 e.preventDefault();
  22.                 var cedula = $('#cedula').val();
  23.                 if (!cedula)
  24.                 {
  25.                     showError(bootbox,'No ha indicado una identificación para ser verificada');
  26.                 }
  27.                 else
  28.                 {
  29.                     $('#fuelux-wizard-container').parent().parent().mask('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Verificando identidad...');
  30.                     var url = '{{ path('aspirante_verifica_identidad', {'identificacion': '__ID__'}) }}';
  31.                     url=url.replace('__ID__',cedula);
  32.                     $.getJSON(url , function(result){
  33.                         $('#fuelux-wizard-container').parent().parent().unmask();
  34.                         if (result.ok)
  35.                         {
  36.                             if (result.idoneo || result.causa=='EDAD')
  37.                             {
  38.                                 //formulario final
  39.                                 /*$('#form_nombres').val(result.nombres);
  40.                                 $('#form_apellidoP').val(result.apellidoP);
  41.                                 $('#form_apellidoM').val(result.apellidoM);
  42.                                 $('#form_edad').val(result.edadString);
  43.                                 $('#form_edadString').val(result.edadString);
  44.                                 $('#form_fechaNacimiento').val(result.fechaNacimiento);
  45.                                 $('#form_paisNacimiento').val(result.paisNacimiento);
  46.                                 $('#form_parroquiaNacimiento').val(result.parroquiaNacimiento);*/
  47.                                 $('#form_cedula').val(cedula);
  48.                                 $('#cedularecluta').val(cedula);
  49.                                 $('#cedularesidencia').val(cedula);
  50.                                 $('#cedulacentro').val(cedula);
  51.                                 $('#encuesta_cedula').val(cedula);
  52. /*                                $('#form_email').val(result.email);
  53.                                 $('#form_estatura').val(result.estatura);
  54.                                 $('#form_telefono').val(result.telefono);
  55.                                 $('#form_telefonoEmergencias').val(result.telefonoEmergencias);
  56. */                                $('#form_idoneo').val(result.idoneo);
  57.                                 $('#form_causa').val(result.causa);
  58.                                 $('#cedula_dactilar').val(cedula);
  59.                                 //
  60.                                 if (result.intentos==1)
  61.                                     $('#span_intentos').html('le queda un único intento');
  62.                                 else
  63.                                 if (result.intentos==2)   
  64.                                     $('#span_intentos').html('le quedan 2 intentos');
  65.                                 else
  66.                                     $('#span_intentos').html('tiene 3 intentos');
  67.                                 $('#span_edad1').html(result.edadString);
  68.                                 $('#span_edad2').html(result.edadString);
  69.                                 $('#span_cedula').html(cedula);
  70.                                 
  71.                                 $('#span_sexo').html(result.sexo);
  72.                                 
  73.                                 $('#sexorecluta').val(result.sexo);
  74.                                 
  75.                                 $('#form_telefono').val(result.telefono);
  76.                                 $('#span_estadoCivil').html(result.estadoCivil);
  77.                                 $('#span_nombre1').html(result.apellidoP+' '+result.apellidoM+' '+result.nombres);
  78.                                 $('#span_nombre2').html(result.apellidoP+' '+result.apellidoM+' '+result.nombres);
  79.                                 $('#span_fechaNacimiento').html(result.fechaNacimiento);
  80.                                 $('#span_paisNacimiento').html(result.paisNacimiento);
  81.                                 $('#span_lugarNacimiento').html(result.lugarNacimientoStr);
  82.                                 //$('#span_parroquiaNacimiento').html(result.parroquiaNacimiento);
  83.                                 //$('#span_cantonNacimiento').html(result.cantonNacimiento);
  84.                                 //$('#span_provinciaNacimiento').html(result.provinciaNacimiento);
  85.                                 //$('#span_regionNacimiento').html(result.regionNacimiento);
  86.                             }
  87.                             if (result.idoneo)
  88.                             {
  89.                                 $('.identidad_verificada').removeClass('hide');
  90.                                 $('.codigo_dactilar').removeClass('hide');
  91.                                 $('#tr_no_idoneo').addClass('hide');
  92.                                 var urlfoto = '{{ path('dropzone_single_show_component', {'routeClassName': 'recluta', 'field': 'foto', 'parentId':'__ID__', 'acceptedFiles':'image', 'txt': 'FOTO'}) }}';
  93.                                 urlfoto=urlfoto.replace('__ID__',result.reclutaID);
  94.                                 $('#fotorecluta').load(urlfoto);
  95.                                 var urlcovid = '{{ path('dropzone_single_show_component', {'routeClassName': 'recluta', 'field': 'certifCovid', 'parentId':'__ID__', 'acceptedFiles':'.pdf', 'txt': 'CERTIFICADO DE VACUNACIÓN'}) }}';
  96.                                 urlcovid=urlcovid.replace('__ID__',result.reclutaID);
  97.                                 $('#covid').load(urlcovid);
  98.                                 $('#fuelux-wizard-container').removeClass('stopped');
  99.                             }
  100.                             else
  101.                             {
  102.                                 if (result.causa=='registrado') {
  103.                                     $('#fuelux-wizard-container').parent().parent().mask('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Aspirante ya registrado. Cargando ficha de registro...');
  104.                                     var url = '{{ path('crud_plain_show', {'routeClassName': 'reclutaproceso', 'id': '__ID__','origen': 'registroenlinea' }) }}';
  105.                                     url = url.replace('__ID__',result.procesoId);
  106.                                     document.location.href=url;
  107.                                 }
  108.                                 else {                                            
  109.                                     if (result.causa=='EDAD')
  110.                                         $('.identidad_verificada').removeClass('hide');
  111.                                     $('.codigo_dactilar').addClass('hide');
  112.                                     $('#tr_no_idoneo').removeClass('hide');
  113.                                     $('#span_no_idoneo').html(result.msg);
  114.                                     $('#fuelux-wizard-container').addClass('finished');
  115.                                     $('.btn-success').html('FINALIZAR');
  116.                                 } 
  117.                             }
  118.                         }
  119.                         else
  120.                         {
  121.                                 showError(bootbox, result.msg);
  122.                             }
  123.                     });
  124.                 }
  125.             });
  126.             $('#btn_verificar_antecedentes').click(function(e){
  127.                 e.preventDefault();
  128.                 $('#btn_verificar_antecedentes').addClass('hide');
  129.                 $('#fuelux-wizard-container').addClass('stopped');
  130.                 var cedula = $('#cedularecluta').val();
  131.                 var c=2;
  132.                 $('#fuelux-wizard-container').parent().parent().mask('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Verificando antecedentes...');
  133.                 var url = '{{ path('aspirante_verifica_antecedentes', {'identificacion': '__ID__'}) }}';
  134.                 url=url.replace('__ID__',cedula);
  135.                 $.getJSON(url , function(result){
  136.                     $('#table_antecedentes').removeClass('hide');
  137.                     c=c-1;
  138.                     if (c==0)
  139.                         $('#fuelux-wizard-container').parent().parent().unmask();
  140.                     if (result.ok)
  141.                     {
  142.                         if (result.idoneo)
  143.                         {
  144.                             $('#tr_noantecedentes').removeClass('hide');
  145.                             $('#fuelux-wizard-container').removeClass('stopped');
  146.                         }
  147.                         else
  148.                         {
  149.                             $('#antecedentes_'+result.antecedente).prop('checked', true);
  150.                             $('#tr_antecedentes').removeClass('hide');
  151.                             $('#fuelux-wizard-container').addClass('finished');
  152.                             $('.btn-success').html('FINALIZAR');
  153.                         } 
  154.                     }
  155.                     else
  156.                     {
  157.                         $('#btn_verificar_antecedentes').removeClass('hide');
  158.                         showError(bootbox, result.msg);
  159.                     }
  160.                 });
  161.                 var url1 = '{{ path('aspirante_verifica_estudios', {'identificacion': '__ID__'}) }}';
  162.                 url1=url1.replace('__ID__',cedula);
  163.                 $.getJSON(url1 , function(result){
  164.                     c=c-1;
  165.                     if (c==0)
  166.                         $('#fuelux-wizard-container').parent().parent().unmask();
  167.                     if (result.ok)
  168.                     {
  169.                         $('#table_estudios').removeClass('hide');
  170.                         var flen = result.estudios.length;
  171.                         if (flen>0)
  172.                         {
  173.                             var i;
  174.                             for (i=0; i<flen; i++)
  175.                             {
  176.                                 $('#estudios').append('<tr><td>'+result.estudios[i].institucion+'</td><td>'+result.estudios[i].titulo+'</td></tr>');
  177.                             }
  178.                         }
  179.                         else
  180.                         {
  181.                             $('#estudios').append('<tr><td colspan="3" style="text-align: center">No hay estudios registrados</td></tr>');
  182.                         }
  183.                     }
  184.                     else
  185.                     {
  186.                         $('#btn_verificar_antecedentes').removeClass('hide');
  187.                         showError(bootbox, result.msg);
  188.                     }
  189.                 });
  190.             });
  191.             $('#proxy_expedicion_cedula').datepicker({
  192.                 autoclose: true,
  193.                 todayHighlight: true,
  194.                 language: 'es'
  195.             })
  196.             .next().on(ace.click_event, function(){
  197.                 $(this).prev().focus();
  198.             });
  199.             $("#captcha_refresh").click(function (){
  200.                 $("#captcha_img").html('<i class="ace-icon fa fa-spinner orange fa-spin bigger-220"></i>');
  201.                 $("#captcha_img").html('<img src="{{path('captcha')}}?rdn='+Math.random()+'" />');
  202.             });    
  203.             $("#proxy_codigo_dactilar").change(function(){
  204.                 $("#codigo_dactilar").val($("#proxy_codigo_dactilar").val());
  205.             });
  206.             $("#proxy_expedicion_cedula").change(function(){
  207.                 $("#fecha_expedicion_cedula").val($("#proxy_expedicion_cedula").val());
  208.             });
  209.             $("#proxy_captcha").change(function(){
  210.                 $("#captcha").val($("#proxy_captcha").val());
  211.             });
  212.             $("#email").change(function(){
  213.                 $("#form_email").val($("#email").val());
  214.             });
  215.             $("#checkResidencia").click(function(){
  216.                 if ($("#checkResidencia").prop('checked'))
  217.                 {
  218.                     $('.reside_ecuador').removeClass('hide');
  219.                     $('.reside_extranjero').addClass('hide');
  220.                     $('#label_referencia').html('Referencia:');
  221.                     $('#label_referencia').removeClass('required');
  222.                     $('#direccionextranjero').val($('#form_referencia').val());
  223.                     $('#form_referencia').val($('#direccionecuador').val());
  224.                     $('#geometriaextranjero').val($('#form_geometria').val());
  225.                     $('#form_geometria').val($('#geometriaecuador').val());       
  226.                     $('#ubicacionextranjerovisible').val($('#textoGeometriaPunto').html());
  227.                     $('#textoGeometriaPunto').html($('#ubicacionecuadorvisible').val());
  228.                 }
  229.                 else
  230.                 {
  231.                     $('#form_paisResidencia').val('');
  232.                     $('.reside_ecuador').addClass('hide');
  233.                     $('.reside_extranjero').removeClass('hide');
  234.                     $('#label_referencia').html('Dirección:');
  235.                     $('#label_referencia').addClass('required');
  236.                     $('#direccionecuador').val($('#form_referencia').val());
  237.                     $('#form_referencia').val($('#direccionextranjero').val());
  238.                     $('#geometriaecuador').val($('#form_geometria').val());
  239.                     $('#form_geometria').val($('#geometriaextranjero').val());       
  240.                     $('#ubicacionecuadorvisible').val($('#textoGeometriaPunto').html());   //   8351152  
  241.                     $('#textoGeometriaPunto').html($('#ubicacionextranjerovisible').val());
  242.                 }
  243.             });
  244.             $('#form_geometria').change(function(){                                        
  245.                 geometria = $('#form_geometria').val();
  246.                 valor = mostrarTextoGeometria(geometria); 
  247.                 $('#textoGeometriaPunto').html(valor);
  248.             });
  249.             var timer;
  250.             var tiempo = {{ tiempoTest }};
  251.             tiempo=tiempo*60;
  252.             var horaIni;
  253.             $('#btn_comenzar_test').click(function(e){
  254.                 e.preventDefault();
  255.                 $('#readyTest').addClass('hide');
  256.                 $('#test').removeClass('hide');
  257.                 $('#fuelux-wizard-container').removeClass('stopped');
  258.                 horaIni = new Date();
  259.                 timer = setInterval(function(){
  260.                     //pintar tiempo
  261.                     hora = new Date();
  262.                     hora=hora-horaIni;
  263.                     mostrarTiempo(tiempo, hora, timer);
  264.                 },1000);        
  265.             });
  266.             $('#form_fechaAsignacion').change(function(){
  267.                 var fecha = $(this).val();
  268.                 var sexo = $('#sexorecluta').val();
  269.                 var url = '{{ path('centros_con_cupo', {'fecha': '__FECHA__', 'sexo': '__SEXO__' }) }}';
  270.                 url = url.replace('__FECHA__', fecha);
  271.                 url = url.replace('__SEXO__', sexo);
  272.                 $('#tabla_centro').parent().parent().mask('&nbsp;&nbsp;&nbsp;&nbsp;Buscando lugares con cupo...');
  273.                 $.getJSON(url , function(result){
  274.                     $('#form_centroMovilizacion').html(result.centros);
  275.                     $('#tabla_centro').parent().parent().unmask();
  276.                     $('#span_centro_region').html('');
  277.                     $('#span_centro_provincia').html('');
  278.                     $('#span_centro_canton').html('');
  279.                     $('#span_centro_parroquia').html('');
  280.                     $('#span_centro_direccion').html('');
  281.                     $('#span_centro_direccionAcuartelamiento').html('');
  282.                 });
  283.             });    
  284.         
  285.         });
  286.         
  287.     </script>    
  288.     
  289.     
  290. {% endblock jquery %}
  291. {% block jquery_functions %}
  292.     {{ parent() }}
  293.     
  294.     {% include 'RegionProvinciaCantonParroquia\\jquery_functions.html.twig'  with {'parroquiaField': 'parroquia'} %}
  295.       
  296.     function finalizaTestPsicologico()
  297.     {
  298.             clearInterval(timer); 
  299.                                 $('#fuelux-wizard-container').parent().parent().mask('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Guardando información...');
  300.                                 $('#registro_linea').ajaxSubmit({
  301.                                     type: $('#registro_linea').attr('method'),
  302.                                     url: $('#registro_linea').attr('action'),
  303.                                     dataType: 'json',
  304.                                     data: { _xml_http_request: true },
  305.                                     success: function(data) {
  306.                                         if (data.ok)
  307.                                         {  
  308.                                             $('#fuelux-wizard-container').parent().parent().unmask();
  309.                                             var wizard = $('#fuelux-wizard-container').data('fu.wizard');
  310.                                             wizard.currentStep = 7;
  311.                                             wizard.setState();
  312.                                         }
  313.                                         else
  314.                                         {
  315.                                             document.location.href='';
  316.                                         }
  317.                                     }
  318.                                 })
  319.     }
  320.     
  321.     function mostrarTextoGeometria(geometria)
  322.     {
  323.         cadenaRetorno = '';
  324.         if (geometria.length)
  325.         {
  326.             cadena = geometria.replace('POINT(','');
  327.             cadena = cadena.replace(')','');
  328.             punto = cadena.split(' ');  
  329.             cadenaRetorno = 'Lat:'+ parseFloat(punto[1]).toFixed(2) + ' Lon:'+ parseFloat(punto[0]).toFixed(2);
  330.         }
  331.         return cadenaRetorno;
  332.     }
  333.     function showError(bootbox, texto)
  334.     {
  335.         bootbox.dialog({
  336.             message: texto, 
  337.             buttons: {
  338.                 "success" : {
  339.                     "label" : "OK",
  340.                     "className" : "btn-sm btn-primary"
  341.                 }
  342.             }
  343.         });
  344.     }
  345.     
  346. {% endblock jquery_functions %}
  347. {% block content %} 
  348.     <div class="widget-box transparent">
  349.         <div class="widget-header widget-header-flat">
  350.             <h4 class="widget-title lighter">
  351.                 {% if allow %}
  352.                     <i class="fas fa-pencil-alt orange"></i>
  353.                     Registro en línea de aspirantes para procesos de acuartelamiento
  354.                 {% else %}
  355.                     <i class="fas fa-ban red"></i>
  356.                     {{ msg }}
  357.                 {% endif %}
  358.             </h4>
  359.         </div>
  360.         {% if allow %}
  361.             <div class="widget-body" style="display: block;">
  362.                 <div class="widget-main no-padding">
  363.                     <script type="text/javascript">
  364.                         $(function()
  365.                         {
  366.                             $('.just_numbers').keypress(function(e){
  367.                                 if (e.which<48 || e.which>57 )
  368.                                     e.preventDefault();
  369.                             });
  370.                             
  371.                             $('.chosen-select').chosen({allow_single_deselect:true}); 
  372.                             $('#fuelux-wizard-container')
  373.                             .ace_wizard({
  374.                                     //step: 7, //optional argument. wizard will jump to step "4" at first
  375.                                     //buttons: '.wizard-actions:eq(0)'
  376.                             })
  377.                             .on('actionclicked.fu.wizard' , function(e, info){
  378.                                 if (info.direction=="next")
  379.                                 {
  380.                                     if ($('#fuelux-wizard-container').hasClass('finished'))
  381.                                     {
  382.                                         e.preventDefault();
  383.                                         document.location.href='{{ path('app_home') }}';
  384.                                     }
  385.                                     if ($('#fuelux-wizard-container').hasClass('stopped'))
  386.                                     {
  387.                                         e.preventDefault();
  388.                                         return;
  389.                                     }
  390.                                     if (info.step==1)
  391.                                     {
  392.                                         e.preventDefault();
  393.                                         if ($('#codigo_dactilar').val() && $('#fecha_expedicion_cedula').val() /*&& $('#captcha').val()*/)
  394.                                         {
  395.                                             $('#fuelux-wizard-container').parent().parent().mask('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Verificando información...');
  396.                                             $('#registro_dactilar').ajaxSubmit({
  397.                                                 type: $('#registro_dactilar').attr('method'),
  398.                                                 url: $('#registro_dactilar').attr('action'),
  399.                                                 dataType: 'json',
  400.                                                 data: { _xml_http_request: true },
  401.                                                 success: function(data) {
  402.                                                     $("#fuelux-wizard-container" ).parent().parent().unmask();
  403.                                                     if (data.ok)
  404.                                                     {  
  405.                                                         if (data.idoneo)
  406.                                                         {
  407.                                                             var wizard = $('#fuelux-wizard-container').data('fu.wizard');
  408.                                                             wizard.currentStep = 2;
  409.                                                             wizard.setState();
  410.                                                             $('#btn_verificar_antecedentes').removeClass('hide');
  411.                                                             $('#table_antecedentes').addClass('hide');
  412.                                                             $('#table_estudios').addClass('hide');
  413.                                                             $('#tr_antecedentes').addClass('hide');
  414.                                                             $('#tr_noantecedentes').addClass('hide');
  415.                 
  416.                 
  417.                                                             $('#estudios').html('');
  418.                                                             $('#fuelux-wizard-container').addClass('stopped');
  419.                                                         }
  420.                                                         else
  421.                                                         {
  422.                                                             $('#tr_no_idoneo').removeClass('hide');
  423.                                                             $('#span_no_idoneo').html(data.msg);
  424.                                                             $('#fuelux-wizard-container').addClass('finished');
  425.                                                             $('.btn-success').html('FINALIZAR');
  426.                                                         }
  427.                                                     }
  428.                                                     else
  429.                                                     {
  430.                                                         showError(bootbox,data.msg);
  431.                                                     }
  432.                                                 }
  433.                                             })
  434.                                         }
  435.                                         else
  436.                                         {
  437.                                             showError(bootbox,'Debe indicar el código dactilar y la fecha de expedición.');
  438. //                                            showError(bootbox,'Debe indicar el código dactilar, la fecha de expedición de la cédula y el texto que se muestra.');
  439.                                         }
  440.                                     }
  441.                                     if (info.step==3)
  442.                                     {
  443.                                         e.preventDefault();
  444.                                         if (!($('#form_telefonoEmergencias').val() && $('#form_telefono').val() && $('#form_email').val() && $('#form_estatura').val()))
  445.                                         {
  446.                                             e.preventDefault();
  447.                                             showError(bootbox,'Debe indicar la estatura, los teléfonos y el correo electrónico.');
  448.                                         }
  449.                                         else
  450.                                         if (isNaN($('#form_estatura').val()))
  451.                                         {
  452.                                             e.preventDefault();
  453.                                             showError(bootbox,'La estatura debe ser un valor numérico.');
  454.                                         }
  455.                                         else
  456.                                         if (!validEmail($('#form_email').val()))
  457.                                         {
  458.                                             e.preventDefault();
  459.                                             showError(bootbox,'Correo electrónico en formato incorrecto.');
  460.                                         }
  461.                                         else
  462.                                         {
  463.                                             $("#fuelux-wizard-container" ).parent().parent().mask('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Verificando información...');
  464.                                             $('#datos_recluta').ajaxSubmit({
  465.                                                 type: $('#datos_recluta').attr('method'),
  466.                                                 url: $('#datos_recluta').attr('action'),
  467.                                                 dataType: 'json',
  468.                                                 data: { _xml_http_request: true },
  469.                                                 success: function(data) {
  470.                                                     $("#fuelux-wizard-container" ).parent().parent().unmask();
  471.                                                     if (data.hayCupos)
  472.                                                     {
  473.                                                         $('#form_fechaAsignacion').html(data.fechas);
  474.                                                         $('#form_centroMovilizacion').html(data.centros);
  475.                                                         var wizard = $('#fuelux-wizard-container').data('fu.wizard');
  476.                                                         wizard.currentStep = 4;
  477.                                                         wizard.setState();
  478.                                                     }
  479.                                                     else
  480.                                                     {
  481.                                                         $('#no_cupo').removeClass('hide');
  482.                                                         $('#fuelux-wizard-container').addClass('finished');
  483.                                                         $('.btn-success').html('FINALIZAR');
  484.                                                     }
  485.                                                 }
  486.                                             });
  487.                                         }
  488.                                     }
  489.                                     if (info.step==4)
  490.                                     {
  491.                                         var salvar=true;
  492.                                         if ($('#checkResidencia').prop('checked'))
  493.                                         {
  494.                                             if (!($('#form_parroquia').val() && $('#form_callePrincipal').val() && 
  495.                                                   $('#form_calleSecundaria').val() && $('#form_nroCasa').val()))
  496.                                             {
  497.                                                 e.preventDefault();
  498.                                                 salvar=false;
  499.                                                 showError(bootbox,'Debe indicar todos los campos marcados en rojo.');
  500.                                             }
  501.                                         }
  502.                                         else
  503.                                         {
  504.                                             if (!($('#form_paisResidencia').val() && $('#form_referencia').val()))
  505.                                             {
  506.                                                 e.preventDefault();
  507.                                                 salvar=false;
  508.                                                 showError(bootbox,'Debe indicar todos los campos marcados en rojo.');
  509.                                             }
  510.                                         }
  511.                                         if (salvar)
  512.                                         {
  513.                                             $('#datos_residencia').ajaxSubmit({
  514.                                                 type: $('#datos_residencia').attr('method'),
  515.                                                 url: $('#datos_residencia').attr('action'),
  516.                                                 dataType: 'json',
  517.                                                 data: { _xml_http_request: true },
  518.                                                 success: function(data) {
  519.                                                 }
  520.                                             });
  521.                                         }
  522.                                     }
  523.                                     if (info.step==5)
  524.                                     {
  525.                                         var salvar=true;
  526.                                         if (!$('#form_centroMovilizacion').val())
  527.                                         {
  528.                                             e.preventDefault();
  529.                                             salvar=false;
  530.                                             showError(bootbox,'Debe indicar el Centro de Acuartelamiento en que desea presentarse.');
  531.                                         }
  532.                                         else
  533.                                         {
  534.                                             $('#fuelux-wizard-container').addClass('stopped');
  535.                                         }
  536.                                         if (salvar)
  537.                                         {
  538.                                             $('#datos_centro').ajaxSubmit({
  539.                                                 type: $('#datos_centro').attr('method'),
  540.                                                 url: $('#datos_centro').attr('action'),
  541.                                                 dataType: 'json',
  542.                                                 data: { _xml_http_request: true },
  543.                                                 success: function(data) {
  544.                                                 }
  545.                                             });
  546.                                         }
  547.                                     }
  548.                                     if (info.step==6)
  549.                                     {
  550.                                         e.preventDefault();
  551.                                         if ($('#fuelux-wizard-container').hasClass('stopped'))
  552.                                         {
  553.                                             return;
  554.                                         }
  555.                                         var cantidadPreguntas = {{ preguntas | length }};
  556.                                         var cantidadRespuestas = $(".pregunta-test:checked").length;
  557.                                         if (cantidadPreguntas  > cantidadRespuestas) {
  558.                                             alert('Quedan preguntas sin respuestas');
  559.                                             return;
  560.                                         }
  561.                                         finalizaTestPsicologico();
  562.                                     }
  563.                                 }
  564.                                 else
  565.                                 {
  566.                                     $('#fuelux-wizard-container').removeClass('stopped');
  567.                                 }
  568.                             })
  569.                             .on('finished.fu.wizard', function(e) {
  570.                                 if ($('#fuelux-wizard-container').hasClass('stopped'))
  571.                                 {
  572.                                     e.preventDefault();
  573.                                     return;
  574.                                 }
  575.                                 var salvar=true;
  576.                                 {% if proceso.cantCursos %}
  577.                                         
  578.                                     var v = $('#cursos_encuesta').val();
  579.                                     if (!v || v.length != {{ proceso.cantCursos }})
  580.                                     {
  581.                                         e.preventDefault();
  582.                                         salvar=false;
  583.                                         showError(bootbox,'Debe seleccionar {{ proceso.cantCursos }} curso{% if proceso.cantCursos>1 %}s{% endif %}.');
  584.                                         return;
  585.                                     }
  586.                                 {% endif %}
  587.                                 var encuestaRespuestas = $(".encuesta:checked").length;
  588.                                 if (encuestaRespuestas<5)
  589.                                 {
  590.                                     e.preventDefault();
  591.                                     salvar=false;
  592.                                     showError(bootbox,'Debe indicar todas las tallas y el nivel de estudios vencido.');
  593.                                     return;
  594.                                 }
  595.                                 if (salvar)
  596.                                 {
  597.                                     $('#form_encuesta').ajaxSubmit({
  598.                                         type: $('#form_encuesta').attr('method'),
  599.                                         url: $('#form_encuesta').attr('action'),
  600.                                         dataType: 'json',
  601.                                         data: { _xml_http_request: true },
  602.                                         success: function(data) {
  603.                                             if (data.ok)
  604.                                             {
  605.                                                 var url = '{{ path('crud_plain_show', {'routeClassName': 'reclutaproceso', 'id': '__ID__' }) }}';
  606.                                                 url = url.replace('__ID__',data.id);
  607.                                                 document.location.href=url;
  608.                                             }
  609.                                             else
  610.                                             {
  611.                                                 showError(bootbox, data.msg);
  612.                                             }
  613.                                         }
  614.                                     });
  615.                                 }
  616.                             })
  617.                             .on('stepclicked.fu.wizard', function(e){
  618.                                 e.preventDefault();//this will prevent clicking and selecting steps
  619.                             });
  620.                         });
  621.                         $(function()
  622.                         {
  623.                             var cargainicialresidencia = true;
  624.                             var cargainicialcentro = true;
  625.                             $( "#dialog-mapa-residencia" ).dialog({
  626.                                 autoOpen: false,
  627.                                 height: 610,
  628.                                 width: 750,
  629.                                 modal: true,
  630.                                 resizable: false,
  631.                                 title_html: true,
  632.                                 title: '<div id="texto" class="widget-header widget-header-small"><h4 class="smaller red"><i class="fas fa-globe"></i>&nbsp;Definir Ubicación en Mapa</h4></div>',
  633.                                 buttons: {
  634.                                     Cancelar: function() {
  635.                                         $( "#dialog-mapa-residencia" ).dialog( "close" );
  636.                                     }
  637.                                 }
  638.                             });
  639.                             $("#maparesidencia").click(function(e){
  640.                                 e.preventDefault(); 
  641.                                 var idcampo = $(this).attr('itemid');
  642.                                 var tipoDibujo = $(this).attr('geom');
  643.                                 var url = "{{ path('dibujarPunto', {'tipoDibujo': '__TIPO__', 'idCampo': '__CAMPO__', 'idContenedorMapa': 'dialog-mapa-residencia'}) }}";
  644.                                 url =url.replace('__TIPO__', tipoDibujo); 
  645.                                 url =url.replace('__CAMPO__', idcampo); 
  646.                                 $("#dialog-mapa-residencia").dialog("open");
  647.                                 if (cargainicialresidencia)
  648.                                 {    
  649.                                     $('#dialog-mapa-residencia').load(url);
  650.                                     cargainicialresidencia = false;
  651.                                 }
  652.                             }); 
  653.                                                                   
  654.                             
  655.                             $("#mapacentro").click(function(e){
  656.                                 e.preventDefault(); 
  657.                                 var idcampo = $(this).attr('itemid');
  658.                                 var tipoDibujo = $(this).attr('geom');
  659.                                 var url = '{{ path('mostrarGeometria', {'tipoDibujo': '__TIPO__', 'idCampo': '__CAMPO__', 'idContenedorMapa': 'dialog-mapa-residencia'}) }}';
  660.                                 url =url.replace('__TIPO__', tipoDibujo); 
  661.                                 url =url.replace('__CAMPO__', idcampo); 
  662.                                 $("#dialog-mapa-residencia").dialog("open");
  663.                                 if (cargainicialcentro)
  664.                                 {    
  665.                                     $('#dialog-mapa-residencia').load(url);
  666.                                     cargainicialcentro = false;
  667.                                 }
  668.                             }); 
  669.                             
  670.                             $('#form_centroMovilizacion').change(function(){
  671.                                 $('#span_centro_region').html('');
  672.                                 $('#span_centro_provincia').html('');
  673.                                 $('#span_centro_canton').html('');
  674.                                 $('#span_centro_parroquia').html('');
  675.                                 $('#span_centro_direccion').html('');
  676.                                 $('#span_centro_direccionAcuartelamiento').html('');
  677.                                 $('#form_final_centro').val($(this).val());
  678.                                 if ($(this).val())
  679.                                 {
  680.                                     $('#tabla_centro').parent().mask('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');
  681.                                     var url = '{{ path('dpa_centro_movilizacion', {'centro': '__ID__'}) }}';
  682.                                     url=url.replace('__ID__',$(this).val());
  683.                                     $.getJSON(url , function(result){
  684.                                         $('#tabla_centro').parent().unmask();
  685.                                         if (result.ok)
  686.                                         {
  687.                                             $('#mapacentro').removeClass('hide');
  688.                                             $('#span_centro_region').html(result.region);
  689.                                             $('#span_centro_provincia').html(result.provincia);
  690.                                             $('#span_centro_canton').html(result.canton);
  691.                                             $('#span_centro_parroquia').html(result.parroquia);
  692.                                             $('#span_centro_direccion').html(result.direccion);
  693.                                             if (result.direccionAcuartelamiento && result.direccionAcuartelamiento!='') {
  694.                                                 $('#span_centro_direccionAcuartelamiento').html(result.direccionAcuartelamiento);
  695.                                             }
  696.                                             else {
  697.                                                 $('#span_centro_direccionAcuartelamiento').html(result.direccion);
  698.                                             }
  699.                                             $('#centrogeometria').val(result.geometria);
  700.                                         }
  701.                                     });
  702.                                 }
  703.                                 else
  704.                                 {
  705.                                     $('#mapacentro').addClass('hide');
  706.                                 }
  707.                             });
  708.                         });
  709.     function validEmail(email)
  710.     {
  711.         var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9_\.\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  712.          return filter.test(email);
  713.     }
  714.     
  715.     function mostrarTiempo(tiempoTotal, tiempoTranscurrido, timer)
  716.     {
  717.         tiempoTranscurrido = tiempoTranscurrido / 1000;
  718.         tiempoRestante = tiempoTotal - tiempoTranscurrido;
  719.         if (tiempoRestante<=0)
  720.         {
  721.             $('#form_gameover').val('gameover');
  722.             showError(bootbox,'Se ha agotado el tiempo disponible para completar el test.');
  723.             finalizaTestPsicologico();
  724.         }
  725.         var color = 'green';
  726.         if (tiempoRestante<tiempoTotal/4)
  727.         {
  728.             color = 'red';
  729.         }
  730.         else
  731.         if (tiempoRestante<tiempoTotal/2)
  732.         {
  733.             color = 'white';
  734.         }
  735.         var min = parseInt(tiempoRestante / 60)+'';
  736.         var sec = parseInt(tiempoRestante % 60)+'';
  737.         if (min.length==1)
  738.         {
  739.             min='0'+min;
  740.         }
  741.         if (sec.length==1)
  742.         {
  743.             sec='0'+sec;
  744.         }
  745.         $('#timer').html(min+":"+sec);
  746.         $('#timer').css('color',color);
  747.     }
  748.     
  749.                     </script>
  750.                         <div class="row">
  751.                             <div class="col-xs-12">
  752.                                 <div id="fuelux-wizard-container" class="stopped">
  753.                                     <div>
  754.                                         <!-- #section:plugins/fuelux.wizard.steps -->
  755.                                         <ul class="steps">
  756.                                             <li data-step="1" class="active">
  757.                                                 <span class="step">1</span>
  758.                                                     <span class="title">{% trans from 'crud' %} registroenlinea.fields.validacionIdentidad {% endtrans %}</span>
  759.                                             </li>
  760.                                             <li data-step="2">
  761.                                                 <span class="step">2</span>
  762.                                                     <span class="title">{% trans from 'crud' %} registroenlinea.fields.consultasAntecedentesEstudios {% endtrans %}</span>
  763.                                             </li>
  764.                                             <li data-step="3">
  765.                                                 <span class="step">3</span>
  766.                                                     <span class="title">{% trans from 'crud' %} registroenlinea.fields.datosPersonales {% endtrans %}</span>
  767.                                             </li>
  768.                                             <li data-step="4">
  769.                                                 <span class="step">4</span>
  770.                                                     <span class="title">{% trans from 'crud' %} registroenlinea.fields.datosResidencia {% endtrans %}</span>
  771.                                             </li>
  772.                                             <li data-step="5">
  773.                                                 <span class="step">5</span>
  774.                                                     <span class="title">{% trans from 'crud' %} registroenlinea.fields.centroMovilizacion {% endtrans %}</span>
  775.                                             </li>
  776.                                             
  777.                                             <li data-step="6">
  778.                                                 <span class="step">6</span>
  779.                                                     <span class="title">{% trans from 'crud' %} registroenlinea.fields.testPsicologico {% endtrans %}</span>
  780.                                             </li>
  781.                                             <li data-step="7">
  782.                                                 <span class="step">7</span>
  783.                                                     <span class="title">{% trans from 'crud' %} registroenlinea.fields.encuesta {% endtrans %}</span>
  784.                                             </li>
  785.                                         </ul>
  786.                                         <!-- /section:plugins/fuelux.wizard.steps -->
  787.                                     </div>
  788.                                     <hr />
  789.                                     <!-- #section:plugins/fuelux.wizard.container -->
  790.                                     <div class="step-content pos-rel">
  791.                                         <div class="step-pane active" data-step="1">
  792.                                             <input type="hidden" id="identidad_verificada">
  793.                                             <div class="row">
  794.                                                 <div class="col-xs-7">
  795.                                                     <table class="table table-striped table-bordered table-hover">
  796.                                                         <tr id='tr_identificacion'>
  797.                                                             <th style="width: 400px; ">
  798.                                                                 <label>
  799.                                                                         {% trans from 'crud' %} registroenlinea.fields.ingreseCedula {% endtrans %}
  800.                                                                 </label>
  801.                                                             </th>
  802.                                                             <td style="vertical-align: middle">
  803.                                                                 <input id="cedula" type="text" style="width: 100%; min-width: 200px">
  804.                                                                 <div> <small><i>Solo números Ejemplo: 9999999999</i></small></div>
  805.                                                             </td>    
  806.                                                             <td class="" style="vertical-align: middle">
  807.                                                                 <a id="btn_verificar_id" class="btn btn-white btn-inverse btn-bold btn-round" href="">
  808.                                                                     VERIFICAR
  809.                                                                 </a>
  810.                                                             </td>    
  811.                                                         </tr>   
  812.                                                         <tr class="identidad_verificada hide">
  813.                                                             <th style="width: 400px">
  814.                                                                 <label>
  815.                                                                         {% trans from 'crud' %} reclutaproceso.fields.recluta {% endtrans %} 
  816.                                                                 </label>
  817.                                                             </th>
  818.                                                             <td style="vertical-align: middle" colspan="2">
  819.                                                                 <span id="span_nombre1"></span>
  820.                                                             </td>    
  821.                                                         </tr>    
  822.                                                         <tr class="identidad_verificada hide">
  823.                                                             <th style="width: 400px">
  824.                                                                 <label>
  825.                                                                         {% trans from 'crud' %} reclutaproceso.fields.reclutaEdad {% endtrans %}
  826.                                                                 </label>
  827.                                                             </th>
  828.                                                             <td style="vertical-align: middle" colspan="2">
  829.                                                                 <span id="span_edad1">19</span>
  830.                                                             </td>    
  831.                                                         </tr>    
  832.                                                         <tr class="codigo_dactilar hide">
  833.                                                             <th style="width: 400px">
  834.                                                                 <label>
  835.                                                                         {% trans from 'crud' %} registroenlinea.fields.ingreseCodigoDactilar {% endtrans %}
  836.                                                                 </label>
  837.                                                             </th>
  838.                                                             <td style="vertical-align: middle" colspan="2">
  839.                                                                 <input type="text" id="proxy_codigo_dactilar" style="width: 100%">
  840.                                                             </td>    
  841.                                                         </tr>    
  842.                                                         <tr class="codigo_dactilar hide">
  843.                                                             <th style="width: 400px">
  844.                                                                 <label>
  845.                                                                         {% trans from 'crud' %} registroenlinea.fields.ingreseFechaCedula {% endtrans %}
  846.                                                                 </label>
  847.                                                             </th>
  848.                                                             <td style="vertical-align: middle" colspan="2">
  849.                                                                 <div class="input-group" id="campo_fecha_proxy_expedicion_cedula">
  850.                                                                     <input type="text" id="proxy_expedicion_cedula" style="width: 100%" class="campo_fecha form-control date-picker" data-date-format="dd-mm-yyyy" />
  851.                                                                     <span class="input-group-addon"><i class="fas fa-calendar bigger-110"></i></span>
  852.                                                                 </div>
  853.                                                             </td>    
  854.                                                         </tr>    
  855. {#
  856.                                                         <tr class="codigo_dactilar hide">
  857.                                                             <th style="width: 400px">
  858.                                                                 <label>
  859.                                                                         {% trans from 'crud' %} registroenlinea.fields.digitarCodigo {% endtrans %}
  860.                                                                 </label>
  861.                                                             </th>
  862.                                                             <td style="vertical-align: middle">
  863.                                                                 <input id="proxy_captcha" type="text" style="width: 100%">
  864.                                                             </td>    
  865.                                                             <td style="vertical-align: middle">
  866.                                                                 <div>
  867.                                                                   <span class="col-xs-8 no-padding">
  868.                                                                     <div id="captcha_img"><img width="100%" src="{{path('captcha')}}" style="min-width: 250px;"/></div>
  869.                                                                   </span>
  870.                                                                   <span class="col-xs-2 no-padding">
  871.                                                                     <a id="captcha_refresh" href="#"><img src="{{ asset('images/icon/captcha_new.png') }}" title="Cambiar código" width="40px"></a>
  872.                                                                   </span>
  873.                                                                 </div>
  874.                                                             </td>    
  875.                                                         </tr>   
  876. #}                                                        
  877.                                                         <tr id='tr_no_idoneo' class="hide">
  878.                                                             <td colspan="3" style="text-align: center; vertical-align: middle">
  879.                                                                 <i class="fas fa-ban red bigger-300"></i>
  880.                                                                 <span id="span_no_idoneo" style="color: red; font-weight: bold; font-size: 20px"></span>
  881.                                                             </td>
  882.                                                         </tr>
  883.                                                     </table> 
  884.                                                 </div>
  885.                                                 <div class="col-xs-5 codigo_dactilar hide">
  886.                                                     <img src="{{ asset('images/dactilar.png') }}">
  887.                                                 </div>
  888.                                             </div>
  889.                                             <form id='registro_dactilar' action="{{ path('aspirante_registro_dactilar') }}" method="post">
  890.                                                 <input type="hidden" id="cedula_dactilar" name="dactilar[cedula]" style="width: 100%">
  891.                                                 <input type="hidden" id="codigo_dactilar" name="dactilar[codigoDactilar]" style="width: 100%">
  892.                                                 <input type="hidden" id="fecha_expedicion_cedula" name="dactilar[fechaExpedicionCedula]" style="width: 100%" >
  893.                                                 <input type="hidden" id="captcha" style="width: 100%" name="dactilar[captcha]">
  894.                                             </form>
  895.                                         </div>
  896.                                         <div class="step-pane active center" data-step="2">
  897.                                             <a id="btn_verificar_antecedentes" class="btn btn-info btn-bold btn-round btn-large bigger-220" href="">
  898.                                                 <i class="ace-icon fa fa-check bigger-110"></i>
  899.                                                 Presiona para VERIFICAR ANTECEDENTES
  900.                                             </a>
  901.                                             <div class="row">
  902.                                                 <div class="col-xs-12 col-sm-6">
  903.                                                     <table id="table_antecedentes" class="table table-striped table-bordered table-hover hide">
  904.                                                         <tr>
  905.                                                             <th style="text-align: center; vertical-align: middle">
  906.                                                                     Revisión de Antecedentes
  907.                                                             </th>
  908.                                                         </tr>
  909.                                                         <tr>
  910.                                                             <td><input type='radio' id='antecedentes_1' name='antecedentes[1]' disabled='true'>&nbsp;Antecedentes penales</td>   
  911.                                                         </tr>   
  912.                                                         <tr>
  913.                                                             <td><input type='radio' id='antecedentes_2' name='antecedentes[2]' disabled='true'>&nbsp;Impedimento de salida del país</td>   
  914.                                                         </tr>   
  915.                                                         <tr>
  916.                                                             <td><input type='radio' id='antecedentes_3' name='antecedentes[3]' disabled='true'>&nbsp;Alerta migratoria</td>   
  917.                                                         </tr>   
  918.                                                         <tr>
  919.                                                             <td><input type='radio' id='antecedentes_4' name='antecedentes[4]' disabled='true'>&nbsp;Orden de Captura</td>   
  920.                                                         </tr>   
  921.                                                         <tr>
  922.                                                             <td><input type='radio' id='antecedentes_5' name='antecedentes[5]' disabled='true'>&nbsp;Bajas militares</td>   
  923.                                                         </tr>   
  924.                                                    </table> 
  925.                                                 </div>
  926.                                                 <div class="col-xs-12 col-sm-6">
  927.                                                     <table id="table_estudios" class="table table-striped table-bordered table-hover hide">
  928.                                                         <tr>
  929.                                                             <th colspan="3" style="text-align: center; vertical-align: middle">
  930.                                                                     Nivel de instrucción
  931.                                                             </th>
  932.                                                         </tr>
  933.                                                         <tr>                                                                                                                                
  934.                                                             <th>
  935.                                                                 Título
  936.                                                             </th>
  937.                                                             <th>
  938.                                                                 Detalle
  939.                                                             </th>
  940.                                                         </tr>
  941.                                                         <tbody id="estudios">
  942.                                                         </tbody>   
  943.                                                     </table> 
  944.                                                 </div>
  945.                                                 <div id='tr_noantecedentes' class="col-xs-12 col-sm-12 hide">
  946.                                                     <div style="text-align: center; vertical-align: middle">
  947.                                                         <i class="fas fa-check green bigger-300"></i>
  948.                                                                 <span class=" green bigger-300">{% trans from 'crud' %} registroenlinea.fields.apto {% endtrans %}</span>
  949.                                                     </div>
  950.                                                 </div>
  951.                                                 <div id='tr_antecedentes' class="col-xs-12 col-sm-12 hide">
  952.                                                     <div style="text-align: center; vertical-align: middle">
  953.                                                         <i class="fas fa-ban red bigger-300"></i>
  954.                                                                 <span class=" red bigger-300">{% trans from 'crud' %} registroenlinea.fields.noApto {% endtrans %}</span>
  955.                                                     </div>
  956.                                                 </div>
  957.                                             </div>
  958.                                         </div>
  959.                                         <div class="step-pane" data-step="3">
  960.                                             <div class="row">
  961.                                                 <div class="col-xs-12 col-sm-6 col-md-6 ">
  962.                                                     <form id='datos_recluta' action="{{ path('aspirante_salvar_recluta') }}" method="post">
  963.                                                         <table class="table table-striped table-bordered table-hover">
  964.                                                             <tr>
  965.                                                                 <th style="width: 25%">
  966.                                                                     <label id="label_form_anno">
  967.                                                                         {% trans from 'crud' %} recluta.fields.cedula {% endtrans %}
  968.                                                                     </label>
  969.                                                                 </th>
  970.                                                                 <td style="vertical-align: middle">
  971.                                                                     <input type="hidden" id="cedularecluta" name="recluta[cedula]" readonly="true" style="width: 100%">
  972.                                                                     <span id="span_cedula"></span>
  973.                                                                 </td>    
  974.                                                             </tr>    
  975.                                                             <tr>
  976.                                                                 <th style="width: 25%">
  977.                                                                     <label id="label_form_anno">
  978.                                                                         {% trans from 'crud' %} recluta.fields.nombresApellidos {% endtrans %}
  979.                                                                     </label>
  980.                                                                 </th>
  981.                                                                 <td style="vertical-align: middle">
  982.                                                                     <span id="span_nombre2"></span>
  983.                                                                 </td>    
  984.                                                             </tr>    
  985.                                                             <tr>
  986.                                                                 <th style="width: 25%">
  987.                                                                     <label id="label_form_anno">
  988.                                                                         {% trans from 'crud' %} recluta.fields.sexo {% endtrans %}
  989.                                                                     </label>
  990.                                                                 </th>
  991.                                                                 <td style="vertical-align: middle">                                                                      
  992.                                                                     <input type="hidden" id="sexorecluta" name="recluta[sexo]" readonly="true" style="width: 100%">
  993.                                                                     <span id="span_sexo"></span>                                                                                                                                        
  994.                                                                 </td>    
  995.                                                             </tr>    
  996.                                                             <tr>
  997.                                                                 <th style="width: 25%">
  998.                                                                     <label id="label_form_anno">
  999.                                                                         {% trans from 'crud' %} recluta.fields.estadoCivil {% endtrans %}
  1000.                                                                     </label>
  1001.                                                                 </th>
  1002.                                                                 <td style="vertical-align: middle">
  1003.                                                                     <span id="span_estadoCivil"></span>
  1004.                                                                 </td>    
  1005.                                                             </tr>    
  1006.                                                             <tr>
  1007.                                                                 <th style="width: 25%">
  1008.                                                                     <label id="label_form_anno" class='required'>
  1009.                                                                         {% trans from 'crud' %} recluta.fields.telefono {% endtrans %}
  1010.                                                                     </label>
  1011.                                                                 </th>
  1012.                                                                 <td style="vertical-align: middle">
  1013.                                                                     <input type="text" id="form_telefono" name="recluta[telefono]" style="width: 100%" class="just_numbers">
  1014.                                                                 </td>    
  1015.                                                             </tr>    
  1016.                                                             <tr>
  1017.                                                                 <th style="width: 25%">
  1018.                                                                     <label id="label_form_telefonoEmergencias" class='required align-right'>
  1019.                                                                         {% trans from 'crud' %} recluta.fields.telefonoEmergencias {% endtrans %}
  1020.                                                                     </label>
  1021.                                                                 </th>
  1022.                                                                 <td style="vertical-align: middle">
  1023.                                                                     <input type="text" id="form_telefonoEmergencias" name="recluta[telefonoEmergencias]" style="width: 100%" class="just_numbers">
  1024.                                                                 </td>    
  1025.                                                             </tr>    
  1026.                                                             <tr>
  1027.                                                                 <th style="width: 25%">
  1028.                                                                     <label id="label_form_anno" class='required'>
  1029.                                                                         {% trans from 'crud' %} recluta.fields.email {% endtrans %}
  1030.                                                                     </label>
  1031.                                                                 </th>
  1032.                                                                 <td style="vertical-align: middle">
  1033.                                                                     <input type="text" id="form_email"    name="recluta[email]" style="width: 100%">
  1034.                                                                 </td>    
  1035.                                                             </tr>    
  1036.                                                             <tr>
  1037.                                                                 <th style="width: 25%">
  1038.                                                                     <label id="label_form_anno" class='required'>
  1039.                                                                         {% trans from 'crud' %} recluta.fields.estatura {% endtrans %}
  1040.                                                                     </label>
  1041.                                                                 </th>
  1042.                                                                 <td style="vertical-align: middle">
  1043.                                                                     <input type="text" id="form_estatura" name="recluta[estatura]" style="width: 100%" class="just_numbers">
  1044.                                                                 </td>    
  1045.                                                             </tr>    
  1046.                                                             <tr>
  1047.                                                                 <th style="width: 25%">
  1048.                                                                     <label id="label_form_anno">
  1049.                                                                         {% trans from 'crud' %} recluta.fields.edad {% endtrans %}
  1050.                                                                     </label>
  1051.                                                                 </th>
  1052.                                                                 <td style="vertical-align: middle">
  1053.                                                                     <span id="span_edad2"></span>
  1054.                                                                 </td>    
  1055.                                                             </tr>    
  1056.                                                         </table> 
  1057.                                                     </form>
  1058.                                                     <div id='no_cupo' class='hide'>
  1059.                                                         <i class="fas fa-ban red bigger-300"></i>
  1060.                                                         <span id="span_no_idoneo" style="color: red; font-weight: bold; font-size: 20px">
  1061.                                                             NO EXISTEN CUPOS DISPONIBLES EN LOS CENTROS DE ACUARTELAMIENTO
  1062.                                                         </span>
  1063.                                                     </div>              
  1064.                                                 </div>
  1065.                                                 <div class="col-xs-12 col-sm-6 col-md-3 ">
  1066.                                                     <span class='red bigger-180'>Adjunta tu foto</span>
  1067.                                                     <div id="fotorecluta"></div>
  1068.                                                 </div>
  1069.                                                 <div class="col-xs-12 col-sm-6 col-md-3 ">
  1070.                                                     <span class='red bigger-180'>Adjunta tu certificado de vacunación en PDF.</span>
  1071.                                                     <div id="covid"></div>
  1072.                                                     
  1073.                                                     <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>
  1074.                                                 </div>
  1075.                                             </div>
  1076.                                         </div>
  1077.                                         <div class="step-pane" data-step="4">
  1078.                                             <div class="row">
  1079.                                                 <div class="col-xs-6  full-row">
  1080.                                                     <table class="table table-striped table-bordered table-hover">
  1081.                                                         <tr>
  1082.                                                             <th colspan="2">
  1083.                                                                 {% trans from 'crud' %} registroenlinea.fields.Nacimiento {% endtrans %}
  1084.                                                             </th>
  1085.                                                         </tr>    
  1086.                                                         <tr>
  1087.                                                             <th style="width: 20%">
  1088.                                                                 <label id="label_form_medico">
  1089.                                                                     {% trans from 'crud' %} recluta.fields.fechaNacimiento {% endtrans %}:
  1090.                                                                 </label>
  1091.                                                             </th>
  1092.                                                             <td style="vertical-align: middle">
  1093.                                                                 <span id="span_fechaNacimiento"></span>
  1094.                                                             </td>    
  1095.                                                         </tr>    
  1096.                                                         <tr>
  1097.                                                             <th style="width: 20%">
  1098.                                                                 <label id="label_form_medico">
  1099.                                                                     {% trans from 'crud' %} recluta.fields.paisNacimiento {% endtrans %}:
  1100.                                                                 </label>
  1101.                                                             </th>
  1102.                                                             <td style="vertical-align: middle">
  1103.                                                                 <span id="span_paisNacimiento"></span>
  1104.                                                             </td>    
  1105.                                                         </tr>    
  1106.                                                         <tr class='hidden'>
  1107.                                                             <th style="width: 20%">
  1108.                                                                 <label id="label_form_medico">
  1109.                                                                     {% trans from 'crud' %} recluta.fields.region {% endtrans %}:
  1110.                                                                 </label>
  1111.                                                             </th>
  1112.                                                             <td style="vertical-align: middle">
  1113.                                                                 <span id="span_regionNacimiento"></span>
  1114.                                                             </td>    
  1115.                                                         </tr>    
  1116.                                                         <tr class='hidden'>
  1117.                                                             <th style="width: 20%">
  1118.                                                                 <label id="label_form_medico">
  1119.                                                                     {% trans from 'crud' %} recluta.fields.provincia {% endtrans %}:
  1120.                                                                 </label>
  1121.                                                             </th>
  1122.                                                             <td style="vertical-align: middle">
  1123.                                                                 <span id="span_provinciaNacimiento"></span>
  1124.                                                             </td>    
  1125.                                                         </tr>    
  1126.                                                         <tr class='hidden'>
  1127.                                                             <th style="width: 20%">
  1128.                                                                 <label id="label_form_medico">
  1129.                                                                     {% trans from 'crud' %} recluta.fields.canton {% endtrans %}:
  1130.                                                                 </label>
  1131.                                                             </th>
  1132.                                                             <td style="vertical-align: middle">
  1133.                                                                 <span id="span_cantonNacimiento"></span>
  1134.                                                             </td>    
  1135.                                                         </tr>    
  1136.                                                         <tr>
  1137.                                                             <th style="width: 20%">
  1138.                                                                 <label id="label_form_medico">
  1139.                                                                     {% trans from 'crud' %} recluta.fields.lugarNacimiento {% endtrans %}:
  1140.                                                                 </label>
  1141.                                                             </th>
  1142.                                                             <td style="vertical-align: middle">
  1143.                                                                 <span id="span_parroquiaNacimiento" class='hidden'></span>
  1144.                                                                 
  1145.                                                                 <span id="span_lugarNacimiento"></span>
  1146.                                                             </td>    
  1147.                                                         </tr>    
  1148.                                                     </table> 
  1149.                                                 </div>
  1150.                                                 <div class="col-xs-6  full-row">
  1151.                                                     <form id='datos_residencia' action="{{ path('aspirante_salvar_recluta_proceso') }}" method="post">
  1152.                                                         <input type="hidden" id="cedularesidencia" name="form[cedula]" readonly="true" style="width: 100%">
  1153.                                                         <table class="table table-striped table-bordered table-hover">
  1154.                                                             <tr>
  1155.                                                                 <th colspan="2">
  1156.                                                                     {% trans from 'crud' %} registroenlinea.fields.Residencia {% endtrans %}
  1157.                                                                 </th>
  1158.                                                             </tr>    
  1159.                                                             <tr>
  1160.                                                                 <th style="width: 20%">
  1161.                                                                     <label class="required">
  1162.                                                                         {% trans from 'crud' %} reclutaproceso.fields.paisReside {% endtrans %}:
  1163.                                                                     </label>
  1164.                                                                 </th>
  1165.                                                                 <td style="vertical-align: middle">
  1166.                                                                     <span>¿Vive en la República del Ecuador?</span> 
  1167.                                                                     <span>
  1168.                                                                         <input type="checkbox" id="checkResidencia" name="form[residenciaEcuador]" style="width: 100%" class="ace ace-switch ace-switch-5" value="1" checked>
  1169.                                                                         <span class="lbl" data-lbl="SÍ&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;NO"></span>
  1170.                                                                     </span><br><br>
  1171.                                                                     <p class="reside_extranjero hide">Indique país de residencia</p>
  1172.                                                                     <input id="form_paisResidencia" type="text" class="reside_extranjero hide" style="width:100%" name="form[paisResidencia]">
  1173.                                                                 </td>    
  1174.                                                             </tr>    
  1175.                                                             <tr class="reside_ecuador">
  1176.                                                                 <th style="width: 20%">
  1177.                                                                     <label id="label_form_medico">
  1178.                                                                         {% trans from 'crud' %} reclutaproceso.fields.region {% endtrans %}:
  1179.                                                                     </label>
  1180.                                                                 </th>
  1181.                                                                 <td style="vertical-align: middle">
  1182.                                                                     <select id='form_region' style="width: 100%" class="chosen-select" onchange='javascript:regionChange()'>
  1183.                                                                         <option value=''>-- Seleccione --</option>
  1184.                                                                         {% for region in regiones %}
  1185.                                                                             <option value='{{ region.id }}'>{{ region }}</option>
  1186.                                                                         {% endfor %}
  1187.                                                                     </select>
  1188.                                                                 </td>    
  1189.                                                             </tr>    
  1190.                                                             <tr class="reside_ecuador">
  1191.                                                                 <th style="width: 20%">
  1192.                                                                     <label id="label_form_medico">
  1193.                                                                         {% trans from 'crud' %} reclutaproceso.fields.provincia {% endtrans %}:
  1194.                                                                     </label>
  1195.                                                                 </th>
  1196.                                                                 <td style="vertical-align: middle">
  1197.                                                                     <select id='form_provincia' style="width: 100%" class="chosen-select" onchange='javascripts:provinciaChange()'>
  1198.                                                                         <option value=''>-- Seleccione --</option>
  1199.                                                                         {% for provincia in provincias %}
  1200.                                                                             <option value='{{ provincia.id }}'>{{ provincia }}</option>
  1201.                                                                         {% endfor %}
  1202.                                                                     </select>
  1203.                                                                 </td>    
  1204.                                                             </tr>    
  1205.                                                             <tr class="reside_ecuador">
  1206.                                                                 <th style="width: 20%">
  1207.                                                                     <label id="label_form_medico">
  1208.                                                                         {% trans from 'crud' %} reclutaproceso.fields.canton {% endtrans %}:
  1209.                                                                     </label>
  1210.                                                                 </th>
  1211.                                                                 <td style="vertical-align: middle">
  1212.                                                                     <select id='form_canton' style="width: 100%" class="chosen-select" onchange='javascripts:cantonChange()'>
  1213.                                                                         <option value=''>-- Seleccione --</option>
  1214.                                                                         {% for canton in cantones %}
  1215.                                                                             <option value='{{ canton.id }}'>{{ canton }}</option>
  1216.                                                                         {% endfor %}
  1217.                                                                     </select>
  1218.                                                                 </td>    
  1219.                                                             </tr>    
  1220.                                                             <tr class="reside_ecuador">
  1221.                                                                 <th style="width: 20%">
  1222.                                                                     <label class="required">
  1223.                                                                         {% trans from 'crud' %} reclutaproceso.fields.lugarResidencia {% endtrans %}:
  1224.                                                                     </label>
  1225.                                                                 </th>
  1226.                                                                 <td style="vertical-align: middle">
  1227.                                                                     <select id='form_parroquia' name="form[parroquiaResidencia]" style="width: 100%" class="chosen-select">
  1228.                                                                         <option value=''>-- Seleccione --</option>
  1229.                                                                         {% for parroquia in parroquias %}
  1230.                                                                             <option value='{{ parroquia.id }}'>{{ parroquia }}</option>
  1231.                                                                         {% endfor %}
  1232.                                                                     </select>
  1233.                                                                 </td>    
  1234.                                                             </tr>    
  1235.                                                             <tr class="reside_ecuador">
  1236.                                                                 <th style="width: 20%">
  1237.                                                                     <label class="required">
  1238.                                                                         {% trans from 'crud' %} reclutaproceso.fields.callePrincipalResidencia {% endtrans %}:
  1239.                                                                     </label>
  1240.                                                                 </th>
  1241.                                                                 <td style="vertical-align: middle">
  1242.                                                                     <input id="form_callePrincipal" type="text" name="form[callePrincipal]" style="width: 100%">
  1243.                                                                 </td>    
  1244.                                                             </tr>    
  1245.                                                             <tr class="reside_ecuador">
  1246.                                                                 <th style="width: 20%">
  1247.                                                                     <label class="required">
  1248.                                                                         {% trans from 'crud' %} reclutaproceso.fields.calleSecundariaResidencia {% endtrans %}:
  1249.                                                                     </label>
  1250.                                                                                             </th>
  1251.                                                                 <td style="vertical-align: middle">
  1252.                                                                     <input id="form_calleSecundaria" type="text" name="form[calleSecundaria]" style="width: 100%">
  1253.                                                                 </td>    
  1254.                                                             </tr>    
  1255.                                                             <tr class="reside_ecuador">
  1256.                                                                 <th style="width: 20%">
  1257.                                                                     <label class="required">
  1258.                                                                         {% trans from 'crud' %} reclutaproceso.fields.numeroCasa {% endtrans %}:
  1259.                                                                     </label>
  1260.                                                                                             </th>
  1261.                                                                 <td style="vertical-align: middle">
  1262.                                                                     <input id="form_nroCasa" type="text" name="form[nroCasa]" style="width: 100%">
  1263.                                                                 </td>    
  1264.                                                             </tr>    
  1265.                                                             <tr>
  1266.                                                                 <th style="width: 20%">
  1267.                                                                     <label id="label_referencia">
  1268.                                                                         {% trans from 'crud' %} reclutaproceso.fields.infoReferencia {% endtrans %}:
  1269.                                                                     </label>
  1270.                                                                                             </th>
  1271.                                                                 <td style="vertical-align: middle">
  1272.                                                                     <input id="form_referencia" name="form[referenciaResidencia]" type="text" style="width: 100%">
  1273.                                                                     <input type="hidden" id="direccionextranjero">
  1274.                                                                     <input type="hidden" id="direccionecuador">
  1275.                                                                 </td>    
  1276.                                                             </tr>    
  1277.                                                             <tr>
  1278.                                                                 <th style="width: 90px">
  1279.                                                                     <label>
  1280.                                                                         {% trans from 'crud' %} reclutaproceso.fields.ubicacion {% endtrans %}:
  1281.                                                                     </label>
  1282.                                                                 </th>
  1283.                                                                 <td style="vertical-align: middle">
  1284.                                                                     <a id="maparesidencia" class="botonmapa noti btn-minier" title="Definir Ubicación en Mapa" itemid="form_geometria" geom="punto" href="#">
  1285.                                                                         <i class="fas fa-globe bigger-220 blue"></i>
  1286.                                                                     </a>
  1287.                                                                     <span id="textoGeometriaPunto"></span>    
  1288.                                                                     <input type="hidden" id="form_geometria" name="form[geometria]" style="width: 100%" rows="5" class="geometria_punto">
  1289.                                                                     <input type="hidden" id="geometriaextranjero">
  1290.                                                                     <input type="hidden" id="geometriaecuador">
  1291.                                                                     <input type="hidden" id="ubicacionextranjerovisible">
  1292.                                                                     <input type="hidden" id="ubicacionecuadorvisible">
  1293.                                                                 </td>    
  1294.                                                             </tr>    
  1295.                                                         </table> 
  1296.                                                     </form>
  1297.                                                 </div>
  1298.                                             </div>
  1299.                                         </div>
  1300.                                         <div class="step-pane" data-step="5">
  1301.                                             <div class="row">
  1302.                                                 <div class="col-xs-12 col-sm-12 col-md-12 ">
  1303.                                                     <form id='datos_centro' action="{{ path('aspirante_salvar_recluta_proceso') }}" method="post">
  1304.                                                         <input type="hidden" id="cedulacentro" name="form[cedula]" readonly="true" style="width: 100%">
  1305.                                                         <table id="tabla_centro" class="table table-striped table-bordered table-hover">
  1306.                                                             <tr>
  1307.                                                                 <th colspan="2">
  1308.                                                                     {% trans from 'crud' %} registroenlinea.fields.centroMovilizacion {% endtrans %}
  1309.                                                                 </th>
  1310.                                                             </tr>    
  1311.                                                             <tr>
  1312.                                                                 <th style="width: 25%">
  1313.                                                                     <label id="label_form_anno">
  1314.                                                                         Fecha en que desea presentarse:
  1315.                                                                     </label>
  1316.                                                                 </th>
  1317.                                                                 <td style="vertical-align: middle">
  1318.                                                                     <select id="form_fechaAsignacion" name="form[fechaAsignacion]" style="width: 90%">
  1319. {#                                                                        <option value=''>-- Seleccione --</option>
  1320.                                                                         {% for centro in centrosMovilizacion %}
  1321.                                                                             <option value='{{ centro.id }}'>{{ centro }}</option>
  1322.                                                                         {% endfor %#}
  1323.                                                                     </select>
  1324.                                                                     <input type="hidden" id="centrogeometria"></span>
  1325.                                                                     <a id="mapacentro" class="botonmapa noti btn-minier hide" title="Mostrar Ubicación en Mapa" itemid="centrogeometria" geom="punto" href="#">
  1326.                                                                         <i class="fas fa-globe bigger-220 blue"></i>
  1327.                                                                     </a>
  1328.                                                                     
  1329.                                                                 </td>    
  1330.                                                             </tr>    
  1331.                                                             <tr>
  1332.                                                                 <th style="width: 25%">
  1333.                                                                     <label id="label_form_anno">
  1334.                                                                         {% trans from 'crud' %} reclutaproceso.fields.centroMovilizacion {% endtrans %}:
  1335.                                                                     </label>
  1336.                                                                 </th>
  1337.                                                                 <td style="vertical-align: middle">
  1338.                                                                     <select id="form_centroMovilizacion" name="form[centroMovilizacion]" style="width: 90%">
  1339. {#                                                                        <option value=''>-- Seleccione --</option>
  1340.                                                                         {% for centro in centrosMovilizacion %}
  1341.                                                                             <option value='{{ centro.id }}'>{{ centro }}</option>
  1342.                                                                         {% endfor %#}
  1343.                                                                     </select>
  1344.                                                                     <input type="hidden" id="centrogeometria"></span>
  1345.                                                                     <a id="mapacentro" class="botonmapa noti btn-minier hide" title="Mostrar Ubicación en Mapa" itemid="centrogeometria" geom="punto" href="#">
  1346.                                                                         <i class="fas fa-globe bigger-220 blue"></i>
  1347.                                                                     </a>
  1348.                                                                     
  1349.                                                                 </td>    
  1350.                                                             </tr>    
  1351.                                                             <tr>
  1352.                                                                 <th style="width: 25%">
  1353.                                                                     <label id="label_form_anno">
  1354.                                                                         {% trans from 'crud' %} reclutaproceso.fields.region {% endtrans %}:
  1355.                                                                     </label>
  1356.                                                                                             </th>
  1357.                                                                 <td style="vertical-align: middle">
  1358.                                                                     <span id="span_centro_region"></span>
  1359.                                                                 </td>    
  1360.                                                             </tr>    
  1361.                                                             <tr>
  1362.                                                                 <th style="width: 25%">
  1363.                                                                     <label id="label_form_anno">
  1364.                                                                         {% trans from 'crud' %} reclutaproceso.fields.provincia {% endtrans %}:
  1365.                                                                     </label>
  1366.                                                                                             </th>
  1367.                                                                 <td style="vertical-align: middle">
  1368.                                                                     <span id="span_centro_provincia"></span>
  1369.                                                                 </td>    
  1370.                                                             </tr>    
  1371.                                                             <tr>
  1372.                                                                 <th style="width: 25%">
  1373.                                                                     <label id="label_form_anno">
  1374.                                                                         {% trans from 'crud' %} reclutaproceso.fields.canton {% endtrans %}:
  1375.                                                                     </label>
  1376.                                                                                             </th>
  1377.                                                                 <td style="vertical-align: middle">
  1378.                                                                     <span id="span_centro_canton"></span>
  1379.                                                                 </td>    
  1380.                                                             </tr>    
  1381.                                                             <tr>
  1382.                                                                 <th style="width: 25%">
  1383.                                                                     <label id="label_form_anno">
  1384.                                                                         {% trans from 'crud' %} reclutaproceso.fields.parroquia {% endtrans %}:
  1385.                                                                     </label>
  1386.                                                                                             </th>
  1387.                                                                 <td style="vertical-align: middle">
  1388.                                                                     <span id="span_centro_parroquia"></span>
  1389.                                                                 </td>    
  1390.                                                             </tr>    
  1391.                                                             <tr>
  1392.                                                                 <th style="width: 25%">
  1393.                                                                     <label id="label_form_direccion">
  1394.                                                                         {% trans from 'crud' %} reclutaproceso.fields.direccion {% endtrans %}:
  1395.                                                                     </label>
  1396.                                                                                             </th>
  1397.                                                                 <td style="vertical-align: middle">
  1398.                                                                     <span id="span_centro_direccion"></span>
  1399.                                                                 </td>    
  1400.                                                             </tr>    
  1401.                                                             <tr>
  1402.                                                                 <th style="width: 25%">
  1403.                                                                     <label id="label_form_direccion">
  1404.                                                                         {% trans from 'crud' %} reclutaproceso.fields.direccionAcuartelamiento {% endtrans %}:
  1405.                                                                     </label>
  1406.                                                                 </th>
  1407.                                                                 <td style="vertical-align: middle">
  1408.                                                                     <span id="span_centro_direccionAcuartelamiento"></span>
  1409.                                                                 </td>    
  1410.                                                             </tr>    
  1411.                                                         </table> 
  1412.                                                     </form>
  1413.                                                 </div>
  1414.                                                 <!--div id="anno" class="col-xs-12 col-sm-6 col-md-6 " style="border: solid black">
  1415.                                                     <img src="images/foto_hombre.jpg" height="280px">
  1416.                                                 </div-->
  1417.                                             </div>
  1418.                                         </div>
  1419.                                                             
  1420.                                         <div class="step-pane" data-step="6">
  1421.                                             <form id='registro_linea' action="{{ path('aspirante_registro_completado') }}" method="post" enctype='multipart/data'>
  1422.                                                 <input type="hidden" id="form_final_centro" name="form[centroMovilizacion]" style="width: 100%">
  1423.                                                 <input type="hidden" id="form_cedula"       name="form[cedula]" style="width: 100%">
  1424.                                                 <input type="hidden" id="form_idoneo"       name="form[idoneo]" style="width: 100%">
  1425.                                                 <input type="hidden" id="form_causa"        name="form[causa]" style="width: 100%">
  1426.                                                 <input type="hidden" id="form_gameover"     name="form[gameover]" style="width: 100%" value="completed">
  1427.                                                 <div id="readyTest" style="text-align: center">
  1428.                                                     <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>
  1429.                                                     <p class="blue bigger-180"> Dispondrá de {{ tiempoTest }} minutos para su realización y <span id="span_intentos"></span> para completarlo.</p>
  1430.                                                     <p class="orange bigger-120">Presione el botón cuando esté listo.</p>
  1431.                                                     <p>  
  1432.                                                         <a id="btn_comenzar_test" class="btn btn-info btn-bold btn-round bigger-220" href="">
  1433.                                                             COMENZAR
  1434.                                                         </a>
  1435.                                                     </p>
  1436.                                                 </div>
  1437.                                                 <div id="test" class="hide">
  1438.                                                     <div class="row">
  1439.                                                         <div class="col-xs-12">
  1440.                                                             <label id="timer" class="bigger-300 bolder" style="padding: 15px; background:#ffff00; font-family: monospace;">{{ tiempoTest }}:00</label>
  1441.                                                         </div>
  1442.                                                         <div class="col-xs-12">
  1443.                                                             <table class="table table-striped table-bordered table-hover dtr-inline">
  1444.                                                                 <tr>
  1445.                                                                     <th class="bigger-180 bolder">
  1446.                                                                         Nro
  1447.                                                                     </th>
  1448.                                                                     <th class="bigger-180 bolder" style="max-width: 60%;">
  1449.                                                                         Pregunta
  1450.                                                                     </th>    
  1451.                                                                     <th class="bigger-180 bolder" style="min-width: 30%;">
  1452.                                                                         Respuesta
  1453.                                                                     </th>    
  1454.                                                                 </tr>    
  1455.                                                                 {% for pregunta in preguntas %}
  1456.                                                                     <tr>
  1457.                                                                         <th class="bigger-180">
  1458.                                                                             {{ loop.index }}
  1459.                                                                         </th>
  1460.                                                                         <td class="bigger-180 " style="max-width: 60%;">
  1461.                                                                             {{ pregunta }}
  1462.                                                                         </td>    
  1463.                                                                         <td class="bigger-180"  style="min-width: 30%;">
  1464.                                                                             <input type="radio" class="pregunta-test" name="form[respuesta][{{ pregunta.id }}]" value="1">&nbsp;De acuerdo
  1465.                                                                             <br><br>
  1466.                                                                             <input type="radio" class="pregunta-test" name="form[respuesta][{{ pregunta.id }}]" value="2">&nbsp;Ni de acuerdo ni en desacuerdo
  1467.                                                                             <br><br>
  1468.                                                                             <input type="radio" class="pregunta-test" name="form[respuesta][{{ pregunta.id }}]" value="3">&nbsp;En desacuerdo
  1469.                                                                         </td>    
  1470.                                                                     </tr>    
  1471.                                                                 {% endfor%}
  1472.                                                             </table> 
  1473.                                                         </div>
  1474.                                                     </div>
  1475.                                                 </div>
  1476.                                             </form>
  1477.                                         </div>
  1478.                                         <div class="step-pane" data-step="7">
  1479.                                             <div class="row">
  1480.                                                 <form id="form_encuesta" action="{{ path('aspirante_salva_encuesta') }}" method="post">
  1481.                                                     <input type="hidden" id="encuesta_cedula"  name="encuesta[cedula]" style="width: 100%">
  1482.                                                     {% if proceso.cantCursos %}
  1483.                                                         <div class="col-xs-12">
  1484.                                                             <table class="table table-striped table-bordered">
  1485.                                                                 <tr>
  1486.                                                                     <th style="width: 400px; ">
  1487.                                                                         Seleccione los cursos que le gustaría seguir dentro de nuestra Institución. <small>({{ proceso.cantCursos }} curso{% if proceso.cantCursos>1 %}s{% endif %})</small>
  1488.                                                                     </th>
  1489.                                                                 </tr>
  1490.                                                                 <tr>
  1491.                                                                     <td style="vertical-align: middle">
  1492.                                                                         <select id="cursos_encuesta" class="chosen-select" multiple="true" name="encuesta[cursos][]">
  1493.                                                                             <option value=''>-- Seleccione --</option>
  1494.                                                                             {% for curso in proceso.cursos %}
  1495.                                                                                 <option value='{{ curso.id }}'>{{ curso }}</option>
  1496.                                                                             {% endfor %}                                                                        
  1497.                                                                         </select>
  1498.                                                                     </td>    
  1499.                                                                 </tr>   
  1500.                                                             </table> 
  1501.                                                         </div>
  1502.                                                     {% endif %}
  1503.                                                     <div class="col-xs-12">
  1504.                                                         <table class="table table-striped table-bordered">
  1505.                                                             <tr>
  1506.                                                                 <th {% if proceso.fotoUniforme %}colspan="2"{% endif %}>
  1507.                                                                     Seleccione una opción según su talla para la asignación de su uniforme Jaguar M1
  1508.                                                                 </th>
  1509.                                                             </tr>
  1510.                                                             <tr>
  1511.                                                                 {% if proceso.fotoUniforme %}
  1512.                                                                     <td style="width: 400px;">
  1513.                                                                         <img src="{{ proceso.fotoUniforme.url }}" style="width: 100%">
  1514.                                                                     </td>    
  1515.                                                                 {% endif %}                                                                        
  1516.                                                                 <td style="vertical-align: middle">
  1517.                                                                     <table>
  1518.                                                                         <tr>
  1519.                                                                             <th></th>
  1520.                                                                             <th>34</th>
  1521.                                                                             <th>36</th>
  1522.                                                                             <th>38</th>
  1523.                                                                             <th>40</th>
  1524.                                                                             <th>42</th>
  1525.                                                                             <th>44</th>
  1526.                                                                         </tr>
  1527.                                                                         <tr>
  1528.                                                                             <th>Small (S)</th>
  1529.                                                                             <td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="S34"></td>
  1530.                                                                             <td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="S36"></td>
  1531.                                                                             <td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="S38"></td>
  1532.                                                                             <td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="S40"></td>
  1533.                                                                             <td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="S42"></td>
  1534.                                                                             <td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="S44"></td>
  1535.                                                                         </tr>
  1536.                                                                         <tr>
  1537.                                                                             <th>Medium (M)</th>
  1538.                                                                             <td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="M34"></td>
  1539.                                                                             <td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="M36"></td>
  1540.                                                                             <td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="M38"></td>
  1541.                                                                             <td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="M40"></td>
  1542.                                                                             <td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="M42"></td>
  1543.                                                                             <td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="M44"></td>
  1544.                                                                         </tr>
  1545.                                                                         <tr>
  1546.                                                                             <th>Large (L)</th>
  1547.                                                                             <td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="L34"></td>
  1548.                                                                             <td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="L36"></td>
  1549.                                                                             <td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="L38"></td>
  1550.                                                                             <td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="L40"></td>
  1551.                                                                             <td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="L42"></td>
  1552.                                                                             <td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="L44"></td>
  1553.                                                                         </tr>
  1554.                                                                         <tr>
  1555.                                                                             <th>Extra Large (XL)</th>
  1556.                                                                             <td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="XL34"></td>
  1557.                                                                             <td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="XL36"></td>
  1558.                                                                             <td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="XL38"></td>
  1559.                                                                             <td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="XL40"></td>
  1560.                                                                             <td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="XL42"></td>
  1561.                                                                             <td><input type="radio" class="encuesta" name="encuesta[uniforme]" value="XL44"></td>
  1562.                                                                         </tr>
  1563.                                                                     </table>
  1564.                                                                 </td>    
  1565.                                                             </tr>   
  1566.                                                         </table> 
  1567.                                                     </div>
  1568.                                                     <div class="col-xs-12">
  1569.                                                         <table class="table table-striped table-bordered">
  1570.                                                             <tr>
  1571.                                                                 <th {% if proceso.fotoJockey %}colspan="2"{% endif %}>
  1572.                                                                     Elija su talla para la asignación de su jockey jaguar
  1573.                                                                 </th>
  1574.                                                             </tr>
  1575.                                                             <tr>
  1576.                                                                 {% if proceso.fotoJockey %}
  1577.                                                                     <td style="width: 400px;">
  1578.                                                                         <img src="{{ proceso.fotoJockey.url }}" width="100%">
  1579.                                                                     </td>    
  1580.                                                                 {% endif %}                                                                        
  1581.                                                                 <td style="vertical-align: middle">
  1582.                                                                     <table>
  1583.                                                                         <tr>
  1584.                                                                             <td><input type="radio" class="encuesta" name="encuesta[jockey]" value="50"> 50</td>
  1585.                                                                         </tr>
  1586.                                                                         <tr>
  1587.                                                                             <td><input type="radio" class="encuesta" name="encuesta[jockey]" value="51"> 51</td>
  1588.                                                                         </tr>
  1589.                                                                         <tr>
  1590.                                                                             <td><input type="radio" class="encuesta" name="encuesta[jockey]" value="52"> 52</td>
  1591.                                                                         </tr>
  1592.                                                                         <tr>
  1593.                                                                             <td><input type="radio" class="encuesta" name="encuesta[jockey]" value="53"> 53</td>
  1594.                                                                         </tr>
  1595.                                                                         <tr>
  1596.                                                                             <td><input type="radio" class="encuesta" name="encuesta[jockey]" value="54"> 54</td>
  1597.                                                                         </tr>
  1598.                                                                         <tr>
  1599.                                                                             <td><input type="radio" class="encuesta" name="encuesta[jockey]" value="55"> 55</td>
  1600.                                                                         </tr>
  1601.                                                                         <tr>
  1602.                                                                             <td><input type="radio" class="encuesta" name="encuesta[jockey]" value="56"> 56</td>
  1603.                                                                         </tr>
  1604.                                                                         <tr>
  1605.                                                                             <td><input type="radio" class="encuesta" name="encuesta[jockey]" value="57"> 57</td>
  1606.                                                                         </tr>
  1607.                                                                         <tr>
  1608.                                                                             <td><input type="radio" class="encuesta" name="encuesta[jockey]" value="58"> 58</td>
  1609.                                                                         </tr>
  1610.                                                                     </table>
  1611.                                                                 </td>    
  1612.                                                             </tr>   
  1613.                                                         </table> 
  1614.                                                     </div>
  1615.                                                     <div class="col-xs-12">
  1616.                                                         <table class="table table-striped table-bordered">
  1617.                                                             <tr>
  1618.                                                                 <th {% if proceso.fotoCalzado %}colspan="2"{% endif %}>
  1619.                                                                     Seleccione su talla para la asignación de su calzado (botas)
  1620.                                                                 </th>
  1621.                                                             </tr>
  1622.                                                             <tr>
  1623.                                                                 {% if proceso.fotoCalzado %}
  1624.                                                                     <td style="width: 400px;">
  1625.                                                                         <img src="{{ proceso.fotoCalzado.url }}" width="100%">
  1626.                                                                     </td>    
  1627.                                                                 {% endif %}                                                                        
  1628.                                                                 <td style="vertical-align: middle">
  1629.                                                                     <table>
  1630.                                                                         <tr>
  1631.                                                                             <td><input type="radio" class="encuesta" name="encuesta[calzado]" value="34"> 34</td>
  1632.                                                                         </tr>
  1633.                                                                         <tr>
  1634.                                                                             <td><input type="radio" class="encuesta" name="encuesta[calzado]" value="36"> 36</td>
  1635.                                                                         </tr>
  1636.                                                                         <tr>
  1637.                                                                             <td><input type="radio" class="encuesta" name="encuesta[calzado]" value="38"> 38</td>
  1638.                                                                         </tr>
  1639.                                                                         <tr>
  1640.                                                                             <td><input type="radio" class="encuesta" name="encuesta[calzado]" value="40"> 40</td>
  1641.                                                                         </tr>
  1642.                                                                         <tr>
  1643.                                                                             <td><input type="radio" class="encuesta" name="encuesta[calzado]" value="42"> 42</td>
  1644.                                                                         </tr>
  1645.                                                                         <tr>
  1646.                                                                             <td><input type="radio" class="encuesta" name="encuesta[calzado]" value="44"> 44</td>
  1647.                                                                         </tr>
  1648.                                                                         <tr>
  1649.                                                                             <td><input type="radio" class="encuesta" name="encuesta[calzado]" value="46"> 46</td>
  1650.                                                                         </tr>
  1651.                                                                     </table>
  1652.                                                                 </td>    
  1653.                                                             </tr>   
  1654.                                                         </table> 
  1655.                                                     </div>
  1656.                                                     <div class="col-xs-12">
  1657.                                                         <table class="table table-striped table-bordered">
  1658.                                                             <tr>
  1659.                                                                 <th {% if proceso.fotoCamiseta %}colspan="2"{% endif %}>
  1660.                                                                     Elija su talla para la asignación de su camiseta (caqui)
  1661.                                                                 </th>
  1662.                                                             </tr>
  1663.                                                             <tr>
  1664.                                                                 {% if proceso.fotoCamiseta %}
  1665.                                                                     <td style="width: 400px;">
  1666.                                                                         <img src="{{ proceso.fotoCamiseta.url }}" width="100%">
  1667.                                                                     </td>    
  1668.                                                                 {% endif %}                                                                        
  1669.                                                                 <td style="vertical-align: middle">
  1670.                                                                     <table>
  1671.                                                                         <tr>
  1672.                                                                             <td><input type="radio" class="encuesta" name="encuesta[camiseta]" value="34"> 34</td>
  1673.                                                                         </tr>
  1674.                                                                         <tr>
  1675.                                                                             <td><input type="radio" class="encuesta" name="encuesta[camiseta]" value="36"> 36</td>
  1676.                                                                         </tr>
  1677.                                                                         <tr>
  1678.                                                                             <td><input type="radio" class="encuesta" name="encuesta[camiseta]" value="38"> 38</td>
  1679.                                                                         </tr>
  1680.                                                                         <tr>
  1681.                                                                             <td><input type="radio" class="encuesta" name="encuesta[camiseta]" value="40"> 40</td>
  1682.                                                                         </tr>
  1683.                                                                         <tr>
  1684.                                                                             <td><input type="radio" class="encuesta" name="encuesta[camiseta]" value="42"> 42</td>
  1685.                                                                         </tr>
  1686.                                                                         <tr>
  1687.                                                                             <td><input type="radio" class="encuesta" name="encuesta[camiseta]" value="44"> 44</td>
  1688.                                                                         </tr>
  1689.                                                                         <tr>
  1690.                                                                             <td><input type="radio" class="encuesta" name="encuesta[camiseta]" value="46"> 46</td>
  1691.                                                                         </tr>
  1692.                                                                         <tr>
  1693.                                                                             <td><input type="radio" class="encuesta" name="encuesta[camiseta]" value="48"> 48</td>
  1694.                                                                         </tr>
  1695.                                                                     </table>
  1696.                                                                 </td>    
  1697.                                                             </tr>   
  1698.                                                         </table> 
  1699.                                                     </div>
  1700.                                                     <div class="col-xs-12">
  1701.                                                         <table class="table table-striped table-bordered">
  1702.                                                             <tr>
  1703.                                                                 <th>
  1704.                                                                     Seleccione una opción según su nivel de estudio
  1705.                                                                 </th>
  1706.                                                             </tr>
  1707.                                                             <tr>
  1708.                                                                 <td style="vertical-align: middle">
  1709.                                                                     <table>
  1710.                                                                         <tr>
  1711.                                                                             <th rowspan="2">Primaria</th>
  1712.                                                                             <th>Segundo</th>
  1713.                                                                             <th>Tercero</th>
  1714.                                                                             <th>Cuarto</th>
  1715.                                                                             <th>Quinto</th>
  1716.                                                                             <th>Sexto</th>
  1717.                                                                             <th>Septimo</th>
  1718.                                                                             <th>Finalizado</th>
  1719.                                                                         </tr>
  1720.                                                                         <tr>
  1721.                                                                             <td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="P2"></td>
  1722.                                                                             <td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="P3"></td>
  1723.                                                                             <td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="P4"></td>
  1724.                                                                             <td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="P5"></td>
  1725.                                                                             <td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="P6"></td>
  1726.                                                                             <td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="P7"></td>
  1727.                                                                             <td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="PF"></td>
  1728.                                                                         </tr>
  1729.                                                                         <tr>
  1730.                                                                             <th rowspan="2">Secundaria</th>
  1731.                                                                             <th>Octavo</th>
  1732.                                                                             <th>Noveno</th>
  1733.                                                                             <th>Decimo</th>
  1734.                                                                             <th>1ro Bachillerato</th>
  1735.                                                                             <th>2do Bachillerato</th>
  1736.                                                                             <th>3ro Bachillerato</th>
  1737.                                                                             <th>Finalizado</th>
  1738.                                                                         </tr>
  1739.                                                                         <tr>
  1740.                                                                             <td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="S8"></td>
  1741.                                                                             <td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="S9"></td>
  1742.                                                                             <td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="S10"></td>
  1743.                                                                             <td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="B1"></td>
  1744.                                                                             <td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="B2"></td>
  1745.                                                                             <td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="B3"></td>
  1746.                                                                             <td><input type="radio" class="encuesta" name="encuesta[estudios_finalizados]" value="SF"></td>
  1747.                                                                         </tr>
  1748.                                                                     </table>
  1749.                                                                 </td>    
  1750.                                                             </tr>   
  1751.                                                         </table> 
  1752.                                                     </div>
  1753.                                                 </form>
  1754.                                             </div>
  1755.                                         </div>
  1756.                                     </div>
  1757.                                     <!-- /section:plugins/fuelux.wizard.container -->
  1758.                                 </div>
  1759.                                 <hr />
  1760.                                 <div class="wizard-actions center">
  1761.                                     <!-- #section:plugins/fuelux.wizard.buttons -->
  1762.                                     <button class="btn btn-prev bigger-180">
  1763.                                         <i class="ace-icon fa fa-arrow-left"></i>
  1764.                                         ANTERIOR
  1765.                                     </button>
  1766.                                     <button class="btn btn-success bigger-180 btn-next" data-last="FINALIZAR">
  1767.                                         SIGUIENTE
  1768.                                         <i class="ace-icon fa fa-arrow-right icon-on-right"></i>
  1769.                                     </button>
  1770.                                     <!-- /section:plugins/fuelux.wizard.buttons -->
  1771.                                 </div>
  1772.                             </div>
  1773.                         </div>
  1774.                             <div id="dialog-mapa-residencia" title="Definir Ubicación en Mapa"></div>    
  1775.                         </div>
  1776.             </div>
  1777.         {% endif %}
  1778.     </div>
  1779. {% endblock %}