src/templates/Reservistas/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.             var idReservista=0;
  13.             
  14.             $('#cedula').keyup(function(){
  15.                 $('.identidad_verificada').addClass('hide');
  16.                 $('.codigo_dactilar').addClass('hide');
  17.                 $('#tr_no_idoneo').addClass('hide');
  18.                 $("#proxy_codigo_dactilar").val('');
  19.                 $("#codigo_dactilar").val('');
  20.                 $("#proxy_expedicion_cedula").val('');
  21.                 $("#fecha_expedicion_cedula").val('');
  22.                 $("#proxy_captcha").val('');
  23.                 $("#captcha").val('');
  24.                 $('#fuelux-wizard-container').addClass('stopped');
  25.             });
  27.             $('#btn_verificar_id').click(function(e){
  28.                 e.preventDefault();
  29.                 var cedula = $('#cedula').val();
  30.                 if (!cedula)
  31.                 {
  32.                     showError(bootbox,'No ha indicado una identificación para ser verificada');
  33.                 }
  34.                 else
  35.                 {
  36.                     $('#fuelux-wizard-container').parent().parent().mask('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Verificando identidad...');
  37.                     var url = '{{ path('reservista_verifica_identidad', {'identificacion': '__ID__'}) }}';
  38.                     url=url.replace('__ID__',cedula);
  39.                     $.getJSON(url , function(result){
  40.                         $('#fuelux-wizard-container').parent().parent().unmask();
  41.                         if (result.ok)
  42.                         {
  43.                             if (result.idoneo || result.causa=='EDAD' || result.causa=='DEFUNCION' )
  44.                             {
  45.                                 //formulario final
  46.                                 /*$('#form_nombres').val(result.nombres);
  47.                                 $('#form_apellidoP').val(result.apellidoP);
  48.                                 $('#form_apellidoM').val(result.apellidoM);
  49.                                 $('#form_edad').val(result.edadString);
  50.                                 $('#form_edadString').val(result.edadString);
  51.                                 $('#form_fechaNacimiento').val(result.fechaNacimiento);
  52.                                 $('#form_paisNacimiento').val(result.paisNacimiento);
  53.                                 $('#form_parroquiaNacimiento').val(result.parroquiaNacimiento);*/
  55.                                 $('#form_cedula').val(cedula);
  56.                                 $('#cedularecluta').val(cedula);
  57.                                 $('#cedularesidencia').val(cedula);
  58.                                 $('#cedulacentro').val(cedula);
  59.                                 $('#form_email').val(result.email);
  60.                                 $('#form_estatura').val(result.estatura);
  61.                                 $('#form_telefono').val(result.telefono);
  62.                                 $('#form_telefonoEmergencias').val(result.telefonoEmergencias);
  63.                                 $('#form_email').val(result.email);
  64.                                 $('#form_idoneo').val(result.idoneo);
  65.                                 $('#form_causa').val(result.causa);
  67.                                 $('#cedula_dactilar').val(cedula);
  69.                                 $('#span_edad1').html(result.edadString);
  70.                                 $('#span_edad2').html(result.edadString);
  71.                                 $('#span_cedula').html(cedula);
  72. //                                $('#form_sexo').val(result.sexo);
  73.                                 $('#form_telefono').val(result.telefono);
  74.                                 $('#span_estadoCivil').html(result.estadoCivil);
  75.                                 $('#span_nombre1').html(result.apellidoP+' '+result.apellidoM+' '+result.nombres);
  76.                                 $('#span_nombre2').html(result.apellidoP+' '+result.apellidoM+' '+result.nombres);
  78.                                 $('#span_fechaNacimiento').html(result.fechaNacimiento);
  79.                                 $('#span_paisNacimiento').html(result.paisNacimiento);
  80.                                 $('#span_lugarNacimiento').html(result.lugarNacimientoStr);
  81.                                 //$('#span_parroquiaNacimiento').html(result.parroquiaNacimiento);
  82.                                 //$('#span_cantonNacimiento').html(result.cantonNacimiento);
  83.                                 //$('#span_provinciaNacimiento').html(result.provinciaNacimiento);
  84.                                 //$('#span_regionNacimiento').html(result.regionNacimiento);
  85.                             }
  86.                             if (result.idoneo)
  87.                             {
  88.                                 $('.identidad_verificada').removeClass('hide');
  89.                                 $('.codigo_dactilar').removeClass('hide');
  90.                                 $('#tr_no_idoneo').addClass('hide');
  91.                                 var urlfoto = '{{ path('dropzone_single_show_component', {'routeClassName': 'reservista', 'field': 'foto', 'parentId':'__ID__', 'acceptedFiles':'image', 'txt': 'FOTO'}) }}';
  92.                                 urlfoto=urlfoto.replace('__ID__',result.reservistaID);
  93.                                 $('#fotorecluta').load(urlfoto);
  94.                                 var urlcovid = '{{ path('dropzone_single_show_component', {'routeClassName': 'reservista', 'field': 'certifCovid', 'parentId':'__ID__', 'acceptedFiles':'pdf', 'txt': 'CERTIFICADO DE VACUNACIÓN'}) }}';
  95.                                 urlcovid=urlcovid.replace('__ID__',result.reservistaID);
  96.                                 $('#covid').load(urlcovid);
  97.                                 $('#fuelux-wizard-container').removeClass('stopped');
  98.                             }
  99.                             else
  100.                             {
  101.                                 if (result.causa=='registrado') {
  102.                                     $('#fuelux-wizard-container').parent().parent().mask('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Aspirante ya registrado. Cargando ficha de registro...');
  103.                                     var url = '{{ path('crud_plain_show', {'routeClassName': 'reclutaproceso', 'id': '__ID__','origen': 'registroenlinea' }) }}';
  104.                                     url = url.replace('__ID__',result.procesoId);
  105.                                     document.location.href=url;
  106.                                 }
  107.                                 else
  108.                                 if (result.causa=='IDENTIDAD')
  109.                                 {                                            
  110.                                     showError(bootbox, result.msg);
  111.                                 }
  112.                                 else
  113.                                 {
  114.                                     $('.identidad_verificada').removeClass('hide');
  115.                                     $('.codigo_dactilar').addClass('hide');
  116.                                     $('#tr_no_idoneo').removeClass('hide');
  117.                                     $('#span_no_idoneo').html(result.msg);
  118.                                     $('#fuelux-wizard-container').addClass('finished');
  119.                                     $('.btn-success').html('FINALIZAR');
  120.                                     $('#btn_verificar_id').remove();
  121.                                 } 
  122.                             }
  123.                         }
  124.                         else
  125.                         {
  126.                             showError(bootbox, result.msg);
  127.                         }
  128.                     });
  129.                 }
  130.             });
  132.             $('#btn_verificar_antecedentes').click(function(e){
  133.                 e.preventDefault();
  134.                 $('#btn_verificar_antecedentes').addClass('hide');
  135.                 $('#fuelux-wizard-container').addClass('stopped');
  136.                 var cedula = $('#cedularecluta').val();
  137.                 $('#fuelux-wizard-container').parent().parent().mask('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Verificando antecedentes...');
  138.                 var url = '{{ path('reservista_verifica_antecedentes', {'identificacion': '__ID__'}) }}';
  139.                 url=url.replace('__ID__',cedula);
  140.                 $.getJSON(url , function(result){
  141.                     $('#table_antecedentes').removeClass('hide');
  142.                     $('#fuelux-wizard-container').parent().parent().unmask();
  143.                     if (result.ok)
  144.                     {
  145.                         if (result.idoneo)
  146.                         {
  147.                             $('#tr_noantecedentes').removeClass('hide');
  148.                             $('#fuelux-wizard-container').removeClass('stopped');
  149.                         }
  150.                         else
  151.                         {
  152.                             $('#antecedentes_'+result.antecedente).prop('checked', true);
  153.                             $('#tr_antecedentes').removeClass('hide');
  154.                             $('#fuelux-wizard-container').addClass('finished');
  155.                             $('.btn-success').html('FINALIZAR');
  156.                         } 
  157.                     }
  158.                     else
  159.                     {
  160.                         $('#btn_verificar_antecedentes').removeClass('hide');
  161.                         showError(bootbox, result.msg);
  162.                     }
  163.                 });
  164.             });
  166.             $('#btn_verificar_estudios').click(function(e){
  167.                 e.preventDefault();
  168.                 $('#btn_verificar_antecedentes').addClass('hide');
  169. //                $('#fuelux-wizard-container').addClass('stopped');
  170.                 var cedula = $('#cedularecluta').val();
  171.                 $('#fuelux-wizard-container').parent().parent().mask('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Verificando antecedentes...');
  172.                 var url = '{{ path('reservista_verifica_estudios', {'identificacion': '__ID__'}) }}';
  173.                 url=url.replace('__ID__',cedula);
  174.                 $.getJSON(url , function(result){
  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].titulo+'</td><td>'+result.estudios[i].institucion+'</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 (e){
  211.                 e.preventDefault();
  212.                 $("#captcha_img").html('<i class="ace-icon fa fa-spinner orange fa-spin bigger-220"></i>');
  213.                 $("#captcha_img").html('<img src="{{path('captcha')}}?rdn='+Math.random()+'" />');
  214.             });    
  216.             $("#proxy_codigo_dactilar").change(function(){
  217.                 $("#codigo_dactilar").val($("#proxy_codigo_dactilar").val());
  218.             });
  220.             $("#proxy_expedicion_cedula").change(function(){
  221.                 $("#fecha_expedicion_cedula").val($("#proxy_expedicion_cedula").val());
  222.             });
  224.             $("#proxy_captcha").change(function(){
  225.                 $("#captcha").val($("#proxy_captcha").val());
  226.             });
  228.             $("#email").change(function(){
  229.                 $("#form_email").val($("#email").val());
  230.             });
  232.             $("#checkResidencia").click(function(){
  233.                 if ($("#checkResidencia").prop('checked'))
  234.                 {
  235.                     $('.reside_ecuador').removeClass('hide');
  236.                     $('.reside_extranjero').addClass('hide');
  237.                     $('#label_referencia').html('Referencia:');
  238.                     $('#label_referencia').removeClass('required');
  239.                     $('#direccionextranjero').val($('#form_referencia').val());
  240.                     $('#form_referencia').val($('#direccionecuador').val());
  241.                     $('#geometriaextranjero').val($('#form_geometria').val());
  242.                     $('#form_geometria').val($('#geometriaecuador').val());       
  243.                     $('#ubicacionextranjerovisible').val($('#textoGeometriaPunto').html());
  244.                     $('#textoGeometriaPunto').html($('#ubicacionecuadorvisible').val());
  245.                 }
  246.                 else
  247.                 {
  248.                     $('#form_paisResidencia').val('');
  249.                     $('.reside_ecuador').addClass('hide');
  250.                     $('.reside_extranjero').removeClass('hide');
  251.                     $('#label_referencia').html('Dirección:');
  252.                     $('#label_referencia').addClass('required');
  253.                     $('#direccionecuador').val($('#form_referencia').val());
  254.                     $('#form_referencia').val($('#direccionextranjero').val());
  255.                     $('#geometriaecuador').val($('#form_geometria').val());
  256.                     $('#form_geometria').val($('#geometriaextranjero').val());       
  257.                     $('#ubicacionecuadorvisible').val($('#textoGeometriaPunto').html());    
  258.                     $('#textoGeometriaPunto').html($('#ubicacionextranjerovisible').val());
  259.                 }
  260.             });
  262.             $('#form_geometria').change(function(){                                        
  263.                 geometria = $('#form_geometria').val();
  264.                 valor = mostrarTextoGeometria(geometria); 
  265.                 $('#textoGeometriaPunto').html(valor);
  266.             });
  268.         });
  269.         
  270.     </script>
  272. {% endblock jquery %}
  274. {% block jquery_functions %}
  275.     {{ parent() }}
  276.     
  277.     {% include 'RegionProvinciaCantonParroquia\\jquery_functions.html.twig'  with {'parroquiaField': 'parroquia'} %}
  278.       
  279.     function finalizaRegistro()
  280.     {
  281.     }
  282.     
  283.     function mostrarTextoGeometria(geometria)
  284.     {
  285.         cadenaRetorno = '';
  286.         if (geometria.length)
  287.         {
  288.             cadena = geometria.replace('POINT(','');
  289.             cadena = cadena.replace(')','');
  290.             punto = cadena.split(' ');  
  291.             cadenaRetorno = 'Lat:'+ parseFloat(punto[1]).toFixed(2) + ' Lon:'+ parseFloat(punto[0]).toFixed(2);
  292.         }
  293.         return cadenaRetorno;
  294.     }
  296.     function showError(bootbox, texto)
  297.     {
  298.         bootbox.dialog({
  299.             message: texto, 
  300.             buttons: {
  301.                 "success" : {
  302.                     "label" : "OK",
  303.                     "className" : "btn-sm btn-primary"
  304.                 }
  305.             }
  306.         });
  307.     }
  308.     
  309. {% endblock jquery_functions %}
  312. {% block content %} 
  313.     <div class="widget-box transparent">
  314.         <div class="widget-header widget-header-flat">
  315.             <h4 class="widget-title lighter">
  316.                 {% if allow %}
  317.                     <i class="fas fa-pencil-alt orange"></i>
  318.                     Actualización en línea de datos de Reservistas
  319.                 {% else %}
  320.                     <i class="fas fa-ban red"></i>
  321.                     {{ msg }}
  322.                 {% endif %}
  323.             </h4>
  324.         </div>
  326.         {% if allow %}
  327.             <div class="widget-body" style="display: block;">
  328.                 <div class="widget-main no-padding">
  329.                     <script type="text/javascript">
  331.                         $(function()
  332.                         {
  333.                             $('.just_numbers').keypress(function(e){
  334.                                 if (e.which<48 || e.which>57 )
  335.                                     e.preventDefault();
  336.                             });
  337.                             
  338.                             $('.chosen-select').chosen({allow_single_deselect:true}); 
  340.                             $('#fuelux-wizard-container')
  341.                             .ace_wizard({
  342.                                     //step: 4, //optional argument. wizard will jump to step "4" at first
  343.                                     //buttons: '.wizard-actions:eq(0)'
  344.                             })
  345.                             .on('actionclicked.fu.wizard' , function(e, info){
  346.                                 if (info.direction=="next")
  347.                                 {
  348.                                     if ($('#fuelux-wizard-container').hasClass('finished'))
  349.                                     {
  350.                                         e.preventDefault();
  351.                                         document.location.href='{{ path('reservista_registro_en_linea') }}';
  352.                                     }
  353.                                     if ($('#fuelux-wizard-container').hasClass('stopped'))
  354.                                     {
  355.                                         e.preventDefault();
  356.                                         return;
  357.                                     }
  358.                                     if (info.step==1)
  359.                                     {
  360.                                         e.preventDefault();
  361.                                         if ($('#codigo_dactilar').val() && $('#fecha_expedicion_cedula').val() && $('#captcha').val())
  362.                                         {
  363.                                             $('#fuelux-wizard-container').parent().parent().mask('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Verificando información...');
  364.                                             $('#registro_dactilar').ajaxSubmit({
  365.                                                 type: $('#registro_dactilar').attr('method'),
  366.                                                 url: $('#registro_dactilar').attr('action'),
  367.                                                 dataType: 'json',
  368.                                                 data: { _xml_http_request: true },
  369.                                                 success: function(data) {
  370.                                                     $("#fuelux-wizard-container" ).parent().parent().unmask();
  371.                                                     if (data.ok)
  372.                                                     {  
  373.                                                         if (data.idoneo)
  374.                                                         {
  375.                                                             $('#form_sexo').val(data.dactilarRegCivil.sexo);
  376.                                                             var wizard = $('#fuelux-wizard-container').data('fu.wizard');
  377.                                                             wizard.currentStep = 2;
  378.                                                             wizard.setState();
  379.                                                             $('#btn_verificar_antecedentes').removeClass('hide');
  380.                                                             $('#table_antecedentes').addClass('hide');
  381.                                                             $('#table_estudios').addClass('hide');
  382.                                                             $('#tr_antecedentes').addClass('hide');
  383.                                                             $('#tr_noantecedentes').addClass('hide');
  384.                 
  385.                                                             $('#estudios').html('');
  386.                                                             $('#fuelux-wizard-container').addClass('stopped');
  387.                                                         }
  388.                                                         else
  389.                                                         {
  390.                                                             $('#tr_no_idoneo').removeClass('hide');
  391.                                                             $('#span_no_idoneo').html(data.msg);
  392.                                                             $('#fuelux-wizard-container').addClass('finished');
  393.                                                             $('.btn-success').html('FINALIZAR');
  394.                                                         }
  395.                                                     }
  396.                                                     else
  397.                                                     {
  398.                                                         showError(bootbox,data.msg);
  399.                                                     }
  400.                                                 }
  401.                                             });
  402.                                         }
  403.                                         else
  404.                                         {
  405.                                             showError(bootbox,'Debe indicar el código dactilar, la fecha de expedición de la cédula y el texto que se muestra.');
  406.                                         }
  407.                                     }
  408.                                     if (info.step==3)
  409.                                     {
  410.                                         e.preventDefault();
  411.                                         if (!($('#form_telefonoEmergencias').val() && $('#form_telefono').val() && $('#form_email').val() && $('#form_estatura').val()))
  412.                                         {
  413.                                             showError(bootbox,'Debe indicar la estatura, los teléfonos y el correo electrónico.');
  414.                                         }
  415.                                         else
  416.                                         if (isNaN($('#form_estatura').val()))
  417.                                         {
  418.                                             showError(bootbox,'La estatura debe ser un valor numérico.');
  419.                                         }
  420.                                         else
  421.                                         if (!validEmail($('#form_email').val()))
  422.                                         {
  423.                                             showError(bootbox,'Correo electrónico en formato incorrecto.');
  424.                                         }
  425.                                         else
  426.                                         if (false/*!$('#fuelux-wizard-container').hasClass('mail_verified')*/)
  427.                                         {
  428.                                             $('#fuelux-wizard-container').parent().parent().mask('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Verificando correo electrónico...');
  429.                                             $('#verify_email').val( $('#form_email').val() );
  430.                                             $('#text_email').html( $('#form_email').val() );
  431.                                             $('#form_verify_email').ajaxSubmit({
  432.                                                 type: $('#form_verify_email').attr('method'),
  433.                                                 url: $('#form_verify_email').attr('action'),
  434.                                                 dataType: 'json',
  435.                                                 data: { _xml_http_request: true },
  436.                                                 success: function(data) {
  437.                                                     $('#fuelux-wizard-container').parent().parent().unmask();
  438.                                                     if (data.ok)
  439.                                                     {  
  440.                                                         $('#dialog-verify-email').dialog('open');
  441.                                                     }
  442.                                                     else
  443.                                                     {
  444.                                                         showError(bootbox, data.msg);
  445.                                                     }
  446.                                                 }
  447.                                             });
  448.                                         }
  449.                                         else
  450.                                         {
  451.                                             grabaDatosPersonales();
  452.                                         }
  453.                                     }
  454.                                     if (info.step==4)
  455.                                     {
  456.                                         e.preventDefault();
  457.                                         if ($('#fuelux-wizard-container').hasClass('stopped'))
  458.                                         {
  459.                                             return;
  460.                                         }
  461.                                         var salvar = true;
  462.                                         if ($('#checkResidencia').prop('checked'))
  463.                                         {
  464.                                             if (!($('#form_parroquia').val() && $('#form_callePrincipal').val() && 
  465.                                                   $('#form_calleSecundaria').val() && $('#form_nroCasa').val()))
  466.                                             {
  467.                                                 salvar = false;
  468.                                                 showError(bootbox,'Debe indicar todos los campos marcados en rojo.');
  469.                                             }
  470.                                         }
  471.                                         else
  472.                                         {
  473.                                             if (!($('#form_paisResidencia').val() && $('#form_referencia').val()))
  474.                                             {
  475.                                                 salvar=false;
  476.                                                 showError(bootbox,'Debe indicar todos los campos marcados en rojo.');
  477.                                             }
  478.                                         }
  479.                                         
  480.                                         if (!($('#form_centro').val()))
  481.                                         {
  482.                                             e.preventDefault();
  483.                                             salvar=false;
  484.                                             showError(bootbox,'Debe indicar el Centro de Movilización en el que desea capacitarse.');
  485.                                         }
  487.                                         if (salvar)
  488.                                         {
  489.                                             $('#fuelux-wizard-container').parent().parent().mask('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Guardando información...');
  490.                                             $('#datos_residencia').ajaxSubmit({
  491.                                                 type: $('#datos_residencia').attr('method'),
  492.                                                 url: $('#datos_residencia').attr('action'),
  493.                                                 dataType: 'json',
  494.                                                 data: { _xml_http_request: true },
  495.                                                 success: function(data) {
  496.                                                     $('#fuelux-wizard-container').parent().parent().unmask();
  497.                                                     if (data.ok)
  498.                                                     {  
  499.                                                         idReservista=data.id;
  500.                                                         var wizard = $('#fuelux-wizard-container').data('fu.wizard');
  501.                                                         wizard.currentStep = 5;
  502.                                                         wizard.setState();
  503.                                                     }
  504.                                                 }
  505.                                             });
  506.                                         }
  507.                                     }
  508.                                 }
  509.                                 else
  510.                                 {
  511.                                     $('#fuelux-wizard-container').removeClass('stopped');
  512.                                 }
  513.                             })
  514.                             .on('finished.fu.wizard', function(e) {
  515.                                 if ($('#fuelux-wizard-container').hasClass('stopped'))
  516.                                 {
  517.                                     e.preventDefault();
  518.                                     return;
  519.                                 }
  520.                                 var salvar = true;                                                                
  521.                                     
  522.                                 if (salvar)
  523.                                 {
  524.                                     $('#fuelux-wizard-container').parent().parent().mask('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Finalizando...');
  525.                                     var url = '{{ path('crud_plain_show', {'routeClassName': 'reservistaproceso', 'id': '__ID__', 'tab': 'registro' }) }}';
  526.                                     url = url.replace('__ID__',idReservista);
  527.                                     document.location.href=url;
  528.                                 }
  529.                             })
  530.                             .on('stepclicked.fu.wizard', function(e){
  531.                                 e.preventDefault();//this will prevent clicking and selecting steps
  532.                             });
  534.                         });
  535.                         
  536.                         $(function()
  537.                         {
  538.                             var cargainicialresidencia = true;
  539.                             var cargainicialcentro = true;
  540.                             $( "#dialog-mapa-residencia" ).dialog({
  541.                                 autoOpen: false,
  542.                                 height: 610,
  543.                                 width: 750,
  544.                                 modal: true,
  545.                                 resizable: false,
  546.                                 title_html: true,
  547.                                 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>',
  549.                                 buttons: {
  550.                                     Cancelar: function() {
  551.                                         $( "#dialog-mapa-residencia" ).dialog( "close" );
  552.                                     }
  553.                                 }
  554.                             });
  555.                             $( "#dialog-verify-email" ).dialog({
  556.                                 autoOpen: false,
  557.                                 height: 310,
  558.                                 width: 400,
  559.                                 modal: true,
  560.                                 resizable: false,
  561.                                 title_html: true,
  562.                                 title: '<div id="texto" class="widget-header widget-header-small"><h4 class="smaller red"><i class="fas fa-globe"></i>&nbsp;Verificar correo electrónico</h4></div>',
  564.                                 buttons: {
  565.                                     Aceptar: function() {
  566.                                         $('#fuelux-wizard-container').parent().parent().mask('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Verificando cóodigo...');
  567.                                         $('#form_verify_email_code').ajaxSubmit({
  568.                                             type: $('#form_verify_email_code').attr('method'),
  569.                                             url: $('#form_verify_email_code').attr('action'),
  570.                                             dataType: 'json',
  571.                                             data: { _xml_http_request: true },
  572.                                             success: function(data) {
  573.                                                 $('#fuelux-wizard-container').parent().parent().unmask();
  574.                                                 if (data.ok)
  575.                                                 {  
  576.                                                     $( "#dialog-verify-email" ).dialog( "close" );
  577.                                                     grabaDatosPersonales();
  578.                                                 }
  579.                                                 else
  580.                                                 {
  581.                                                     showError(bootbox, data.msg);
  582.                                                 }
  583.                                             }
  584.                                         });
  585.                                     },
  586.                                     Cancelar: function() {
  587.                                         $( "#dialog-verify-email" ).dialog( "close" );
  588.                                     }
  589.                                 }
  590.                             });
  593.                             $("#maparesidencia").click(function(e){
  594.                                 e.preventDefault(); 
  595.                                 var idcampo = $(this).attr('itemid');
  596.                                 var tipoDibujo = $(this).attr('geom');
  597.                                 var url = "{{ path('dibujarPunto', {'tipoDibujo': '__TIPO__', 'idCampo': '__CAMPO__', 'idContenedorMapa': 'dialog-mapa-residencia'}) }}";
  598.                                 url =url.replace('__TIPO__', tipoDibujo); 
  599.                                 url =url.replace('__CAMPO__', idcampo); 
  600.                                 $("#dialog-mapa-residencia").dialog("open");
  601.                                 if (cargainicialresidencia)
  602.                                 {    
  603.                                     $('#dialog-mapa-residencia').load(url);
  604.                                     cargainicialresidencia = false;
  605.                                 }
  606.                             }); 
  607.                                                                   
  608.                             
  609.                             $("#mapacentro").click(function(e){
  610.                                 e.preventDefault(); 
  611.                                 var idcampo = $(this).attr('itemid');
  612.                                 var tipoDibujo = $(this).attr('geom');
  613.                                 var url = '{{ path('mostrarGeometria', {'tipoDibujo': '__TIPO__', 'idCampo': '__CAMPO__', 'idContenedorMapa': 'dialog-mapa-residencia'}) }}';
  614.                                 url =url.replace('__TIPO__', tipoDibujo); 
  615.                                 url =url.replace('__CAMPO__', idcampo); 
  616.                                 $("#dialog-mapa-residencia").dialog("open");
  617.                                 if (cargainicialcentro)
  618.                                 {    
  619.                                     $('#dialog-mapa-residencia').load(url);
  620.                                     cargainicialcentro = false;
  621.                                 }
  622.                             }); 
  623.                             
  624.                             $('#form_centroMovilizacion').change(function(){
  625.                                 $('#span_centro_region').html('');
  626.                                 $('#span_centro_provincia').html('');
  627.                                 $('#span_centro_canton').html('');
  628.                                 $('#span_centro_parroquia').html('');
  629.                                 $('#span_centro_direccion').html('');
  630.                                 $('#span_centro_direccionAcuartelamiento').html('');
  631.                                 $('#form_final_centro').val($(this).val());
  632.                                 if ($(this).val())
  633.                                 {
  634.                                     $('#tabla_centro').parent().mask('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');
  635.                                     var url = '{{ path('dpa_centro_movilizacion', {'centro': '__ID__'}) }}';
  636.                                     url=url.replace('__ID__',$(this).val());
  637.                                     $.getJSON(url , function(result){
  638.                                         $('#tabla_centro').parent().unmask();
  639.                                         if (result.ok)
  640.                                         {
  641.                                             $('#mapacentro').removeClass('hide');
  642.                                             $('#span_centro_region').html(result.region);
  643.                                             $('#span_centro_provincia').html(result.provincia);
  644.                                             $('#span_centro_canton').html(result.canton);
  645.                                             $('#span_centro_parroquia').html(result.parroquia);
  646.                                             $('#span_centro_direccion').html(result.direccion);
  647.                                             if (result.direccionAcuartelamiento && result.direccionAcuartelamiento!='') {
  648.                                                 $('#span_centro_direccionAcuartelamiento').html(result.direccionAcuartelamiento);
  649.                                             }
  650.                                             else {
  651.                                                 $('#span_centro_direccionAcuartelamiento').html(result.direccion);
  652.                                             }
  653.                                             $('#centrogeometria').val(result.geometria);
  654.                                         }
  655.                                     });
  656.                                 }
  657.                                 else
  658.                                 {
  659.                                     $('#mapacentro').addClass('hide');
  660.                                 }
  661.                             });
  662.                         });
  664.                         function validEmail(email)
  665.                         {
  666.                             var emailPattern = new RegExp("^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$");
  667.                             email = email.toUpperCase();
  668.                             var emailOk = emailPattern.exec(email);
  669.                             if (!emailOk || emailOk[0]!=email)
  670.                             {
  671.                                 jAlert('El email no cumple con el formato válido de una dirección de correo electrónico.', 'Error');
  672.                                 return false;
  673.                             }
  674.                             return true;
  675.                         }
  676.                         
  677.                         function grabaDatosPersonales()
  678.                         {
  679.                             $('#form_sexo').removeAttr('disabled');
  680.                             $("#fuelux-wizard-container" ).parent().parent().mask('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Verificando información...');
  681.                             $('#datos_recluta').ajaxSubmit({
  682.                                 type: $('#datos_recluta').attr('method'),
  683.                                 url: $('#datos_recluta').attr('action'),
  684.                                 dataType: 'json',
  685.                                 data: { _xml_http_request: true },
  686.                                 success: function(data) {
  687.                                     $("#fuelux-wizard-container" ).parent().parent().unmask();
  688.                                     if (data.ok)
  689.                                     {
  690.                                         
  691.                                         var wizard = $('#fuelux-wizard-container').data('fu.wizard');
  692.                                         wizard.currentStep = 4;
  693.                                         wizard.setState();
  694.                                     }
  695.                                     else
  696.                                     {
  697.                                         showError(bootbox,'Ha ocurrido un error. Intente nuevamente');
  698.                                     }
  699.                                 }
  700.                             });
  701.                         }
  703.                     </script>
  705.                         <div class="row">
  706.                             <div class="col-xs-12">
  707.                                 <div id="fuelux-wizard-container" class="stopped">
  708.                                     <div>
  709.                                         <!-- #section:plugins/fuelux.wizard.steps -->
  710.                                         <ul class="steps">
  711.                                             <li data-step="1" class="active">
  712.                                                 <span class="step">1</span>
  713.                                                     <span class="title">{% trans from 'crud' %} registroenlinea.fields.validacionIdentidad {% endtrans %}</span>
  714.                                             </li>
  716.                                             <li data-step="2" class="active">
  717.                                                 <span class="step">2</span>
  718.                                                     <span class="title">ANTECEDENTES</span>
  719.                                             </li>
  721.                                             <li data-step="3">
  722.                                                 <span class="step">3</span>
  723.                                                     <span class="title">{% trans from 'crud' %} registroenlinea.fields.datosPersonales {% endtrans %}</span>
  724.                                             </li>
  726.                                             <li data-step="4">
  727.                                                 <span class="step">4</span>
  728.                                                     <span class="title">{% trans from 'crud' %} registroenlinea.fields.datosResidenciaCentro {% endtrans %}</span>
  729.                                             </li>
  731.                                             <li data-step="5" class="active">
  732.                                                 <span class="step">5</span>
  733.                                                     <span class="title">ESTUDIOS</span>
  734.                                             </li>
  736.                                         </ul>
  737.                                         <!-- /section:plugins/fuelux.wizard.steps -->
  738.                                     </div>
  740.                                     <hr />
  742.                                     <!-- #section:plugins/fuelux.wizard.container -->
  743.                                     <div class="step-content pos-rel">
  744.                                         <div class="step-pane active" data-step="1">
  745.                                             <input type="hidden" id="identidad_verificada">
  746.                                             <div class="row">
  747.                                                 <div class="col-xs-7">
  748.                                                     <table class="table table-striped table-bordered table-hover">
  749.                                                         <tr id='tr_identificacion'>
  750.                                                             <th style="width: 400px">
  751.                                                                 <label>
  752.                                                                         {% trans from 'crud' %} registroenlinea.fields.ingreseCedula {% endtrans %}
  753.                                                                 </label>
  754.                                                             </th>
  755.                                                             <td style="vertical-align: middle">
  756.                                                                 <input id="cedula" type="text" style="width: 100%">
  757.                                                                 <div> <small><i>Solo números Ejemplo: 9999999999</i></small></div>
  758.                                                             </td>    
  759.                                                             <td class="" style="vertical-align: middle">
  760.                                                                 <a id="btn_verificar_id" class="btn btn-white btn-inverse btn-bold btn-round" href="">
  761.                                                                     VERIFICAR
  762.                                                                 </a>
  763.                                                             </td>    
  764.                                                         </tr>   
  765.                                                         <tr class="identidad_verificada hide">
  766.                                                             <th style="width: 400px">
  767.                                                                 <label>
  768.                                                                         {% trans from 'crud' %} reclutaproceso.fields.recluta {% endtrans %} 
  769.                                                                 </label>
  770.                                                             </th>
  771.                                                             <td style="vertical-align: middle" colspan="2">
  772.                                                                 <span id="span_nombre1"></span>
  773.                                                             </td>    
  774.                                                         </tr>    
  775.                                                         <tr class="identidad_verificada hide">
  776.                                                             <th style="width: 400px">
  777.                                                                 <label>
  778.                                                                         {% trans from 'crud' %} reclutaproceso.fields.reclutaEdad {% endtrans %}
  779.                                                                 </label>
  780.                                                             </th>
  781.                                                             <td style="vertical-align: middle" colspan="2">
  782.                                                                 <span id="span_edad1">19</span>
  783.                                                             </td>    
  784.                                                         </tr>    
  785.                                                         <tr class="codigo_dactilar hide">
  786.                                                             <th style="width: 400px">
  787.                                                                 <label>
  788.                                                                         {% trans from 'crud' %} registroenlinea.fields.ingreseCodigoDactilar {% endtrans %}
  789.                                                                 </label>
  790.                                                             </th>
  791.                                                             <td style="vertical-align: middle" colspan="2">
  792.                                                                 <input type="text" id="proxy_codigo_dactilar" style="width: 100%">
  793.                                                             </td>    
  794.                                                         </tr>    
  795.                                                         <tr class="codigo_dactilar hide">
  796.                                                             <th style="width: 400px">
  797.                                                                 <label>
  798.                                                                         {% trans from 'crud' %} registroenlinea.fields.ingreseFechaCedula {% endtrans %}
  799.                                                                 </label>
  800.                                                             </th>
  801.                                                             <td style="vertical-align: middle" colspan="2">
  802.                                                                 <div class="input-group" id="campo_fecha_proxy_expedicion_cedula">
  803.                                                                     <input type="text" id="proxy_expedicion_cedula" style="width: 100%" class="campo_fecha form-control date-picker" data-date-format="dd-mm-yyyy" />
  804.                                                                     <span class="input-group-addon"><i class="fas fa-calendar bigger-110"></i></span>
  805.                                                                 </div>
  806.                                                             </td>    
  807.                                                         </tr>    
  808.                                                         <tr class="codigo_dactilar hide">
  809.                                                             <th style="width: 400px">
  811.                                                                 <label>
  812.                                                                         {% trans from 'crud' %} registroenlinea.fields.digitarCodigo {% endtrans %}
  813.                                                                 </label>
  814.                                                             </th>
  815.                                                             <td style="vertical-align: middle">
  816.                                                                 <input id="proxy_captcha" type="text" style="width: 100%">
  817.                                                             </td>    
  818.                                                             <td style="vertical-align: middle">
  819.                                                                 <div>
  820.                                                                   <span class="col-xs-8 no-padding">
  821.                                                                     <div id="captcha_img"><img width="100%" src="{{path('captcha')}}" style="min-width: 250px;"/></div>
  822.                                                                   </span>
  823.                                                                   <span class="col-xs-2 no-padding">
  824.                                                                     <a id="captcha_refresh" href=""><img src="{{ asset('images/icon/captcha_new.png') }}" title="Cambiar código" width="40px"></a>
  825.                                                                   </span>
  826.                                                                 </div>
  827.                                                             </td>    
  828.                                                         </tr>   
  829.                                                         <tr id='tr_no_idoneo' class="hide">
  830.                                                             <td colspan="3" style="text-align: center; vertical-align: middle">
  831.                                                                 <i class="fas fa-ban red bigger-300"></i>
  832.                                                                 <span id="span_no_idoneo" style="color: red; font-weight: bold; font-size: 20px"></span>
  833.                                                             </td>
  834.                                                         </tr>
  835.                                                     </table> 
  836.                                                 </div>
  837.                                                 <div class="col-xs-5 codigo_dactilar hide">
  838.                                                     <img src="{{ asset('images/dactilar.png') }}">
  839.                                                 </div>
  840.                                             </div>
  841.                                             <form id='registro_dactilar' action="{{ path('aspirante_registro_dactilar') }}" method="post">
  842.                                                 <input type="hidden" id="cedula_dactilar" name="dactilar[cedula]" style="width: 100%">
  843.                                                 <input type="hidden" id="codigo_dactilar" name="dactilar[codigoDactilar]" style="width: 100%">
  844.                                                 <input type="hidden" id="fecha_expedicion_cedula" name="dactilar[fechaExpedicionCedula]" style="width: 100%" >
  845.                                                 <input type="hidden" id="captcha" style="width: 100%" name="dactilar[captcha]">
  846.                                             </form>
  847.                                         </div>
  849.                                         <div class="step-pane center" data-step="2">
  850.                                             <a id="btn_verificar_antecedentes" class="btn btn-info btn-bold btn-round btn-large bigger-220" href="">
  851.                                                 <i class="ace-icon fa fa-check bigger-110"></i>
  852.                                                 Presiona para VERIFICAR ANTECEDENTES
  853.                                             </a>
  854.                                             <div class="row">
  855.                                                 <div class="col-xs-12">
  856.                                                     <table id="table_antecedentes" class="table table-striped table-bordered table-hover hide">
  857.                                                         <tr>
  858.                                                             <th style="text-align: center; vertical-align: middle">
  859.                                                                     Revisión de Antecedentes
  860.                                                             </th>
  861.                                                         </tr>
  862.                                                         <tr>
  863.                                                             <td><input type='radio' id='antecedentes_1' name='antecedentes[1]' disabled='true'>&nbsp;Antecedentes penales</td>   
  864.                                                         </tr>   
  865.                                                         <tr>
  866.                                                             <td><input type='radio' id='antecedentes_2' name='antecedentes[2]' disabled='true'>&nbsp;Impedimento de salida del país</td>   
  867.                                                         </tr>   
  868.                                                         <tr>
  869.                                                             <td><input type='radio' id='antecedentes_3' name='antecedentes[3]' disabled='true'>&nbsp;Alerta migratoria</td>   
  870.                                                         </tr>   
  871.                                                         <tr>
  872.                                                             <td><input type='radio' id='antecedentes_4' name='antecedentes[4]' disabled='true'>&nbsp;Orden de Captura</td>   
  873.                                                         </tr>   
  874.                                                         <tr>
  875.                                                             <td><input type='radio' id='antecedentes_5' name='antecedentes[5]' disabled='true'>&nbsp;Bajas militares</td>   
  876.                                                         </tr>   
  877.                                                    </table> 
  878.                                                 </div>
  879.                                                 <div id='tr_noantecedentes' class="col-xs-12 col-sm-12 hide">
  880.                                                     <div style="text-align: center; vertical-align: middle">
  881.                                                         <i class="fas fa-check green bigger-300"></i>
  882.                                                                 <span class=" green bigger-300">{% trans from 'crud' %} registroenlinea.fields.habilitado {% endtrans %}</span>
  883.                                                     </div>
  884.                                                 </div>
  885.                                                 <div id='tr_antecedentes' class="col-xs-12 col-sm-12 hide">
  886.                                                     <div style="text-align: center; vertical-align: middle">
  887.                                                         <i class="fas fa-ban red bigger-300"></i>
  888.                                                                 <span class=" red bigger-300">{% trans from 'crud' %} registroenlinea.fields.noHabilitado {% endtrans %}</span>
  889.                                                     </div>
  890.                                                 </div>
  891.                                             </div>
  892.                                         </div>
  894.                                         <div class="step-pane" data-step="3">
  895.                                             <div class="row">
  896.                                                 <div class="col-xs-12">
  897.                                                     <form id='datos_recluta' action="{{ path('salvar_reservista') }}" method="post">
  898.                                                         <table class="table table-striped table-bordered table-hover">
  899.                                                             <tr>
  900.                                                                 <th style="width: 25%">
  901.                                                                     <label id="label_form_anno">
  902.                                                                         {% trans from 'crud' %} recluta.fields.cedula {% endtrans %}
  903.                                                                     </label>
  904.                                                                 </th>
  905.                                                                 <td style="vertical-align: middle">
  906.                                                                     <input type="hidden" id="cedularecluta" name="reservista[cedula]" readonly="true" style="width: 100%">
  907.                                                                     <span id="span_cedula"></span>
  908.                                                                 </td>    
  909.                                                             </tr>    
  910.                                                             <tr>
  911.                                                                 <th style="width: 25%">
  912.                                                                     <label id="label_form_anno">
  913.                                                                         {% trans from 'crud' %} recluta.fields.nombresApellidos {% endtrans %}
  914.                                                                     </label>
  915.                                                                 </th>
  916.                                                                 <td style="vertical-align: middle">
  917.                                                                     <span id="span_nombre2"></span>
  918.                                                                 </td>    
  919.                                                             </tr>    
  920.                                                             <tr>
  921.                                                                 <th style="width: 25%">
  922.                                                                     <label id="label_form_anno">
  923.                                                                         {% trans from 'crud' %} recluta.fields.sexo {% endtrans %}
  924.                                                                     </label>
  925.                                                                 </th>
  926.                                                                 <td style="vertical-align: middle">                                                                   
  927.                                                                     <select id="form_sexo" name="reservista[sexo]"  style="width: 100%" disabled="true">                                                                        
  928.                                                                         <option value='Masculino'>Masculino</option>       
  929.                                                                         <option value='Femenino'>Femenino</option>       
  930.                                                                         <option value='Otro'>Otro</option>       
  931.                                                                     </select>
  932.                                                                 </td>    
  933.                                                             </tr>    
  934.                                                             <tr>
  935.                                                                 <th style="width: 25%">
  936.                                                                     <label id="label_form_anno">
  937.                                                                         {% trans from 'crud' %} recluta.fields.estadoCivil {% endtrans %}
  938.                                                                     </label>
  939.                                                                 </th>
  940.                                                                 <td style="vertical-align: middle">
  941.                                                                     <span id="span_estadoCivil"></span>
  942.                                                                 </td>    
  943.                                                             </tr>    
  944.                                                             <tr>
  945.                                                                 <th style="width: 25%">
  946.                                                                     <label id="label_form_anno" class='required'>
  947.                                                                         {% trans from 'crud' %} recluta.fields.telefono {% endtrans %}
  948.                                                                     </label>
  949.                                                                 </th>
  950.                                                                 <td style="vertical-align: middle">
  951.                                                                     <input type="text" id="form_telefono" name="reservista[telefono]" style="width: 100%" class="just_numbers">
  952.                                                                 </td>    
  953.                                                             </tr>    
  954.                                                             <tr>
  955.                                                                 <th style="width: 25%">
  956.                                                                     <label id="label_form_telefonoEmergencias" class='required align-right'>
  957.                                                                         {% trans from 'crud' %} recluta.fields.telefonoEmergencias {% endtrans %}
  958.                                                                     </label>
  959.                                                                 </th>
  960.                                                                 <td style="vertical-align: middle">
  961.                                                                     <input type="text" id="form_telefonoEmergencias" name="reservista[telefonoEmergencias]" style="width: 100%" class="just_numbers">
  962.                                                                 </td>    
  963.                                                             </tr>    
  964.                                                             <tr>
  965.                                                                 <th style="width: 25%">
  967.                                                                     <label id="label_form_anno" class='required'>
  968.                                                                         {% trans from 'crud' %} recluta.fields.email {% endtrans %}
  969.                                                                     </label>
  970.                                                                 </th>
  971.                                                                 <td style="vertical-align: middle">
  972.                                                                     <input type="text" id="form_email"    name="reservista[email]" style="width: 100%">
  973.                                                                 </td>    
  974.                                                             </tr>    
  975.                                                             <tr>
  976.                                                                 <th style="width: 25%">
  977.                                                                     <label id="label_form_anno" class='required'>
  978.                                                                         {% trans from 'crud' %} recluta.fields.estatura {% endtrans %}
  979.                                                                     </label>
  980.                                                                 </th>
  981.                                                                 <td style="vertical-align: middle">
  982.                                                                     <input type="text" id="form_estatura" name="reservista[estatura]" style="width: 100%" class="just_numbers">
  983.                                                                 </td>    
  984.                                                             </tr>    
  985.                                                             <tr>
  986.                                                                 <th style="width: 25%">
  988.                                                                     <label id="label_form_anno">
  989.                                                                         {% trans from 'crud' %} recluta.fields.edad {% endtrans %}
  990.                                                                     </label>
  991.                                                                 </th>
  992.                                                                 <td style="vertical-align: middle">
  993.                                                                     <span id="span_edad2"></span>
  994.                                                                 </td>    
  995.                                                             </tr>    
  996.                                                             <!--tr>
  997.                                                                 <th style="width: 25%">
  998.                                                                     <label id="label_form_grado">
  999.                                                                         Grado
  1000.                                                                     </label>
  1001.                                                                 </th>
  1002.                                                                 <td style="vertical-align: middle">
  1003.                                                                     <select id='form_grado' style="width: 100%" class="chosen-select" name="reservista[grado]">
  1004.                                                                         <option value=''>-- Seleccione --</option>
  1005.                                                                         {% for grado in grados %}
  1006.                                                                             <option value='{{ grado.id }}'>{{ grado }}</option>
  1007.                                                                         {% endfor %}
  1008.                                                                     </select>
  1009.                                                                 </td>    
  1010.                                                             </tr>    
  1011.                                                             <tr>
  1012.                                                                 <th style="width: 25%">
  1013.                                                                     <label id="label_form_fuerza">
  1014.                                                                         Fuerza
  1015.                                                                     </label>
  1016.                                                                 </th>
  1017.                                                                 <td style="vertical-align: middle">
  1018.                                                                     <select id='form_fuerza' style="width: 100%" class="chosen-select" name="reservista[fuerza]">
  1019.                                                                         <option value=''>-- Seleccione --</option>
  1020.                                                                         {% for fuerza in fuerzas %}
  1021.                                                                             <option value='{{ fuerza.id }}'>{{ fuerza }}</option>
  1022.                                                                         {% endfor %}
  1023.                                                                     </select>
  1024.                                                                 </td>    
  1025.                                                             </tr>    
  1026.                                                             <tr>
  1027.                                                                 <th style="width: 25%">
  1028.                                                                     <label id="label_form_arma">
  1029.                                                                         Arma
  1030.                                                                     </label>
  1031.                                                                 </th>
  1032.                                                                 <td style="vertical-align: middle">
  1033.                                                                     <select id='form_arma' style="width: 100%" class="chosen-select" name="reservista[arma]">
  1034.                                                                         <option value=''>-- Seleccione --</option>
  1035.                                                                         {% for arma in armas %}
  1036.                                                                             <option value='{{ arma.id }}'>{{ arma }}</option>
  1037.                                                                         {% endfor %}
  1038.                                                                     </select>
  1039.                                                                 </td>    
  1040.                                                             </tr-->    
  1041.                                                         </table> 
  1042.                                                     </form>
  1043.                                                 </div>
  1044.                                                 <div class="col-xs-12">
  1045.                                                     <div class="col-sm-12">
  1046.                                                         <div class="alert alert-success bigger-180"><span>Adjunta tu foto en formato Carnet.</span></div>
  1047.                                                     </div>
  1048.                                                     <div class="col-sm-9">  
  1049.                                                         
  1050.                                                         <div id="fotorecluta"></div>                                                        
  1051.                                                     </div>
  1052.                                                     <div class="col-sm-3 center"> 
  1053.                                                         <div class="bigger-180 blue">Ejemplo</div>
  1054.                                                         <img border="0" alt="FOTO CARNET" src="{{ asset('images/foto_carnet.png')}}"">                                                           
  1055.                                                     </div>
  1056.                                                 </div>
  1057.                                                 <div class="col-xs-12 space-16">
  1058.                                                 </div>
  1059.                                                 <div class="col-xs-12">
  1060.                                                     <div class="col-sm-12">
  1061.                                                         <div class="alert alert-success bigger-180"><span>Adjunta tu certificado de vacunación en PDF.</span></div>
  1062.                                                     </div>
  1063.                                                     <div class="col-sm-9">
  1064.                                                         <div id="covid"></div>
  1065.                                                     </div>
  1066.                                                     <div class="col-sm-3 center">
  1067.                                                         <div class="alert alert-danger bigger-180"><span class="smaller-70 blue"><br/>Para descargar tu certificado de vacunación accede a: </span><a href="https://certificados-vacunas.msp.gob.ec/" target="blank" class="red"> VACUNACIÓN MSP ECUADOR - Click Aquí!!!</a></div>
  1068.                                                     </div>
  1069.                                                 </div>
  1070.                                             </div>
  1071.                                         </div>
  1073.                                         <div class="step-pane" data-step="4">
  1074.                                             <div class="row">
  1075.                                                 <form id='datos_residencia' action="{{ path('salvar_reservista_proceso') }}" method="post">
  1076.                                                 <div class="col-xs-6  full-row">
  1077.                                                     <table class="table table-striped table-bordered table-hover">
  1078.                                                         <tr>
  1079.                                                             <th colspan="2">
  1081.                                                                     {% trans from 'crud' %} registroenlinea.fields.Nacimiento {% endtrans %}
  1082.                                                             </th>
  1083.                                                         </tr>    
  1084.                                                         <tr>
  1085.                                                             <th style="width: 20%">
  1086.                                                                 <label id="label_form_medico">
  1087.                                                                         {% trans from 'crud' %} recluta.fields.fechaNacimiento {% endtrans %}:
  1088.                                                                 </label>
  1089.                                                             </th>
  1090.                                                             <td style="vertical-align: middle">
  1091.                                                                 <span id="span_fechaNacimiento"></span>
  1092.                                                             </td>    
  1093.                                                         </tr>    
  1094.                                                         <tr>
  1095.                                                             <th style="width: 20%">
  1096.                                                                 <label id="label_form_medico">
  1097.                                                                         {% trans from 'crud' %} recluta.fields.paisNacimiento {% endtrans %}:
  1098.                                                                 </label>
  1099.                                                             </th>
  1100.                                                             <td style="vertical-align: middle">
  1101.                                                                 <span id="span_paisNacimiento"></span>
  1102.                                                             </td>    
  1103.                                                         </tr>    
  1104.                                                         <tr class='hidden'>
  1105.                                                             <th style="width: 20%">
  1106.                                                                 <label id="label_form_medico">
  1107.                                                                         {% trans from 'crud' %} recluta.fields.region {% endtrans %}:
  1108.                                                                 </label>
  1109.                                                             </th>
  1110.                                                             <td style="vertical-align: middle">
  1111.                                                                 <span id="span_regionNacimiento"></span>
  1112.                                                             </td>    
  1113.                                                         </tr>    
  1114.                                                         <tr class='hidden'>
  1115.                                                             <th style="width: 20%">
  1116.                                                                 <label id="label_form_medico">
  1117.                                                                         {% trans from 'crud' %} recluta.fields.provincia {% endtrans %}:
  1118.                                                                 </label>
  1119.                                                             </th>
  1120.                                                             <td style="vertical-align: middle">
  1121.                                                                 <span id="span_provinciaNacimiento"></span>
  1122.                                                             </td>    
  1123.                                                         </tr>    
  1124.                                                         <tr class='hidden'>
  1125.                                                             <th style="width: 20%">
  1126.                                                                 <label id="label_form_medico">
  1127.                                                                         {% trans from 'crud' %} recluta.fields.canton {% endtrans %}:
  1128.                                                                 </label>
  1129.                                                             </th>
  1130.                                                             <td style="vertical-align: middle">
  1131.                                                                 <span id="span_cantonNacimiento"></span>
  1132.                                                             </td>    
  1133.                                                         </tr>    
  1134.                                                         <tr>
  1135.                                                             <th style="width: 20%">
  1136.                                                                 <label id="label_form_medico">
  1137.                                                                         {% trans from 'crud' %} recluta.fields.lugarNacimiento {% endtrans %}:
  1138.                                                                 </label>
  1139.                                                             </th>
  1140.                                                             <td style="vertical-align: middle">
  1141.                                                                 <span id="span_parroquiaNacimiento" class='hidden'></span>
  1142.                                                                 
  1143.                                                                 <span id="span_lugarNacimiento"></span>
  1144.                                                             </td>    
  1145.                                                         </tr>    
  1146.                                                     </table> 
  1147.                                                     
  1148.                                                     <table class="table table-striped table-bordered table-hover">
  1149.                                                         <tr>
  1150.                                                             <th colspan="2">
  1151.                                                                     {% trans from 'crud' %} registroenlinea.fields.centroMovilizacionTitle {% endtrans %}
  1152.                                                             </th>
  1153.                                                         </tr>    
  1154.                                                         <tr>
  1155.                                                             <th style="width: 20%">
  1156.                                                                 <label id="label_form_medico">
  1157.                                                                         {% trans from 'crud' %} registroenlinea.fields.centroMovilizacionPresentarse {% endtrans %}:
  1158.                                                                 </label>
  1159.                                                             </th>
  1160.                                                             <td style="vertical-align: middle">
  1161.                                                                <select id='form_centro' name="form[centroCapacitarse]" style="width: 100%" class="chosen-select">
  1162.                                                                         <option value=''>-- Seleccione --</option>
  1163.                                                                         {% for centro in centrosMovilizacion %}
  1164.                                                                             <option value='{{ centro.id }}'>{{ centro.centroUbicacion }}</option>
  1165.                                                                         {% endfor %}
  1166.                                                                 </select>
  1167.                                                                 
  1168.                                                             </td>    
  1169.                                                         </tr>    
  1170.                                                           
  1171.                                                     </table>            
  1172.                                                                 
  1173.                                                 </div>
  1174.                                                 <div class="col-xs-6  full-row">                                                    
  1175.                                                         <input type="hidden" id="cedularesidencia" name="form[cedula]" readonly="true" style="width: 100%">
  1176.                                                         <table class="table table-striped table-bordered table-hover">
  1177.                                                             <tr>
  1178.                                                                 <th colspan="2">
  1179.                                                                     {% trans from 'crud' %} registroenlinea.fields.Residencia {% endtrans %}
  1180.                                                                 </th>
  1181.                                                             </tr>    
  1182.                                                             <tr>
  1183.                                                                 <th style="width: 20%">
  1184.                                                                     <label class="required">
  1185.                                                                         {% trans from 'crud' %} reclutaproceso.fields.paisReside {% endtrans %}:
  1186.                                                                     </label>
  1187.                                                                 </th>
  1188.                                                                 <td style="vertical-align: middle">
  1189.                                                                     <span>¿Vive en la República del Ecuador?</span> 
  1190.                                                                     <span>
  1191.                                                                         <input type="checkbox" id="checkResidencia" name="form[residenciaEcuador]" style="width: 100%" class="ace ace-switch ace-switch-5" value="1" checked>
  1192.                                                                         <span class="lbl" data-lbl="SÍ&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;NO"></span>
  1193.                                                                     </span><br><br>
  1194.                                                                     <p class="reside_extranjero hide">Indique país de residencia</p>
  1195.                                                                     <input id="form_paisResidencia" type="text" class="reside_extranjero hide" style="width:100%" name="form[paisResidencia]">
  1196.                                                                 </td>    
  1197.                                                             </tr>    
  1198.                                                             <tr class="reside_ecuador">
  1199.                                                                 <th style="width: 20%">
  1200.                                                                     <label id="label_form_medico">
  1201.                                                                         {% trans from 'crud' %} reclutaproceso.fields.region {% endtrans %}:
  1202.                                                                     </label>
  1203.                                                                 </th>
  1204.                                                                 <td style="vertical-align: middle">
  1205.                                                                     <select id='form_region' style="width: 100%" class="chosen-select" onchange='javascript:regionChange()'>
  1206.                                                                         <option value=''>-- Seleccione --</option>
  1207.                                                                         {% for region in regiones %}
  1208.                                                                             <option value='{{ region.id }}'>{{ region }}</option>
  1209.                                                                         {% endfor %}
  1210.                                                                     </select>
  1211.                                                                 </td>    
  1212.                                                             </tr>    
  1213.                                                             <tr class="reside_ecuador">
  1214.                                                                 <th style="width: 20%">
  1215.                                                                     <label id="label_form_medico">
  1216.                                                                         {% trans from 'crud' %} reclutaproceso.fields.provincia {% endtrans %}:
  1217.                                                                     </label>
  1218.                                                                 </th>
  1219.                                                                 <td style="vertical-align: middle">
  1220.                                                                     <select id='form_provincia' style="width: 100%" class="chosen-select" onchange='javascripts:provinciaChange()'>
  1221.                                                                         <option value=''>-- Seleccione --</option>
  1222.                                                                         {% for provincia in provincias %}
  1223.                                                                             <option value='{{ provincia.id }}'>{{ provincia }}</option>
  1224.                                                                         {% endfor %}
  1225.                                                                     </select>
  1226.                                                                 </td>    
  1227.                                                             </tr>    
  1228.                                                             <tr class="reside_ecuador">
  1229.                                                                 <th style="width: 20%">
  1230.                                                                     <label id="label_form_medico">
  1231.                                                                         {% trans from 'crud' %} reclutaproceso.fields.canton {% endtrans %}:
  1232.                                                                     </label>
  1233.                                                                 </th>
  1234.                                                                 <td style="vertical-align: middle">
  1235.                                                                     <select id='form_canton' style="width: 100%" class="chosen-select" onchange='javascripts:cantonChange()'>
  1236.                                                                         <option value=''>-- Seleccione --</option>
  1237.                                                                         {% for canton in cantones %}
  1238.                                                                             <option value='{{ canton.id }}'>{{ canton }}</option>
  1239.                                                                         {% endfor %}
  1240.                                                                     </select>
  1241.                                                                 </td>    
  1242.                                                             </tr>    
  1243.                                                             <tr class="reside_ecuador">
  1244.                                                                 <th style="width: 20%">
  1245.                                                                     <label class="required">
  1246.                                                                         {% trans from 'crud' %} reclutaproceso.fields.lugarResidencia {% endtrans %}:
  1247.                                                                     </label>
  1248.                                                                 </th>
  1249.                                                                 <td style="vertical-align: middle">
  1250.                                                                     <select id='form_parroquia' name="form[parroquiaResidencia]" style="width: 100%" class="chosen-select">
  1251.                                                                         <option value=''>-- Seleccione --</option>
  1252.                                                                         {% for parroquia in parroquias %}
  1253.                                                                             <option value='{{ parroquia.id }}'>{{ parroquia }}</option>
  1254.                                                                         {% endfor %}
  1255.                                                                     </select>
  1256.                                                                 </td>    
  1257.                                                             </tr>    
  1258.                                                             <tr class="reside_ecuador">
  1259.                                                                 <th style="width: 20%">
  1260.                                                                     <label class="required">
  1261.                                                                         {% trans from 'crud' %} reclutaproceso.fields.callePrincipalResidencia {% endtrans %}:
  1262.                                                                     </label>
  1263.                                                                 </th>
  1264.                                                                 <td style="vertical-align: middle">
  1265.                                                                     <input id="form_callePrincipal" type="text" name="form[callePrincipal]" style="width: 100%">
  1266.                                                                 </td>    
  1267.                                                             </tr>    
  1268.                                                             <tr class="reside_ecuador">
  1269.                                                                 <th style="width: 20%">
  1271.                                                                     <label class="required">
  1272.                                                                         {% trans from 'crud' %} reclutaproceso.fields.calleSecundariaResidencia {% endtrans %}:
  1273.                                                                     </label>
  1274.                                                                                             </th>
  1275.                                                                 <td style="vertical-align: middle">
  1276.                                                                     <input id="form_calleSecundaria" type="text" name="form[calleSecundaria]" style="width: 100%">
  1277.                                                                 </td>    
  1278.                                                             </tr>    
  1279.                                                             <tr class="reside_ecuador">
  1280.                                                                 <th style="width: 20%">
  1282.                                                                     <label class="required">
  1283.                                                                         {% trans from 'crud' %} reclutaproceso.fields.numeroCasa {% endtrans %}:
  1284.                                                                     </label>
  1285.                                                                                             </th>
  1286.                                                                 <td style="vertical-align: middle">
  1287.                                                                     <input id="form_nroCasa" type="text" name="form[nroCasa]" style="width: 100%">
  1288.                                                                 </td>    
  1289.                                                             </tr>    
  1290.                                                             <tr>
  1291.                                                                 <th style="width: 20%">
  1293.                                                                     <label id="label_referencia">
  1294.                                                                         {% trans from 'crud' %} reclutaproceso.fields.infoReferencia {% endtrans %}:
  1295.                                                                     </label>
  1296.                                                                                             </th>
  1297.                                                                 <td style="vertical-align: middle">
  1298.                                                                     <input id="form_referencia" name="form[referenciaResidencia]" type="text" style="width: 100%">
  1299.                                                                     <input type="hidden" id="direccionextranjero">
  1300.                                                                     <input type="hidden" id="direccionecuador">
  1301.                                                                 </td>    
  1302.                                                             </tr>    
  1303.                                                             <tr>
  1304.                                                                 <th style="width: 90px">
  1305.                                                                     <label>
  1306.                                                                         {% trans from 'crud' %} reclutaproceso.fields.ubicacion {% endtrans %}:
  1307.                                                                     </label>
  1308.                                                                 </th>
  1309.                                                                 <td style="vertical-align: middle">
  1310.                                                                     <a id="maparesidencia" class="botonmapa noti btn-minier" title="Definir Ubicación en Mapa" itemid="form_geometria" geom="punto" href="#">
  1311.                                                                         <i class="fas fa-globe bigger-220 blue"></i>
  1312.                                                                     </a>
  1313.                                                                     <span id="textoGeometriaPunto"></span>    
  1314.                                                                     <input type="hidden" id="form_geometria" name="form[geometria]" style="width: 100%" rows="5" class="geometria_punto">
  1315.                                                                     <input type="hidden" id="geometriaextranjero">
  1316.                                                                     <input type="hidden" id="geometriaecuador">
  1317.                                                                     <input type="hidden" id="ubicacionextranjerovisible">
  1318.                                                                     <input type="hidden" id="ubicacionecuadorvisible">
  1319.                                                                 </td>    
  1320.                                                             </tr>    
  1321.                                                         </table> 
  1322.                                                    
  1323.                                                 </div>
  1324.                                                 </form>
  1325.                                             </div>
  1326.                                         </div>
  1328.                                         <div class="step-pane center" data-step="5">
  1329.                                             <a id="btn_verificar_estudios" class="btn btn-info btn-bold btn-round btn-large bigger-220" href="">
  1330.                                                 <i class="ace-icon fa fa-check bigger-110"></i>
  1331.                                                 Presiona para VERIFICAR ESTUDIOS
  1332.                                             </a>
  1333.                                             <div class="row">
  1334.                                                 <div class="col-xs-12">
  1335.                                                     <table id="table_estudios" class="table table-striped table-bordered table-hover hide">
  1336.                                                         <tr>
  1337.                                                             <th colspan="3" style="text-align: center; vertical-align: middle">
  1338.                                                                     Nivel de instrucción
  1339.                                                             </th>
  1340.                                                         </tr>
  1341.                                                         <tr>                                                                
  1342.                                                             <th style="text-align: center; vertical-align: middle">
  1343.                                                                 Título
  1344.                                                             </th>
  1345.                                                             <th style="text-align: center; vertical-align: middle">
  1346.                                                                 Detalle
  1347.                                                             </th>
  1348.                                                             
  1349.                                                         </tr>
  1350.                                                         <tbody id="estudios">
  1351.                                                         </tbody>   
  1352.                                                     </table> 
  1353.                                                 </div>
  1354.                                             </div>
  1355.                                         </div>                                     
  1356.                                     </div>
  1357.                                     <!-- /section:plugins/fuelux.wizard.container -->
  1358.                                 </div>
  1360.                                 <hr />
  1361.                                 <div class="wizard-actions center">
  1362.                                     <!-- #section:plugins/fuelux.wizard.buttons -->
  1363.                                     <button class="btn btn-prev bigger-180">
  1364.                                         <i class="ace-icon fa fa-arrow-left"></i>
  1365.                                         ANTERIOR
  1366.                                     </button>
  1368.                                     <button class="btn btn-success bigger-180 btn-next" data-last="FINALIZAR">
  1369.                                         SIGUIENTE
  1370.                                         <i class="ace-icon fa fa-arrow-right icon-on-right"></i>
  1371.                                     </button>
  1372.                                     <!-- /section:plugins/fuelux.wizard.buttons -->
  1373.                                 </div>
  1374.                             </div>
  1375.                         </div>
  1377.                         <div id="dialog-mapa-residencia" title="Definir Ubicación en Mapa"></div>    
  1378.                         <div id="dialog-verify-email" title="Verificar correo electrónico">
  1379.                             <form id="form_verify_email" action="{{ path('verifica_email') }}" method="POST">
  1380.                                 <input type="hidden" id="verify_email" name="verify_email">
  1381.                             </form>
  1382.                             <form id="form_verify_email_code" action="{{ path('verifica_email_code') }}" method="POST">
  1383.                                 <p>Se ha enviado un correo electrónico a su dirección: <span id="text_email"></span>.</p>
  1384.                                 <p>Revise su correo e introduzca el código de verificación envíado.</p>
  1385.                                 <p>Código de verificación: <input type="text" name="verify_email_code"></p>
  1386.                             </form>
  1387.                         </div>    
  1388.                     </div>
  1389.             </div>
  1390.         {% endif %}
  1391.     </div>
  1392. {% endblock %}