{% set loop = id is defined ? id : '$$name$$' %}
<div class="endereco-container" style="padding: 15px; border-bottom: 2px dotted #B3B3B3; margin-bottom: 5px">
    <div class="row-fluid show-grid marginbottom5">
        <div class="span4 ">
            <label class= "{{ (formEndereco.codTipoEndereco.vars.required)?"required":"" }} control-label">{{ 'entidade.tipoendereco.txtNome'|trans }}</label>
            <div class="controls">
                {{ form_widget(formEndereco.codTipoEndereco, { 'attr': {'class': 'cemporcento hasfocus'}}) }}
            </div>
        </div>
        <div class="span4 ">
           <label class= "{{ (formEndereco.codTipoLogradouro.vars.required)?"required":"" }} control-label">{{ 'entidade.localdescarga.endereco.codTipoLogradouro'|trans }}</label>
           <div class="controls">
                {{ form_widget(formEndereco.codTipoLogradouro,{ 'attr': {'class': 'cemporcento'}}) }}
           </div>
        </div> 
            
        <div class="span4 ">
            <label class= "{{ (formEndereco.txtLogradouro.vars.required)?"required":"" }} control-label">{{ 'entidade.localdescarga.endereco.txtLogradouro'|trans }}</label>
            <div class="controls">
                {{ form_widget(formEndereco.txtLogradouro,{ 'attr': {'class': 'cemporcento', 'placeholder':'Logradouro'} }) }}
            </div>
        </div>
    </div>
        
    <div class="row-fluid  show-grid marginbottom5">
         <div class="span4 ">
            <label class= "{{ (formEndereco.txtComplemento.vars.required)?"required":"" }} control-label">{{ 'entidade.localdescarga.endereco.txtComplemento'|trans }}</label>
            <div class="controls">
                {{ form_widget(formEndereco.txtComplemento,{ 'attr': {'class': 'cemporcento', 'placeholder':'Complemento'} }) }}
            </div>
        </div>
        <div class="span4 ">
            <label class= "{{ (formEndereco.txtBairro.vars.required)?"required":"" }} control-label">{{ 'entidade.localdescarga.endereco.txtBairro'|trans }}</label>
            <div class="controls">
                {{ form_widget(formEndereco.txtBairro,{ 'attr': {'class': 'cemporcento', 'placeholder':'Bairro'} }) }}
            </div>
        </div> 
        <div class="span4 ">
            <label class= "{{ (formEndereco.txtCep.vars.required)?"required":"" }} control-label">{{ 'entidade.localdescarga.endereco.txtCep'|trans }}</label>
            <div class="controls">
                {{ form_widget(formEndereco.txtCep,{ 'attr': {'class': 'cemporcento', 'placeholder':'CEP'} }) }}
            </div>
        </div>        
    </div>
  
    <div class="row-fluid  show-grid">
        <div class="span5 ">
            <label class= "{{ (formEndereco.codEstado.vars.required)?"required":"" }} control-label">{{ 'entidade.localdescarga.codEstado'|trans }}</label>
            <div class="controls">
                {{ form_widget(formEndereco.codEstado,{ 'attr': {'class': 'cemporcento'} }) }}
            </div>
        </div>
            
        <div class="span5 ">
            <label class= "{{ (formEndereco.codMunicipio.vars.required)?"required":"" }} control-label">{{ 'entidade.localdescarga.codMunicipio'|trans }}</label>
            <div class="controls">
                {{ form_widget(formEndereco.codMunicipio,{ 'attr': {'class': 'cemporcento insertaction'} }) }}
            </div>
        </div>
        <div class="span1 ">
            <a href="javascript:;" id="remover-endereco-{{loop}}" tabindex="-1" class="btn"><i class="icon-remove"></i></a>
        </div>
    </div>
</div>
<script>
    $('#endereco-container').ready(function(){
        {{formEndereco.codEstado.get('id')}}.setOnChangeFunction(updateMunicipioList{{id}});
        updateMunicipioList{{id}}({{formEndereco.codEstado.get('id')}},true);
    });
    function updateMunicipioList{{id}}(combo, first){
        var obj = combo.getSelectedObject();
           {{formEndereco.codMunicipio.get('id')}}.setSelectedByValue('');
           if(obj != undefined){
               {{formEndereco.codMunicipio.get('id')}}.setUrl('{{path('municipio_json')}}?codEstado='+obj.id+'&notMonitorado=1'); 
               {{formEndereco.codMunicipio.get('id')}}.setLoading(true);
               {{formEndereco.codMunicipio.get('id')}}.updateList('{{formEndereco.codMunicipio.get('value')}}', function(){
                   {{formEndereco.codMunicipio.get('id')}}.setLoading(false,first, true);
               }); 
               {{formEndereco.codMunicipio.get('id')}}.setCaption('{{'combobox.municipio'|trans}}');
           }else{
               {{formEndereco.codMunicipio.get('id')}}.setCaption('{{'combobox.estado'|trans}}');
               {{formEndereco.codMunicipio.get('id')}}.updateList([]);
           }        
    }
</script>