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

{% if isShow %}
    {% import  "propesqBundle:Form:function.html.twig" as function %}
{% endif %}

{% 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.destinoproducao'|trans}}
                {%else%}
                    {{'cabecalho.incluir.destinoproducao'|trans}}
                {%endif%}
            </h2>
        </div>

        {{ form_errors(form) }}

        <form id="formulario-destinoproducao" class="{% if  not includeLayout %}ajax {%endif%} form-horizontal" action="{%if entity.id is defined and entity.id is not null%} {{ path('destinoproducao_update', { 'id': entity.id }) }} {%else%} {{ path('destinoproducao_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">
                    <div class="control-group span4">
                        {{ form_label(form.txtNome) }}
                        <div class="controls">
                            {{ form_widget(form.txtNome,{ 'attr': {'class': 'input-xlarge cemporcento focus'} }) }}
                            <span class="help-inline">{{ form_errors(form.txtNome) }}</span>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="control-group">
                            {{ form_label(form.codTipoDestinoProducao) }}
                            <div class="controls">
                                {{ form_widget(form.codTipoDestinoProducao,{ 'attr': {'class': 'cemporcento'} }) }}
                                <span class="help-inline">{{ form_errors(form.codTipoDestinoProducao) }}</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="control-group">
                    {{ form_label(form.indIsPessoaJuridica) }}
                    <div class="controls">
                        {{ form_widget(form.indIsPessoaJuridica,{ 'attr': {'class': 'input-xlarge'} }) }}
                        <span class="help-inline">{{ form_errors(form.indIsPessoaJuridica) }}</span>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span4 hide" id="pessoa_juridica_field">
                        <div class="control-group">
                            {{ form_label(form.codPessoaJuridica) }}
                            <div class="controls">
                                {{ form_widget(form.codPessoaJuridica,{ 'attr': {'class': 'input-xlarge cemporcento'} }) }}
                            </div>
                        </div>
                    </div>
                </div>
                {#localidade#}
                <div class="row-fluid">
                    <div class="control-group span4">
                        {{ 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 class="control-group span4">
                        {{ 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 class="control-group span4">
                        {{ form_label(form.codLocalidade) }}
                        <div class="controls">
                            {{ form_widget(form.codLocalidade,{ 'attr': {'class': 'cemporcento'} }) }}
                            <span class="help-inline">{{ form_errors(form.codLocalidade) }}</span>
                        </div>
                    </div>
                </div>

                {#descricao#}
                <div class="row-fluid">
                    <div class="control-group span4">
                        {{ form_label(form.txtDescricao) }}
                        <div class="controls" style="margin-top: 8px">
                            {{ form_widget(form.txtDescricao,{ 'attr': {'class': 'cemporcento not_especial_chars', 'rows' : '4', "style" : "", "placeholder" : 'digitacao'|trans } }) }}
                            <span class="help-inline">{{ form_errors(form.txtDescricao) }}</span>
                        </div>
                    </div>
                </div>

                {#opcaçaoPadrao#}
                <div class="control-group">
                    {{ form_label(form.opcaoPadrao) }}
                    <div class="controls">
                        {{ form_widget(form.opcaoPadrao,{ 'attr': {'class': 'input-xlarge'} }) }}
                        <span class="help-inline">{{ form_errors(form.opcaoPadrao) }}</span>
                    </div>
                </div>

            </fieldset>
            <div class="div-actions">
                <button type="submit" id="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('destinoproducao') }}" title="{{'acao.cancelar'|trans}}">{{'acao.cancelar'|trans}}</a>
            </div>
        </form>
    </div>
    <script>
        //colocar funcoes javascript referente ao formulário aqui

        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 tornarLocalidadeObrigatorio(){
            {{form.codLocalidade.get('id')}}.setRequired(true);
            $("#{{form.codLocalidade.get('id')}}").closest('.control-group').find('label').addClass('required');
            $('#{{form.codLocalidade.get('id')}}').parents('form').find('[type="submit"]').click(function(event){
                if($('#{{form.codLocalidade.get('id')}}').html() != null){
                    if(!{{form.codLocalidade.get('id')}}.getSelectedObject() && $('#{{form.codLocalidade.get('id')}}').find('.requiredCombobox').length){
                        $('#{{form.codLocalidade.get('id')}}').setError('Selecione uma opção.');
                        $('#{{form.codLocalidade.get('id')}}').find('.requiredCombobox').trigger('invalid');
                        return true;
                    }else{
                        $('#{{form.codLocalidade.get('id')}}').setError(false);
                        return true;
                    }
                }
            });
            //validação real na submissão do form
            $('#{{form.codLocalidade.get('id')}}').parents('form').submit(function(event){
                if($('#{{form.codLocalidade.get('id')}}').html() != null){
                    if(!{{form.codLocalidade.get('id')}}.getSelectedObject() && $('#{{form.codLocalidade.get('id')}}').find('.requiredCombobox').length){
                        $('#{{form.codLocalidade.get('id')}}').setError('Selecione uma opção.');
                        $('#{{form.codLocalidade.get('id')}}').find('.requiredCombobox').trigger('invalid');
                        return false;
                    }else{
                        $('#{{form.codLocalidade.get('id')}}').setError(false);
                        return true;
                    }
                }
            });
        }
        function tornarLocalidadeOpcional(){
            $("#{{form.codLocalidade.get('id')}}").closest('.control-group').find('label').removeClass('required');
            $('#{{form.codLocalidade.get('id')}}').setError(false);
            {{form.codLocalidade.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
                tornarLocalidadeObrigatorio()
            }else{
                tornarLocalidadeOpcional();
                {{form.codLocalidade.get('id')}}.updateList([]);
                {{form.codLocalidade.get('id')}}.setCaption('{{'combobox.localidade'|trans}}');
            }
        }

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

            if($('#entidade_destinoproducao_indIsPessoaJuridica_1').is(':checked')){
                $('#pessoa_juridica_field').show();
                $('#pessoa_juridica_field').find('label').addClass('required');
            }else{
                $('#pessoa_juridica_field').hide();
                $('#pessoa_juridica_field').find('label').removeClass('required');
            }

            $('#entidade_destinoproducao_indIsPessoaJuridica_0').on('click', function () {
                $('#pessoa_juridica_field').hide();
                $('#pessoa_juridica_field').find('label').removeClass('required');
                $("#{{ form.codPessoaJuridica.vars.id }}").setError(false);
            });

            $('#entidade_destinoproducao_indIsPessoaJuridica_1').on('click', function () {
                $('#pessoa_juridica_field').show();
                $('#pessoa_juridica_field').find('label').addClass('required');
            });

            $('#entidade_destinoproducao_codPessoaJuridica').on('focusin', function () {
                $("#{{ form.codPessoaJuridica.vars.id }}").setError(false);
            });

            $("form#formulario-destinoproducao").submit(function(){
                $('#submit').attr("disabled", "disabled");
                if($('#entidade_destinoproducao_indIsPessoaJuridica_1').is(':checked') && !$('#value_entidade_destinoproducao_codPessoaJuridica').val()){
                    $("#{{ form.codPessoaJuridica.vars.id }}").setError('Campo obrigatório.');
                    $('button[type="submit"]').removeAttr("disabled");
                    return false;
                }
            });

            {{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%}
        });
    </script>
{% endblock %}