{% 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" />
{% endblock %}

{% block content %}
<div id="form-container">
    <div class="title">
        <h2>
            {%if entity.id is defined and entity.id is not null%} 
                    {{'cabecalho.alterar.localdescarga'|trans}}    
            {%else%}  
                    {{'cabecalho.incluir.localdescarga'|trans}}
            {%endif%}
        </h2>
    </div>    

{{ form_errors(form) }}

       
<form id="formulario-localdescarga" class="form-horizontal" action="{%if entity.id is defined and entity.id is not null %} {{ path('localdescarga_update', { 'id': entity.id, 'tipo' : tipo }) }} {%else%}  {{ path('localdescarga_create', { 'tipo':tipo }) }} {%endif%}" method="post" {{ form_enctype(form) }}>
    <fieldset style="float: left; margin: 10px;">
        
        {{ form_widget(form._token) }}
 
        {#<div class="control-group">
            {{ form_label(form.indTipo) }}
            <div class="controls">
                {{ form_widget(form.indTipo,{ 'attr': {'class': 'input-xlarge'} }) }}
              <span class="help-inline">{{ form_errors(form.indTipo) }}</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="row-fluid show-grid">
        <div class="span4">
            <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>
        <div class="span4">
            <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>
        <div class="span4">
            <div class="control-group">
                {{ form_label(form.codLocalidade) }}
                <div class="controls">
                    {{ form_widget(form.codLocalidade,{ 'attr': {'class': 'input-xlarge'} }) }}
                <span class="help-inline">{{ form_errors(form.codLocalidade) }}</span>
                </div>
            </div>  
        </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>#}
        {% block filho %}
        {% endblock %}
            <div id="div-container-endereco" style="display: none;" data-prototype="{% filter escape %}{% include 'propesqBundle:LocalDescarga:endereco.html.twig' with {'formEndereco': form.endereco} %}{% endfilter %}">
                
            </div>
    </fieldset>
    <div class=" div-actions">
        <button type="submit" class="btn btn-primary" id="saveButton" data-loading-text="Aguarde...">{{'acao.salvar'|trans}}</button>
        <a class="" href="{{ path('localdescarga') }}" title="{{'acao.cancelar'|trans}}">{{'acao.cancelar'|trans}}</a>
    </div>
</form>
</div>
<script>
    var estado, municipio;
    $(document).ready(function(){
        //$('form#formulario-localdescarga').preventDoubleSubmission();
        $(document).on('DOMNodeInserted', function(e) {
            if( e.target.className == 'alert alert-error') {
                setTimeout(function() {
                    $('button[type="submit"]').removeAttr("disabled");
                }, 100);

            }
        });
        $('form').submit(function(){
            $('button[type="submit"]').attr("disabled", "disabled");
        });
        {{form.codEstado.get('id')}}.setOnChangeFunction(updateMunicipioList);
        {{form.codMunicipio.get('id')}}.setOnChangeFunction(updateLocalidadeList);
        
        try {
            {% if tipo == 'empresa' %}
                {{form.codPessoaJuridica.get('id')}}.setOnChangeFunction(updatePergunta);
            {% endif %}
        } catch (error){}
        
            
        {% if entity.id is not null %}
            {{form.codLocalidade.get('id')}}.setNoFocusOnFirst(true);
        {% endif%}
        updateMunicipioList({{form.codEstado.get('id')}},true);
        updateLocalidadeList({{form.codMunicipio.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}}');
               try {
                estado = obj.id;
                selecionaEstado(obj.id);
               } catch(error) {}
           }else{
               try {
                   estado = null;
                selecionaEstado(null);
                } catch(error) {}
               {{form.codMunicipio.get('id')}}.setCaption('{{'combobox.estado'|trans}}');
               {{form.codMunicipio.get('id')}}.updateList([]);
           }        
    }
    
    function updateLocalidadeList(combo){
        var obj = combo.getSelectedObject();
           {{form.codLocalidade.get('id')}}.setSelectedByValue('');
           if(obj != undefined){
                var url = '{{path('localidade_json')}}?codMunicipio='+obj.id;
                {% if entity.id is null %}
                 url+= '&isAtivo=1'
                {% endif %}
               {{form.codLocalidade.get('id')}}.setUrl(url); 
               {{form.codLocalidade.get('id')}}.setLoading(true);
               {{form.codLocalidade.get('id')}}.updateList('{{form.codLocalidade.get('value')}}', function(){
                   {{form.codLocalidade.get('id')}}.setLoading(false,false, true);
               }); 
               {{form.codLocalidade.get('id')}}.setCaption('{{'combobox.localidade'|trans}}');
               try {
                    municipio = obj.id;
                    selecionaMunicipio(obj.id);
               } catch(error) {}
           }else{
               try {
                    municipio = null;
                    selecionaMunicipio(null);
               } catch(error) {}
               {{form.codLocalidade.get('id')}}.setCaption('{{'combobox.municipio'|trans}}');
               {{form.codLocalidade.get('id')}}.updateList([]);
           }        
    }
    
</script>
{% endblock %}