{% extends 'UBVPrincipalBundle::inicio.html.twig' %}
{% block stylesheets %}
  {{parent()}}
  <link type="text/css" rel="stylesheet" href=" {{ asset ('bundles/ubvprincipal/vendors/dropzone/css/dropzone.css') }}">
{% endblock stylesheets %}

{% block contenido %}
  {{ dump(datos)}}
  <!--Inicio del modal-->
  <div class="modal fade" data-keyboard="false" data-backdrop="static" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" onclick="javascript:window.location='{{path('persona_index')}}'" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="exampleModalLabel">Inserte un Número de Cédula</h4>
        </div>
        <form action="{{path('buscar_persona_ubv')}}">
          <div class="modal-body">
          
            <div class="form-group">
              <label for="recipient-name" class="control-label">Cedula:</label>
              <input type="text" class="form-control" id="recipient-name">
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" onclick="javascript:window.location='{{path('persona_index')}}'" class="btn btn-danger" data-dismiss="modal">Close</button>
            <button id="buscarPersona" type="submit" class="btn btn-primary">Registrar</button>
          </div>
        </form>
      </div>
    </div>
  </div>
  <!--fin del modal-->
    <div class="row">
      <div class="col-lg-12">
        <div class="panel panel-default">
          <div class="panel-heading">
            <div class="caption">Regístro de Personal UBV</div>
          </div>
          <div class="panel-body">
            {{form_start(form, {'attr': {'novalidate': 'novalidate'}, 'action': path('fos_user_registration_personal_register')}) }}
              <div class="tabbable tabs-left">
                
                <ul id="myTab2" class="nav nav-tabs">
                  <li class="active">
                    <a href="#informacionPersonal" data-toggle="tab">Informaci&oacute;n<br> Personal</a>
                  </li>
                  <li>
                    <a href="#informacionLaboral" data-toggle="tab">Informaci&oacute;n <br>Laboral</a>
                  </li>
                  <li>
                    <a href="#usuario" data-toggle="tab">Usuario</a>
                  </li>
                </ul>
                <div id="myTabContent2" class="tab-content">
                  <div id="informacionPersonal" class="tab-pane fade in active">
                    <div class="row">
                      <div class="col-md-12"><br><span class="lead">Información Personal</span><hr></div>
                    </div>
                    <div class="col-md-12">
                      <div class="row">
                        <div class="col-md-2">
                          <div class="form-group{% if form.pais.vars.errors[0].message is defined %} has-error{% endif %}">
                            {{ form_label(form.personaNacionalidads.0.identificacion) }}
                            {{ form_widget(form.personaNacionalidads.0.documentoIdentidadTipo) }}
                            {% if form.pais.vars.errors[0].message is defined %}
                              <span class="help-block">
                                {{ form.pais.vars.errors[0].message }}
                              </span>
                            {% endif %}
                          </div>
                        </div>
                        <div class="col-md-3">
                          <div class="form-group{% if form.personaNacionalidads.0.nacionalidad.vars.errors[0].message is defined %} has-error{% endif %}">
                            <label class="control-label">&nbsp;</label>
                            {{ form_widget(form.personaNacionalidads.0.identificacion) }}
                            {% if form.personaNacionalidads.0.nacionalidad.vars.errors[0].message is defined %}
                              <span class="help-block">
                                {{ form.personaNacionalidads.0.nacionalidad.vars.errors[0].message }}
                              </span>
                            {% endif %}
                          </div>
                        </div>
                          
                        <div class="col-md-3 col-md-offset-1">
                          <div class="form-group{% if form.pais.vars.errors[0].message is defined %} has-error{% endif %}">
                            {{ form_label(form.pais) }}
                            {{ form_widget(form.pais) }}
                            {% if form.pais.vars.errors[0].message is defined %}
                              <span class="help-block">
                                {{ form.pais.vars.errors[0].message }}
                              </span>
                            {% endif %}
                          </div>
                        </div>
                        <div class="col-md-3">
                          <div class="form-group{% if form.personaNacionalidads.0.nacionalidad.vars.errors[0].message is defined %} has-error{% endif %}">
                            {{ form_label(form.personaNacionalidads.0.nacionalidad) }}
                            {{ form_widget(form.personaNacionalidads.0.nacionalidad)}}
                            {% if form.personaNacionalidads.0.nacionalidad.vars.errors[0].message is defined %}
                              <span class="help-block">
                                {{ form.personaNacionalidads.0.nacionalidad.vars.errors[0].message }}
                              </span>
                            {% endif %}
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="col-md-12">
                      <div class="row">
                        <div class="col-md-4">
                          <div class=" form-group{% if form.fechaNacimiento.vars.errors[0].message is defined %} has-error{% endif %}">
                            {{ form_label(form.fechaNacimiento) }}
                            <div class="input-group date">
                              {{ form_widget(form.fechaNacimiento)}}
                              <div class="input-group-addon">
                                <span class="glyphicon glyphicon-calendar"></span>
                              </div>
                            </div>
                            {% if form.fechaNacimiento.vars.errors[0].message is defined %}
                              <span class="help-block">
                                {{ form.fechaNacimiento.vars.errors[0].message }}
                              </span>
                            {% endif %}
                          </div>   
                        </div> 

                        <div class="col-md-4">
                          <div class="form-group{% if form.estadoCivil.vars.errors[0].message is defined %} has-error{% endif %}">
                            {{ form_label(form.estadoCivil) }}
                            {{ form_widget(form.estadoCivil) }}
                            {% if form.estadoCivil.vars.errors[0].message is defined %}
                              <span class="help-block">
                                {{ form.estadoCivil.vars.errors[0].message }}
                              </span>
                            {% endif %}
                          </div>
                        </div>

                        <div class="col-md-4">
                          <div class="form-group{% if form.genero.vars.errors[0].message is defined %} has-error{% endif %}">
                            {{ form_label(form.genero) }}
                            {{ form_widget(form.genero) }}
                            {% if form.genero.vars.errors[0].message is defined %}
                              <span class="help-block">
                                {{ form.genero.vars.errors[0].message }}
                              </span>
                            {% endif %}
                          </div>
                        </div>

                      </div>
                    </div>
                    <div class="col-md-12">
                      <div class="row">

                        <div class="col-md-6">
                          <div class="form-group{% if form.primerNombre.vars.errors[0].message is defined %} has-error{% endif %}">
                            {{ form_label(form.primerNombre) }}
                            {{ form_widget(form.primerNombre) }}
                            {% if form.primerNombre.vars.errors[0].message is defined %}
                              <span class="help-block">
                                {{ form.primerNombre.vars.errors[0].message }}
                              </span>
                            {% endif %}
                          </div>
                        </div>


                        <div class="col-md-6">
                          <div class="form-group{% if form.segundoNombre.vars.errors[0].message is defined %} has-error{% endif %}">
                            {{ form_label(form.segundoNombre) }}
                            {{ form_widget(form.segundoNombre) }}
                            {% if form.segundoNombre.vars.errors[0].message is defined %}
                              <span class="help-block">
                                {{ form.segundoNombre.vars.errors[0].message }}
                              </span>
                            {% endif %}
                          </div>
                        </div>

                      </div>
                    </div>
                    <div class="col-md-12">
                      <div class="row">
                        <div class="col-md-6">
                          <div class="form-group{% if form.primerApellido.vars.errors[0].message is defined %} has-error{% endif %}">
                            {{ form_label(form.primerApellido) }}
                            {{ form_widget(form.primerApellido) }}
                            {% if form.primerApellido.vars.errors[0].message is defined %}
                              <span class="help-block">
                                {{ form.primerApellido.vars.errors[0].message }}
                              </span>
                            {% endif %}
                          </div>
                        </div>

                        <div class="col-md-6">
                          <div class="form-group{% if form.segundoApellido.vars.errors[0].message is defined %} has-error{% endif %}">
                            {{ form_label(form.segundoApellido) }}
                            {{ form_widget(form.segundoApellido) }}
                            {% if form.segundoApellido.vars.errors[0].message is defined %}
                              <span class="help-block">
                                {{ form.segundoApellido.vars.errors[0].message }}
                              </span>
                            {% endif %}
                          </div>
                        </div>
                      </div>
                    </div>
                    
                    <div class="col-md-12">
                      <div class="row">
                        <div class="col-md-6">
                          <div class="form-group{% if form.personaCorreos.0.correo.vars.errors[0].message is defined %} has-error{% endif %}">
                            {{ form_label(form.personaCorreos.0.correo) }}
                            {{ form_widget(form.personaCorreos.0.correo) }}
                            {% if form.personaCorreos.0.correo.vars.errors[0].message is defined %}
                              <span class="help-block">
                                {{ form.personaCorreos.0.correo.vars.errors[0].message }}
                              </span>
                            {% endif %}
                          </div>
                        </div>

                        <div class="col-md-6">
                          <div class="form-group{% if form.personaCorreos.0.correoTipo.vars.errors[0].message is defined %} has-error{% endif %}">
                            {{ form_label(form.personaCorreos.0.correoTipo) }}
                            {{ form_widget(form.personaCorreos.0.correoTipo) }}
                            {% if form.personaCorreos.0.correoTipo.vars.errors[0].message is defined %}
                              <span class="help-block">
                                {{ form.personaCorreos.0.correoTipo.vars.errors[0].message }}
                              </span>
                            {% endif %}
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="row">
                      <div class="col-md-12"><br><span class="lead">Telefono Contacto</span><hr></div>
                    </div>
                    <div class="col-md-8">
                      
                      <div class="row">
                                            
                            <div class="col-md-4">
                              <div class="form-group{% if form.personaTelefonos.0.telefonoTipo.vars.errors[0].message is defined %} has-error{% endif %}">
                                {{ form_label(form.personaTelefonos.0.telefonoTipo) }}
                                {{ form_widget(form.personaTelefonos.0.telefonoTipo) }}
                                {% if form.personaTelefonos.0.telefonoTipo.vars.errors[0].message is defined %}
                                  <span class="help-block">
                                    {{ form.personaTelefonos.0.telefonoTipo.vars.errors[0].message }}
                                  </span>
                                {% endif %}
                              </div>
                            </div>
                            <div class="col-md-2">
                              <div class="form-group{% if form.personaTelefonos.0.telefonoCodigoArea.vars.errors[0].message is defined %} has-error{% endif %}">
                                {{ form_label(form.personaTelefonos.0.telefonoCodigoArea) }}
                                {{ form_widget(form.personaTelefonos.0.telefonoCodigoArea) }}
                                {% if form.personaTelefonos.0.telefonoCodigoArea.vars.errors[0].message is defined %}
                                  <span class="help-block">
                                    {{ form.personaTelefonos.0.telefonoCodigoArea.vars.errors[0].message }}
                                  </span>
                                {% endif %}
                              </div>
                            </div>
                            <div class="col-md-5">
                              <div class="form-group{% if form.personaTelefonos.0.telefono.vars.errors[0].message is defined %} has-error{% endif %}">
                                {{ form_label(form.personaTelefonos.0.telefono) }}
                                {{ form_widget(form.personaTelefonos.0.telefono) }}
                                {% if form.personaTelefonos.0.telefono.vars.errors[0].message is defined %}
                                  <span class="help-block">
                                    {{ form.personaTelefonos.0.telefono.vars.errors[0].message }}
                                  </span>
                                {% endif %}
                              </div>
                            </div>
                        
                      </div>
                    </div>
                  </div>
                              
                  <div id="informacionLaboral" class="tab-pane fade">
                    <div class="col-md-12">
                      <div class="row">
                        <div class="col-md-3">
                          <div class=" form-group{% if form.personalAdministrativos.0.pais.vars.errors[0].message is defined %} has-error{% endif %}">
                            {{ form_label(form.personalAdministrativos.0.pais) }}
                            
                              {{ form_widget(form.personalAdministrativos.0.pais)}}
                            
                            {% if form.personalAdministrativos.0.pais.vars.errors[0].message is defined %}
                              <span class="help-block">
                                {{ form.personalAdministrativos.0.pais.vars.errors[0].message }}
                              </span>
                            {% endif %}
                          </div>
                        </div>
                        <div class="col-md-3">
                          <div class=" form-group{% if form.personalAdministrativos.0.estado.vars.errors[0].message is defined %} has-error{% endif %}">
                            {{ form_label(form.personalAdministrativos.0.estado) }}
                            
                              {{ form_widget(form.personalAdministrativos.0.estado)}}
                            
                            {% if form.personalAdministrativos.0.estado.vars.errors[0].message is defined %}
                              <span class="help-block">
                                {{ form.personalAdministrativos.0.estado.vars.errors[0].message }}
                              </span>
                            {% endif %}
                          </div>
                        </div>
                      </div>
                      <div class="row">
                        <div class="col-md-3">
                          <div class=" form-group{% if form.personalAdministrativos.0.municipio.vars.errors[0].message is defined %} has-error{% endif %}">
                            {{ form_label(form.personalAdministrativos.0.municipio) }}
                            
                              {{ form_widget(form.personalAdministrativos.0.municipio)}}
                            
                            {% if form.personalAdministrativos.0.municipio.vars.errors[0].message is defined %}
                              <span class="help-block">
                                {{ form.personalAdministrativos.0.municipio.vars.errors[0].message }}
                              </span>
                            {% endif %}
                          </div>
                        </div>
                        <div class="col-md-3">
                          <div class=" form-group{% if form.personalAdministrativos.0.parroquia.vars.errors[0].message is defined %} has-error{% endif %}">
                            {{ form_label(form.personalAdministrativos.0.parroquia) }}
                            
                              {{ form_widget(form.personalAdministrativos.0.parroquia)}}
                            
                            {% if form.personalAdministrativos.0.parroquia.vars.errors[0].message is defined %}
                              <span class="help-block">
                                {{ form.personalAdministrativos.0.parroquia.vars.errors[0].message }}
                              </span>
                            {% endif %}
                          </div>
                        </div>
                      </div>
                      <div class="row">
                        <div class="col-md-3">
                          <div class=" form-group{% if form.personalAdministrativos.0.aldea.vars.errors[0].message is defined %} has-error{% endif %}">
                            {{ form_label(form.personalAdministrativos.0.aldea) }}
                            
                              {{ form_widget(form.personalAdministrativos.0.aldea)}}
                            
                            {% if form.personalAdministrativos.0.aldea.vars.errors[0].message is defined %}
                              <span class="help-block">
                                {{ form.personalAdministrativos.0.aldea.vars.errors[0].message }}
                              </span>
                            {% endif %}
                          </div>
                        </div>
                        <div class="col-md-3">
                          <div class=" form-group{% if form.personalAdministrativos.0.unidadAdministrativa.vars.errors[0].message is defined %} has-error{% endif %}">
                            {{ form_label(form.personalAdministrativos.0.unidadAdministrativa) }}
                            
                              {{ form_widget(form.personalAdministrativos.0.unidadAdministrativa)}}
                            
                            {% if form.personalAdministrativos.0.unidadAdministrativa.vars.errors[0].message is defined %}
                              <span class="help-block">
                                {{ form.personalAdministrativos.0.unidadAdministrativa.vars.errors[0].message }}
                              </span>
                            {% endif %}
                          </div>
                        </div>
                      </div>
                    </div>
                                        
                    <br></br><br></br><br></br><br></br><br></br>
                  </div>
                  <div id="usuario" class="tab-pane fade">
                    <div class="col-md-12">
                      <div class="row">
  

                      </div>
                    </div>
                    {% if form.plainPassword.first is defined %}
                      <div class="col-md-12">
                        <div class="row">

                          <div class="col-md-6">
                            <div class=" form-group{% if form.plainPassword.first.vars.errors[0].message is defined %} has-error{% endif %}">
                              {{ form_label(form.plainPassword.first) }}
                              <div class="input-group">
                                <div class="input-group-addon">
                                  <span class="fa fa-key"></span>
                                </div>
                                {{ form_widget(form.plainPassword.first)}}
                              </div>
                              {% if form.plainPassword.first.vars.errors[0].message is defined %}
                                <span class="help-block">
                                  {{ form.plainPassword.first.vars.errors[0].message }}
                                </span>
                              {% endif %}
                            </div>
                          </div>

                          <div class="col-md-6">
                            <div class=" form-group{% if form.plainPassword.second.vars.errors[0].message is defined %} has-error{% endif %}">
                              {{ form_label(form.plainPassword.second) }}
                              <div class="input-group">
                                <div class="input-group-addon">
                                  <span class="fa fa-key"></span>
                                </div>
                                {{ form_widget(form.plainPassword.second)}}
                              </div>
                              {% if form.plainPassword.second.vars.errors[0].message is defined %}
                                <span class="help-block">
                                  {{ form.plainPassword.second.vars.errors[0].message }}
                                </span>
                              {% endif %}
                            </div>
                          </div>

                        </div>
                      </div>
                    {%endif%}
                    <div class="col-md-12">
                      <div class="row">
                        <div class="col-md-6">
                          <div class="form-group{% if form.email.vars.errors[0].message is defined %} has-error{% endif %}">
                            {{ form_label(form.groups) }}
                            {{ form_widget(form.groups)}}
                            {% if form.email.vars.errors[0].message is defined %}
                              <span class="help-block">
                                {{ form.email.vars.errors[0].message }}
                              </span>
                            {% endif %}
                          </div>
                        </div>
                      </div>
                    </div>
                    <br></br><br></br><br></br><br></br><br></br>
                  </div>                        
                </div>
              </div>
              {#<span class="help-block mtm mbl text-muted text-justify">
                Al hacer clic en Crear mi cuenta , usted está de acuerdo con nuestros Términos y que ha leído nuestra política de uso de datos, incluyendo los cookies
              </span>#}
              <div class="row">
                <div class="col-md-12">
                  <div class="col-md-6">
                    <a class="btn btn-danger col-md-12" href="{{path('persona_index') }}">Cancelar</a>

                  </div>
                  <div class="col-md-6">
                    <button type="submit" class="btn btn-primary btn-block">Registrar</button>
                  </div>
                </div>
              </div>
            {{ form_end(form)}}
          </div>
        </div>
      </div>
    </div>
  
{% endblock contenido %}
{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
      $(function(){
        
        
        //$("#myModal").modal("show");
                
        
        $("#app_user_persona_registration_personalAdministrativos_0_pais").change(function(){
          var $this = $(this);
          if($this.val()=== ""){
            pais_id: null
          }else{
            var data = {
                      pais_id: $this.val()
                  };
          }
          
          $.ajax({
            type: 'post',
            url: '{{ path("select_estados") }}',
            data: data,
            success: function(data) {

                var $estado_selector = $('#app_user_persona_registration_personalAdministrativos_0_estado');

                $estado_selector.html('<option value="0">Seleccione...</option>');

                for (var i=0, total = data.length; i < total; i++) {
                    $estado_selector.append('<option value="' + data[i].id + '">' + data[i].descripcion + '</option>');
                }
                
                var $municipio_selector = $('#app_user_persona_registration_personalAdministrativos_0_municipio');
                $municipio_selector.html('<option value="0">Seleccione...</option>');
                
                var $parroquia_selector = $('#app_user_persona_registration_personalAdministrativos_0_parroquia');
                $parroquia_selector.html('<option value="0">Seleccione...</option>');
                
                var $aldea_selector = $('#app_user_persona_registration_personalAdministrativos_0_aldea');
                $aldea_selector.html('<option value="0">Seleccione...</option>');
                
                var $unidadAdministrativa_selector = $('#app_user_persona_registration_personalAdministrativos_0_unidadAdministrativa');
                $unidadAdministrativa_selector.html('<option value="0">Seleccione...</option>');

                //var $ejeregional_selector = $('#app_user_persona_registration_personalAdministrativos_0_ejeregional');
                //$ejeregional_selector.html('<option value="0">Seleccione...</option>');
                
            }
          });
        });
        
        
        $("#app_user_persona_registration_personalAdministrativos_0_estado").change(function(){
          var $this = $(this);
          
          if($this.val()=== ""){
            estado_id: null
           
          }else{
            var data = {
                      estado_id: $this.val()
                  };
          }
          
          $.ajax({
            type: 'post',
            url: '{{ path("select_municipios") }}',
            data: data,
              
            success: function(data) {
                
                var $municipio_selector = $('#app_user_persona_registration_personalAdministrativos_0_municipio');

                $municipio_selector.html('<option value="0">Seleccione...</option>');

                for (var i=0, total = data.length; i < total; i++) {
                    $municipio_selector.append('<option value="' + data[i].id + '">' + data[i].descripcion + '</option>');
                }
                
                var $parroquia_selector = $('#app_user_persona_registration_personalAdministrativos_0_parroquia');
                $parroquia_selector.html('<option value="0">Seleccione...</option>');
                
                var $aldea_selector = $('#app_user_persona_registration_personalAdministrativos_0_aldea');
                $aldea_selector.html('<option value="0">Seleccione...</option>');
                
                var $unidadAdministrativa_selector = $('#app_user_persona_registration_personalAdministrativos_0_unidadAdministrativa');
                $unidadAdministrativa_selector.html('<option value="0">Seleccione...</option>');
            }
          });
        });        
        
        $("#app_user_persona_registration_personalAdministrativos_0_municipio").change(function(){
          var $this = $(this);
                
          if($this.val()=== ""){
            municipio_id: null
          }else{
            var data = {
                      municipio_id: $this.val()
                  };
          }

          $.ajax({
            type: 'post',
            url: '{{ path("select_parroquias") }}',
            data: data,
            success: function(data) {
                
                var $parroquia_selector = $('#app_user_persona_registration_personalAdministrativos_0_parroquia');

                $parroquia_selector.html('<option value="0">Seleccione...</option>');

                for (var i=0, total = data.length; i < total; i++) {
                    $parroquia_selector.append('<option value="' + data[i].id + '">' + data[i].descripcion + '</option>');
                }
                
                var $aldea_selector = $('#app_user_persona_registration_personalAdministrativos_0_aldea');
                $aldea_selector.html('<option value="0">Seleccione...</option>');
                
                var $unidadAdministrativa_selector = $('#app_user_persona_registration_personalAdministrativos_0_unidadAdministrativa');
                $unidadAdministrativa_selector.html('<option value="0">Seleccione...</option>');
            }
          });
        });
        
        $("#app_user_persona_registration_personalAdministrativos_0_parroquia").change(function(){
          var $this = $(this);
                
          if($this.val()=== ""){
            parroquia_id: null
          }else{
            var data = {
                      parroquia_id: $this.val()
                  };
          }

          $.ajax({
            type: 'post',
            url: '{{ path("select_aldeas") }}',
            data: data,
            success: function(data) {
                
                var $aldea_selector = $('#app_user_persona_registration_personalAdministrativos_0_aldea');

                $aldea_selector.html('<option value="0">Seleccione...</option>');

                for (var i=0, total = data.length; i < total; i++) {
                    $aldea_selector.append('<option value="' + data[i].id + '">' + data[i].descripcion + '</option>');
                }
                var $unidadAdministrativa_selector = $('#app_user_persona_registration_personalAdministrativos_0_unidadAdministrativa');
                $unidadAdministrativa_selector.html('<option value="0">Seleccione...</option>');
            }
          });
        });
         
        $("#app_user_persona_registration_personalAdministrativos_0_aldea").change(function(){
          var $this = $(this);
                
          if($this.val()=== ""){
            aldea_id: null
          }else{
            var data = {
                      aldea_id: $this.val()
                  };
          }

          $.ajax({
            type: 'post',
            url: '{{ path("select_unidadAdministrativa") }}',
            data: data,
            success: function(data) {
                
                var $unidadAdministrativa_selector = $('#app_user_persona_registration_personalAdministrativos_0_unidadAdministrativa');
                $unidadAdministrativa_selector.html('<option value="0">Seleccione...</option>');

                for (var i=0, total = data.length; i < total; i++) {
                    $unidadAdministrativa_selector.append('<option value="' + data[i].id + '">' + data[i].descripcion + '</option>');
                }
            }
          });
        });
        
         $("#app_user_persona_registration_personaTelefonos_0_telefonoTipo").change(function(){
          var $this = $(this);
                
          if($this.val()=== ""){
            telefonoTipo_id: null
          }else{
            var data = {
                      telefonoTipo_id: $this.val()
                  };
          }

          $.ajax({
            type: 'post',
            url: '{{ path("select_codigo") }}',
            data: data,
            success: function(data) {
                
                var $telefonocodigoarea_selector = $('#app_user_persona_registration_personaTelefonos_0_telefonoCodigoArea');

                $telefonocodigoarea_selector.html('<option value="0">Seleccione...</option>');

                for (var i=0, total = data.length; i < total; i++) {
                    $telefonocodigoarea_selector.append('<option value="' + data[i].id + '">' + data[i].descripcion + '</option>');
                }
            }
          });
        });
        
      });    
    </script>
{% endblock %}