{% extends "propesqBundle::layout.html.twig" %}

{% block stylesheets %}
    <!-- TODO: verificar caminho do arquivo -->
    <link rel="stylesheet" href="{{ asset('bundles/propesq/css/edit.css') }}" type="text/css" media="all" />
    <style>
            .localidade-label{
                width: 180px !important;
            }
            
            .localidade-controls{
                margin-left: 210px !important;
            }
    </style>
{% endblock %}

{% block content %}
<div id="form-container">
    <div class="title">
        <h2>{{'cabecalho.incluir.localidade'|trans}}</h2>
    </div>    

{{ form_errors(form) }}

       
<form id="formulario-localidade" class="{% if  not includeLayout %}ajax {%endif%} form-horizontal" action="{%if entity.id is defined and entity.id is not null %} {{ path('localidade_update', { 'id': entity.id }) }} {%else%}  {{ path('localidade_create') }} {%endif%}" method="post" {{ form_enctype(form) }}>
   
        
        {{ form_widget(form._token) }}
        
        
        {% if not includeLayout %}
            <input type='hidden' name='noLayout' value='true'>
        {% endif %}
            
        
                <div class="control-group">
                    {{ form_label(form.codEstado) }}
                    <div class="controls">
                        {{ form_widget(form.codEstado,{ 'attr': {'class': 'input-xlarge'} }) }}
                    <span class="help-inline">{{ form_errors(form.codEstado) }}</span>
                    </div>
                </div>
                <div class="control-group">
                    {{ form_label(form.codMunicipio) }}
                    <div class="controls">
                        {{ form_widget(form.codMunicipio,{ 'attr': {'class': 'input-xlarge'} }) }}
                    <span class="help-inline">{{ form_errors(form.codMunicipio) }}</span>
                    </div>
                </div>
                <div class="control-group">
                    {{ form_label(form.txtNome) }}
                    <div class="controls">
                        {{ form_widget(form.txtNome,{ 'attr': {'class': 'input-xlarge'} }) }}
                    <span class="help-inline">{{ form_errors(form.txtNome) }}</span>
                    </div>
                </div>            
                <div class="control-group">
                    {{ form_label(form.numDistanciaMunicipio) }}
                    <div class="controls">
                        {{ form_widget(form.numDistanciaMunicipio,{ 'attr': {'class': 'input-xlarge'} }) }}
                    <span class="help-inline">{{ form_errors(form.numDistanciaMunicipio) }}</span>
                    </div>
                </div>
                <div class="control-group">
                    {{ form_label(form.geoLocalizacao) }}
                    <div class="controls">
                        {{ form_widget(form.geoLocalizacao,{ 'attr': {'class': 'input-xlarge'} }) }}
                    <span class="help-inline">{{ form_errors(form.geoLocalizacao) }}</span>
                    </div>
                </div>
                <div class=" div-actions">
                    <button type="submit" class="btn btn-primary">{{'acao.salvar'|trans}}</button>
                    <a class=""{% if not includeLayout %} onclick="$(this).parents('.modal').find('.close').click(); return false;" {% endif %} href="{{ path('localidade') }}" title="{{'acao.cancelar'|trans}}">{{'acao.cancelar'|trans}}</a>
                </div>
</form>
</div>
    <script>    
    $(document).ready(function(){
        $('form#formulario-localidade').preventDoubleSubmission();
        {{form.codEstado.get('id')}}.setOnChangeFunction(updateMunicipioList);
        updateMunicipioList({{form.codEstado.get('id')}},true);
    });
    
    function updateMunicipioList(combo, first){
        var obj = combo.getSelectedObject();
           {{form.codMunicipio.get('id')}}.setSelectedByValue('');
           if(obj != undefined){
               {{form.codMunicipio.get('id')}}.setUrl('{{path('municipio_json')}}?codEstado='+obj.id); 
               {{form.codMunicipio.get('id')}}.setLoading(true);
               {{form.codMunicipio.get('id')}}.updateList('{{form.codMunicipio.get('value')}}', function(){
                   {{form.codMunicipio.get('id')}}.setLoading(false,first, true);
               }); 
               {{form.codMunicipio.get('id')}}.setCaption('{{'combobox.municipio'|trans}}');
           }else{
               {{form.codMunicipio.get('id')}}.setCaption('{{'combobox.estado'|trans}}');
               {{form.codMunicipio.get('id')}}.updateList([]);
           }        
    }
</script>
{% endblock %}