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

{% block contenido %}
    <h1>Parroquia creation</h1>

    {{ form_start(form) }}
    <div class="row">
      <div class="col-md-12">
        <div class="portlet portlet-default">
          <div class="portlet-header">
            as{}f
          </div>
          <div class="portlet-body">
            <div class="col-md-3">
              <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>
            
            
            {{ form_widget(form) }}
                <input type="submit" value="Create" />
            {{ form_end(form) }}
          </div>
        </div>
        
      </div>
    </div>
        

    <ul>
        <li>
            <a href="{{ path('parroquia_index') }}">Back to the list</a>
        </li>
    </ul>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
      $(function(){
        $("#ubv_surubvbundle_parroquia_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_parroquia_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>');
                }
            }
          });
        });
        
        $("#ubv_surubvbundle_parroquia_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_parroquia_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_parroquia_ejeregional").change(function(){
          var $this = $(this);
                
          if($this.val()=== ""){
            ejeregional_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_parroquia_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 %}