{% extends 'UBVPrincipalBundle::inicio.html.twig' %}

{% block contenido %}
  <div class="row">
    <div class="col-lg-12">
      <div class="portlet">
        <div class="portlet-header">
          <div class="caption">Registro Usuario</div>
           <form action="{{ path('proyecto_new') }}" id="form_proyecto" novalidate method="POST" {{ form_enctype(form) }}>
            </div>
    <h1>Aldea creation</h1>

    {{ form_start(form) }}
        {{ form_widget(form) }}


        <input type="submit" value="Create" />
    {{ form_end(form) }}

    <ul>
        <li>
            <a href="{{ path('aldea_index') }}">Back to the list</a>
        </li>
    </ul>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
      $(function(){
        $("#ubv_surubvbundle_aldea_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 = $('#ubv_surubvbundle_aldea_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 = $('#ubv_surubvbundle_aldea_municipio');
                $municipio_selector.html('<option value="0">Seleccione...</option>');
                
                var $parroquia_selector = $('#ubv_surubvbundle_aldea_parroquia');
                $parroquia_selector.html('<option value="0">Seleccione...</option>');
                
                var $ambiente_selector = $('#ubv_surubvbundle_aldea_ambiente');
                $ambiente_selector.html('<option value="0">Seleccione...</option>');
                
                var $ejemunicipal_selector = $('#ubv_surubvbundle_aldea_ejemunicipal');
                $ejemunicipal_selector.html('<option value="0">Seleccione...</option>');
                
                //var $ejeregional_selector = $('#ubv_surubvbundle_aldea_ejeregional');
                //$ejeregional_selector.html('<option value="0">Seleccione...</option>');
                
            }
          });
        });
        
        $("#ubv_surubvbundle_aldea_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 = $('#ubv_surubvbundle_aldea_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>');
                }
            }
          });
        });        
        
        $("#ubv_surubvbundle_aldea_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 = $('#ubv_surubvbundle_aldea_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>');
                }
            }
          });
        });
        
        $("#ubv_surubvbundle_aldea_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_ambientes") }}',
            data: data,
            success: function(data) {
                
                var $ambiente_selector = $('#ubv_surubvbundle_aldea_ambiente');

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

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

          $.ajax({
            type: 'post',
            url: '{{ path("select_ejemunicipal") }}',
            data: data,
            success: function(data) {
                
                var $ejemunicipal_selector = $('#ubv_surubvbundle_aldea_ejemunicipal');

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

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