{% 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" style="overflow-x: inherit">
    <div class="title">
        <h2>
        {%if entity.id is defined and entity.id is not null%} 
                {{'cabecalho.alterar.porto'|trans}}    
        {%else%}  
                {{'cabecalho.incluir.porto'|trans}}
        {%endif%}
        </h2>
    </div>    

{{ form_errors(form) }}

       
<form id="formulario-porto" class="{% if  not includeLayout %}ajax {%endif%} form-horizontal" action="{%if entity.id is defined and entity.id is not null %} {{ path('porto_update', { 'id': entity.id }) }} {%else%}  {{ path('porto_create') }} {%endif%}" method="post" {{ form_enctype(form) }}>
    <fieldset style="float: left; margin: 10px;">
        
        {{ form_widget(form._token) }}
        
        {% if not includeLayout %}
            <input type='hidden' name='noLayout' value='true'>
        {% endif %}

        <div class="row-fluid show-grid">
            <div class="span5">
                <div class="control-group">
                    {{ form_label(form.txtNome) }}
                    {% if isShow %}
                        <div class="controls">
                            <span class="form-control input-xlarge cemporcento focus" readonly="true">{{ entity.txtNome }}</span>
                        </div>
                    {% else %}
                        <div class="controls">
                            {{ form_widget(form.txtNome,{ 'attr': {'class': 'cemporcento'} }) }}
                            <span class="help-inline">{{ form_errors(form.txtNome) }}</span>
                        </div>
                    {% endif %}
                </div>
            </div>
            <div class="span7">
                <div class="control-group">
                    {{ form_label(form.geoLocalizacao) }}
                    {% if isShow %}
                        <div class="controls">
                            <span class="form-control input-xlarge cemporcento focus" readonly="true">{{ entity.geoLocalizacao}}</span>
                        </div>
                    {% else %}
                        <div class="controls">
                            {{ form_widget(form.geoLocalizacaoFormato,{ 'attr': {'class': 'input-xlarge'} }) }}
                            {{ form_widget(form.geoLocalizacao,{ 'attr': {'class': 'input-xlarge'} }) }}
                            <span class="help-inline">{{ form_errors(form.geoLocalizacao) }}</span>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>

        <div class="row-fluid">
            <div class="control-group span4">
                {% if isShow %}
                    {{ function.show('entidade.registro.codEstado',entity.codEstado )}}
                {% else %}
                    {{ form_label(form.codEstado) }}
                    <div class="controls">
                        {{ form_widget(form.codEstado,{ 'attr': {'class': 'cemporcento'} }) }}
                        <span class="help-inline">{{ form_errors(form.codEstado) }}</span>
                    </div>
                {% endif %}
            </div>
            <div class="control-group span4">
                {{  form_label(form.codMunicipio) }}
                {% if isShow %}
                    <div class="controls">
                        <span class="form-control input-xlarge cemporcento focus" readonly="true">{{ entity.codMunicipio }}</span>
                    </div>
                {% else %}
                    <div class="controls">
                        {{ form_widget(form.codMunicipio,{ 'attr': {'class': 'cemporcento'} }) }}
                        <span class="help-inline">{{ form_errors(form.codMunicipio) }}</span>
                    </div>
                {% endif %}
            </div>
            <div class="control-group span4">
                {{ form_label(form.codLocalidade) }}
                {% if isShow %}
                    <div class="controls">
                        <span class="form-control input-xlarge cemporcento focus" readonly="true">{{ entity.codLocalidade}}</span>
                    </div>
                {% else %}
                    <div class="controls">
                        {{ form_widget(form.codLocalidade,{ 'attr': {'class': 'cemporcento'} }) }}
                        <span class="help-inline">{{ form_errors(form.codLocalidade) }}</span>
                    </div>
                {% endif %}
            </div>

        </div>

        {#<div class="control-group">#}
            {#{{ form_label(form.portoMunicipio) }}#}
            {#<div class="controls">#}
                {#<div id="municipio-fields-list" data-prototype="{% filter escape %}{% include 'propesqBundle:Porto:municipios.html.twig' with {'formMunicipio': form.portoMunicipio.get('prototype')} %}{% endfilter %}">#}
                    {#{% for municipio in form.portoMunicipio %}#}
                        {#{% include 'propesqBundle:Porto:municipios.html.twig' with {'formMunicipio': municipio, 'id' : loop.index0} %}#}
                    {#{% endfor %}#}
                {#</div>#}

                {#<a href="#" id="add-another-municipio">Novo Municipio</a>#}
            {#</div>#}
        {#</div>          #}
    </fieldset>
    <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('porto') }}" title="{{'acao.cancelar'|trans}}">{{'acao.cancelar'|trans}}</a>
    </div>
</form>
</div>
<script>


    function tornarMunicipioObrigatorio(){
        {{form.codMunicipio.get('id')}}.setRequired(true);
        $("#{{form.codMunicipio.get('id')}}").closest('.control-group').find('label').addClass('required');


        $('#{{form.codMunicipio.get('id')}}').parents('form').find('[type="submit"]').click(function(event){
            if($('#{{form.codMunicipio.get('id')}}').html() != null){
                if(!{{form.codMunicipio.get('id')}}.getSelectedObject() && $('#{{form.codMunicipio.get('id')}}').find('.requiredCombobox').length){
                    $('#{{form.codMunicipio.get('id')}}').setError('Selecione uma opção.');
                    $('#{{form.codMunicipio.get('id')}}').find('.requiredCombobox').trigger('invalid');
                    return true;
                }else{
                    $('#{{form.codMunicipio.get('id')}}').setError(false);
                    return true;
                }
            }
        });
        //validação real na submissão do form
        $('#{{form.codMunicipio.get('id')}}').parents('form').submit(function(event){
            if($('#{{form.codMunicipio.get('id')}}').html() != null){
                if(!{{form.codMunicipio.get('id')}}.getSelectedObject() && $('#{{form.codMunicipio.get('id')}}').find('.requiredCombobox').length){
                    $('#{{form.codMunicipio.get('id')}}').setError('Selecione uma opção.');
                    $('#{{form.codMunicipio.get('id')}}').find('.requiredCombobox').trigger('invalid');
                    return false;
                }else{
                    $('#{{form.codMunicipio.get('id')}}').setError(false);
                    return true;
                }
            }
        });
    }
    function tornarMunicipioOpcional(){
        $("#{{form.codMunicipio.get('id')}}").closest('.control-group').find('label').removeClass('required');
        $('#{{form.codMunicipio.get('id')}}').setError(false);
        {{form.codMunicipio.get('id')}}.setRequired(false);
    }



    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+'&notMonitorado=1');
            {{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}}');
            tornarMunicipioObrigatorio();
        }else{
            updateLocalidadeList({{form.codMunicipio.get('id')}},true);
            tornarMunicipioOpcional();
            {{form.codMunicipio.get('id')}}.setCaption('{{'combobox.estado'|trans}}');
            {{form.codMunicipio.get('id')}}.updateList([]);
        }
    }


    function updateLocalidadeList(combo, first){
        var obj = combo.getSelectedObject();
        {{form.codLocalidade.get('id')}}.setSelectedByValue('');
        if(obj != undefined){
            var url = '{{path('localidade_json')}}?codMunicipio='+obj.id;
            {% if not isEdit %}
            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}}');
            //Quando municipio selecionado campo localidade te torna obrigatório

        }else{
            {{form.codLocalidade.get('id')}}.updateList([]);
            {{form.codLocalidade.get('id')}}.setCaption('{{'combobox.localidade'|trans}}');
        }
    }



    {% if not isShow %}
        $(document).ready(function () {
            //$('form#formulario-porto').preventDoubleSubmission();
            $(document).on('DOMNodeInserted', function(e) {
                if( e.target.className == 'alert alert-error') {
                    setTimeout(function() {
                        $('button[type="submit"]').removeAttr("disabled");
                    }, 100);

                }
            });
            $('form').submit(function(){
                return isCoordenadaValida;
                $('button[type="submit"]').attr("disabled", "disabled");
            });
            {{form.codEstado.get('id')}}.setOnChangeFunction(updateMunicipioList);
            {{form.codMunicipio.get('id')}}.setOnChangeFunction(updateLocalidadeList);



            {% if isEdit or isOutro %}
                 {{form.codLocalidade.get('id')}}.setNoFocusOnFirst(true);
                 {{form.codLocalDescarga.get('id')}}.setNoFocusOnFirst(true);
                 updateMunicipioList({{form.codEstado.get('id')}},true);
            {% else %}
                 updateMunicipioList({{form.codEstado.get('id')}},true);
                 updateLocalidadeList({{form.codMunicipio.get('id')}},true);

            {% endif%}

        });
    {% endif %}


</script>
{% endblock %}