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

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