{% extends 'base.html.twig' %}

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

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

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