{% set loop = id is defined ? id : '$$name$$' %}
<div class="municipio-container" style="padding-bottom: 5px;">
    <div class="row-fluid">
        <div class="span4 marginbottom5">{{ form_widget(formMunicipio.codEstado,{ 'attr': {'class': 'cemporcento hasfocus'} }) }}</div>
        <div class="span5 marginbottom5">{{ form_widget(formMunicipio.codMunicipio,{ 'attr': {'class': 'cemporcento insertaction'} }) }}</div>
        <div class="span1 marginbottom5">
            <a href="javascript:;" id="remover-municipio-{{loop}}" tabindex="-1" class="btn"><i class="icon-remove"></i></a>
        </div>
    </div>
</div>
<script>
    $('#municipio-container').ready(function(){
        {{formMunicipio.codEstado.get('id')}}.setOnChangeFunction(updateMunicipioList{{id}});
        updateMunicipioList{{id}}({{formMunicipio.codEstado.get('id')}},true);
    });
    function updateMunicipioList{{id}}(combo, first){
        var obj = combo.getSelectedObject();
           {{formMunicipio.codMunicipio.get('id')}}.setSelectedByValue('');
           if(obj != undefined){
               {{formMunicipio.codMunicipio.get('id')}}.setUrl('{{path('municipio_json')}}?codEstado='+obj.id+'&notMonitorado=1'); 
               {{formMunicipio.codMunicipio.get('id')}}.setLoading(true, false, true);
               {{formMunicipio.codMunicipio.get('id')}}.updateList('{{formMunicipio.codMunicipio.get('value')}}', function(){
                   {{formMunicipio.codMunicipio.get('id')}}.setLoading(false,first,true);
               }); 
               {{formMunicipio.codMunicipio.get('id')}}.setCaption('{{'combobox.municipio'|trans}}');
           }else{
               {{formMunicipio.codMunicipio.get('id')}}.setCaption('{{'combobox.estado'|trans}}');
               {{formMunicipio.codMunicipio.get('id')}}.updateList([]);
           }        
    }
</script>