{% extends "propesqBundle:UnidadeProdutiva:new.html.twig" %}

{% block filho %}

<fieldset style="float: left; margin: 10px;"><legend>Dados Gerais</legend>

    {% if  not isShow %}


    <div class="row-fluid">
        <div class="span4">
            <div class="control-group">
                {{ form_label(form.codUnidadeProdutivaEmbarcacao1) }}
                <div class="controls">
                    {{ form_widget(form.codUnidadeProdutivaEmbarcacao1,{ 'attr': {'class': 'input-xlarge'} }) }}
                </div>
            </div>
        </div>
    </div>

    <div class="row-fluid">
        <div class="span4">    
            <div class="control-group">
                {{ form_label(form.codUnidadeProdutivaEmbarcacao2) }}
                <div class="controls">
                    {{ form_widget(form.codUnidadeProdutivaEmbarcacao2,{ 'attr': {'class': 'input-xlarge'} }) }}
                </div>
            </div>
        </div>
    </div>
    {%  endif %}
    <div class="row-fluid">
        <div class="span4">    
            <div class="control-group">
                {{ form_label(form.txtNomeExibicao) }}
                {% if isShow %}
                    <div class="controls">
                        <span class="form-control input-xlarge cemporcento focus" readonly="true">{{ entity.txtNomeExibicao }}</span>
                    </div>
                {% else %}

                    <div class="controls">
                        <input type="text" id="nomeExibicao" class="input-xlarge cemporcento" disabled="disabled">
                        <div id="nomeExibicaoDiferente" style="display: none;">
                            Nome diferente (<a href="#" id="atualizar-nome-exibicao">Clique aqui para atualizar</a>)
                        </div>
                        {{ form_widget(form.txtNomeExibicao,{ 'attr': {'class': 'input-xlarge'} } )  }}
                        <span class="help-inline">{{ form_errors(form.txtNomeExibicao) }}</span>
                    </div>
                {% endif %}
            </div>
        </div>
    </div>

    <div class="row-fluid">
        <div class="control-group span6">
            {{ form_label(form.txtObservacao) }}
            {% if isShow %}
                <div class="controls">
                    <textarea readonly class='cemporcento'>{{ entity.txtObservacao }}</textarea>
                </div>
            {% else %}
                <div class="controls">
                    {{ form_widget(form.txtObservacao,{ 'attr': {'class': 'input-xlarge', 'style' : 'width: 100%; height: 60px;'} }) }}
                    <span class="help-inline">{{ form_errors(form.txtObservacao) }}</span>
                </div>
            {% endif %}
        </div>
    </div>

    {% if FF_habilitar_escolher_tipo_pesca_parelha == 'habilitar' %}
        <div class="control-group span4">
            {% if isShow %}
                <label for="entidade_unidadeprodutiva_indTipoPesca" class="control-label">Tipo de pesca</label>
                <span class="form-control input-xlarge cemporcento focus" readonly="true">{{ entity.txtIndTipoPesca(FF_opcoes_tipo_pesca_unidade_produtiva) }}</span>
            {% else %}
                {{ form_label(form.indTipoPesca) }}
                <div class="controls">
                    {{ form_widget(form.indTipoPesca,{ 'attr': {'class': ' input-xlarge '} }) }}
                    <span class="help-inline">{{ form_errors(form.indTipoPesca) }}</span>
                </div>
            {% endif %}
        </div>
    {% endif %}
    {# Motivos de Inatividade Período #}
    {% include 'propesqBundle:UnidadeProdutiva:unidade_produtiva_inatividade.html.twig' with {'form': form, 'entity': entity, 'FF_habilitar_periodo_inatividade_unidade_produtiva': FF_habilitar_periodo_inatividade_unidade_produtiva} %}
    {# Fim motivos de Inatividade Período#}
            </fieldset>

<script>

    var embarcacao1 = '', embarcacao2 = '', isEdit = '{{ entity.id }}', isLoaded = false, embarcacao1_nome = '', embarcacao2_nome = '';


    $("#{{ form.codUnidadeProdutivaEmbarcacao1.vars.id }}").on('focusout focusin',function(){
            embarcacao1 = $(this).val();
            //embarcacao1_nome = embarcacao1.split(' (Artesanal)')[0];
            //embarcacao1_nome = embarcacao1_nome.split(' (Industrial)')[0];
            if(!!embarcacao2){
                    if(embarcacao1 == embarcacao2){
                        $(this).setError("Embarcação já selecionada.");
                    }else{
                        $("#{{ form.codUnidadeProdutivaEmbarcacao1.vars.id }}").setError(false);
                        $("#{{ form.codUnidadeProdutivaEmbarcacao2.vars.id }}").setError(false);
                    }
            }
        if(isLoaded){
            setTimeout(function() {
                setNomeParelha();
            }, 100);
        }
    });

    $("#{{ form.codUnidadeProdutivaEmbarcacao2.vars.id }}").on('focusout focusin',function(){
        embarcacao2 = $(this).val();
        embarcacao2_nome = embarcacao2.split(' (Artesanal)')[0];
        embarcacao2_nome = embarcacao2_nome.split(' (Industrial)')[0];
        if(!!embarcacao1){
            if(embarcacao2 == embarcacao1){
                $(this).setError("Embarcação já selecionada.");
            }else{
                $("#{{ form.codUnidadeProdutivaEmbarcacao1.vars.id }}").setError(false);
                $("#{{ form.codUnidadeProdutivaEmbarcacao2.vars.id }}").setError(false);
            }
        }

        if(isLoaded){
            setTimeout(function() {
                setNomeParelha();
            }, 100);

        }
    });

    function setNomeEmbarcacao1(combo){
        var obj = combo.getSelectedObject();

        embarcacao1 = (obj)? obj.txtNomeExibicao:'';
        
        if(isLoaded){
            setNomeParelha();
        }
    }
    
    function setNomeEmbarcacao2(combo){
        var obj = combo.getSelectedObject();
        
        embarcacao2 = (obj)? obj.txtNomeExibicao:'';
        
        if(isLoaded){
            setNomeParelha();
        }
    }
    
    function setNomeParelha(){
        var nome = "";
        embarcacao1_nome = $('#txtNomeExibicao_entidade_unidadeprodutiva_codUnidadeProdutivaEmbarcacao1').val();
        embarcacao2_nome = $('#txtNomeExibicao_entidade_unidadeprodutiva_codUnidadeProdutivaEmbarcacao2').val();
        if(embarcacao1_nome != "" && embarcacao2_nome != ""){
            var array = new Array();
            array[0] = embarcacao1_nome;
            array[1] = embarcacao2_nome;
            array.sort();
            nome = array[0]+" & "+array[1];
        }else if(embarcacao1_nome != ""){
            nome = embarcacao1_nome;
        }else if(embarcacao2_nome != ""){
            nome = embarcacao2_nome;
        }

        $("#{{ form.txtNomeExibicao.vars.id }}").val(nome);
        $("#nomeExibicao").val(nome);
    }

    $("#atualizar-nome-exibicao").live('click', function(){
        setNomeParelha();
        $("#nomeExibicaoDiferente").hide();
    });

    $(document).ready(function(){

        if(isEdit){
            {% if FF_exibir_informacoes_unidade_produtiva == 'exibir'  %}
                $("#nomeExibicao").val('{{ entity.txtNomeExibicao | e('js') }}');
                embarcacao1_nome = $('#txtNomeExibicao_entidade_unidadeprodutiva_codUnidadeProdutivaEmbarcacao1').val();
                embarcacao2_nome = $('#txtNomeExibicao_entidade_unidadeprodutiva_codUnidadeProdutivaEmbarcacao2').val();
            {% else %}
                $("#nomeExibicao").val('{{ entity.txtNomeExibicao | e('js') }}');
                embarcacao1_nome = '{{entity.codUnidadeProdutivaEmbarcacao1.txtNomeExibicao | e('js')}}';
                embarcacao2_nome = '{{entity.codUnidadeProdutivaEmbarcacao2.txtNomeExibicao | e('js')}}';
            {% endif %}
            var array = new Array();
            array[0] = embarcacao1_nome;
            array[1] = embarcacao2_nome;
            array.sort();
            var nome = array[0]+" & "+array[1];
            if($("#{{ form.txtNomeExibicao.vars.id }}").val() != nome) {
                $("#nomeExibicaoDiferente").show();
            }
        }
        
        //seta o nome da parelha em casa de retorno par a tela de cadastro devido a erro de parelha existente
        {% if hasError %}//setNomeParelha();{% endif %}
        
        isLoaded = true;
    });
</script>
{% endblock filho %}