{% 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>
                {% if entity.id is defined and entity.id is not null %}
                    {{ 'cabecalho.alterar.localidade'|trans }}
                    {% if entity.id is defined and entity.codSisPCSPA is not null %}
                        {% set isEstavelSisPCSPA = true %}
                    {% endif %}
                    {% set isEdit = true %}
                {% else %}
                    {{ 'cabecalho.incluir.localidade'|trans }}
                    {% set isEstavelSisPCSPA = false %}
                    {% set isEdit = false %}
                {% endif %}
            </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) }}>
            <fieldset style="float: left; margin: 10px;">
                <legend>{{ 'cabecalho.fieldset.localidade.dadosbasicos'|trans }}</legend>

                {{ form_widget(form._token) }}

                {% if isEstavelSisPCSPA %}
                    <input type='hidden' id="alterarSisPCSPA" name='alterarSisPCSPA' value='false'>
                {% endif %}
                {% if not includeLayout %}
                    <input type='hidden' name='noLayout' value='true'>
                {% endif %}

                <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': 'cemporcento'} }) }}
                                <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': 'cemporcento'} }) }}
                                <span class="help-inline">{{ form_errors(form.codMunicipio) }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="control-group">
                            {{ form_label(form.txtNome) }}
                            <div class="controls">
                                {{ form_widget(form.txtNome,{ 'attr': {'class': 'cemporcento'} }) }}
                                <span class="help-inline">{{ form_errors(form.txtNome) }}</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row-fluid show-grid">
                    <div class="span4">
                        <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>
                    <div class="span8">
                        <div class="control-group">
                            {{ form_label(form.geoLocalizacao) }}
                            <div class="controls">
                                {{ form_widget(form.geoLocalizacaoFormato,{ 'attr': {'class': 'input-xlarge'} }) }}
                                {{ form_widget(form.geoLocalizacao,{ 'attr': {'class': 'input-xlarge'} }) }}
                                <div class="help-inline">{{ form_errors(form.geoLocalizacao) }}</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row-fluid show-grid">
                    <div class="span12">
                        <div class="control-group">
                            {{ form_label(form.txtObservacao) }}
                            <div class="controls">
                                {{ form_widget(form.txtObservacao,{ 'attr': {'class': 'cemporcento'} }) }}
                                <span class="help-inline">{{ form_errors(form.txtObservacao) }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </fieldset>
            <fieldset style="float: left; margin: 10px;">
                <legend>{{ 'cabecalho.fieldset.localidade.apoiocomunidade'|trans }}</legend>
                {% include "propesqBundle:Localidade:temporalComunidade.html.twig" with {'formTemporalComunidade': form.localidadeComunidadeTemporal} %}
            </fieldset>
            <fieldset style="float: left; margin: 10px;">
                <legend>{{ 'cabecalho.fieldset.localidade.apoiopesca'|trans }}</legend>
                {% include "propesqBundle:Localidade:temporalPesca.html.twig" with {'formTemporalPesca': form.localidadePescaTemporal} %}
            </fieldset>
            {% if (interoperabilidade_sispcspa_situacao == '1' or interoperabilidade_sispcspa_situacao == 'true') and not isEdit %}
                <fieldset style="float: left; margin: 10px;">
                    <legend>{{ 'Ação Interoperabilidade'|trans }}</legend>
                    <div class="row-fluid show-grid">
                        <div class="span4">
                            <div class="control-group">
                                <div class="controls">
                                    {{ form_widget(interoperabilidadeAcaoForm.acao,{ 'attr': {'class': 'cemporcento interoperabilidadeSisPCSPAActions'} }) }}
                                    <span class="help-inline">{{ form_errors(interoperabilidadeAcaoForm.acao) }}</span>
                                </div>
                            </div>
                            <div class="interoperabilidadeSisPCSPAActionMsg alert alert-warning" style="display: none;" role="alert"></div>
                        </div>
                    </div>
                </fieldset>
            {% endif %}

            <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>
        function updateInteroperabilidadeActions(combo, first ){
            {% if (interoperabilidade_sispcspa_situacao == '1' or interoperabilidade_sispcspa_situacao == 'true') and not isEdit %}
                var municipioObject = combo.getSelectedObject();
                //Caso não informado
                if(!!!municipioObject){
                    $('.interoperabilidadeSisPCSPAActions input[value="1"]').attr('checked','checked');
                    $('.interoperabilidadeSisPCSPAActions input').each(function(i){
                        if($(this).val() != 1){
                            $(this).attr('disabled','disabled');
                            $(this).attr('title','{{'acao.vincularSisPCSPAMunicipioNaoInformado'|trans}}');
                        }
                        $('.interoperabilidadeSisPCSPAActionMsg').html('{{'acao.vincularSisPCSPAMunicipioNaoInformado'|trans}}').show();
                    });
                }else{
                    $.ajax({
                        type: 'post',
                        data: {id: municipioObject.id},
                        url: '{{ path('localidade_verificar_situacao_municipio_SisPCSPA') }}',
                        dataType: 'json',
                        beforeSend: function () {
                            loader('body', false);
                        },
                        success: function (result) {
                            loader('body', true);

                            if (result.encontrou) {
                                $('.interoperabilidadeSisPCSPAActions input').each(function(i){
                                    if($(this).val() != 1){
                                        $(this).removeAttr('disabled');
                                        $(this).removeAttr('title');
                                        $('.interoperabilidadeSisPCSPAActionMsg').html('').hide();
                                    }

                                });
                            }else{
                                $('.interoperabilidadeSisPCSPAActions input[value="1"]').attr('checked','checked');
                                $('.interoperabilidadeSisPCSPAActions input').each(function(i){
                                    if($(this).val() != 1){
                                        $(this).attr('disabled','disabled');
                                        $(this).attr('title',result.msg);
                                    }
                                });
                                $('.interoperabilidadeSisPCSPAActionMsg').html(result.msg).show();


                            }
                        }
                    });
                }
            {% endif %}
        }

        {% if isEdit and isEstavelSisPCSPA %}
        //se alterado o nome, coordenada ou município. O usário deverá informar se deseja realizar a alteração no SisPCSPA
        var nomeLocalidade = "{{ entity.txtNome }}";
        var codMunicipio = "{{ entity.codMunicipio.id }}";
        var coordenada = "{{ entity.GeoLocalizacao.GMS | replace({'"' : '\\"'}) | raw }}";
        confirmarUpdateSisPCSPA = false;

        function validaAlteracao() {
            //Se já foi feito a verificação o proximo submit é do form normal
            if (confirmarUpdateSisPCSPA) {
                confirmarUpdateSisPCSPA = false;
                return true;
            }

            var nomeLocalidadeNovo = $('#{{ form.txtNome.vars.id }}').val();
            var codMunicipioNovo = {{ form.codMunicipio.vars.id }}.getValue();
            var coordenadaNovo = '';
            if (isCoordenadaValida) {
                var lat = $('#{{ form.geoLocalizacao.vars.id }}lat').val();
                var long = $('#{{ form.geoLocalizacao.vars.id }}lng').val();
               if(!!lat && !!long){
                   var coordenadaNovo = lat + ', ' + long;
               }
            }


            var alteracoes = false;
            var frase = "";

            var alteracoes = new Array();
            var camposAlterados = new Array();
            if (nomeLocalidade != nomeLocalidadeNovo) {
                alteracoes.push("nome da localidade");
                camposAlterados = "O nome da localidade foi alterado";
            }

            if (codMunicipio != codMunicipioNovo) {
                alteracoes.push("município");
                camposAlterados = "O município desta localidade foi alterado";

            }

            if (coordenada != coordenadaNovo) {
                alteracoes.push("coordenada");
                camposAlterados = "A coordenada desta localidade foi alterada";
            }
            var frase = '';
            if (alteracoes.length == 1) {
                frase = camposAlterados;
            } else {
                frase = 'Os campos ' + alteracoes.join(', ') + ' foram alterados';
            }
            frase += '. Deseja atualizar essa localidade no SisPCSPA?';

            if (alteracoes.length > 0) {
                $.fn.dialog2.helpers.confirm(frase, {
                    closeOnEscape: false,
                    title: 'ATENÇÃO!!',
                    confirm: function () {
                        $("#alterarSisPCSPA").val(true);
                        confirmarUpdateSisPCSPA = true;
                        $('form').trigger('submit');
                    },
                    decline: function () {
                        $("#alterarSisPCSPA").val(false);
                        confirmarUpdateSisPCSPA = true;
                        $('form').trigger('submit');
                    }
                });
                return false;
            }else{
                $("#alterarSisPCSPA").val(true);
                confirmarUpdateSisPCSPA = true;
            }
        }
        {% endif %}


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

                }
            });
            {{ form.codEstado.get('id') }}.setOnChangeFunction(updateMunicipioList);
            updateMunicipioList({{ form.codEstado.get('id') }}, true);

            $('form').submit(function () {
                $('button[type="submit"]').attr("disabled", "disabled");
                var isValido = true;
                {% if isEdit and ( interoperabilidade_sispcspa_situacao == 1 or interoperabilidade_sispcspa_situacao == 'true') and isEstavelSisPCSPA %}
                if (isValido) {
                    isValido = validaAlteracao();
                }
                {% endif %}

                if (isValido && !isCoordenadaValida) {
                    isValido = false;
                }

                if(!isValido){
                    $('button[type="submit"]').removeAttr("disabled");
                }

                return isValido;
            });

                updateInteroperabilidadeActions( {{ form.codMunicipio.vars.id }});

        });


        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 %}