{% set id = id is defined ? id : '$$name$$' %}

{% if FF_habilitar_destino_producao == 'habilitar_por_captura' and FF_habilitar_ambiente_origem_producao == 'habilitar_por_captura' %}
    {% set colCaptura = 1 %}
{% elseif FF_habilitar_destino_producao == 'habilitar_por_captura' and FF_habilitar_ambiente_origem_producao != 'habilitar_por_captura' %}
    {% set colCaptura = 2 %}
{% elseif FF_habilitar_destino_producao != 'habilitar_por_captura' and FF_habilitar_ambiente_origem_producao == 'habilitar_por_captura' %}
    {% set colCaptura = 2 %}
{% elseif FF_habilitar_destino_producao != 'habilitar_por_captura' and FF_habilitar_ambiente_origem_producao != 'habilitar_por_captura' %}
    {% set colCaptura = 3 %}
{% endif %}
<div class="entrevistaCaptura-container" id="entrevistaCaptura-container-{{id}}" style="border-bottom: 1px dotted #B3B3B3; margin-bottom: 5px; padding-bottom: 5px;">
    <div class="row-fluid">

        {{ form_widget(formEntrevistaCaptura.indVinculo,{ 'attr': {'class': 'hasfocus cemporcento ', 'data-id':id, 'cydata':'indVinculo' ~ id} }) }}

        {#<div class="control-group {{ colCaptura != 3 ? 'span1 column-10' : 'span2' }}">
              {{ form_widget(formEntrevistaCaptura.indVinculo,{ 'attr': {'class': 'hasfocus cemporcento ', 'data-id':id, 'cydata':'indVinculo' ~ id} }) }}
              <span class="help-inline"></span>
        </div>
        <div class="control-group span2 column-15 " >
             <div {% if isEdit and formEntrevistaCaptura.indVinculo.vars.value == 3 %}class=""{% else %} class="hidden" style="display: none;" {% endif %} id="aparelhoPesca{{id}}">
              {{ form_widget(formEntrevistaCaptura.codAparelhoPesca,{ 'attr': {'class': 'cemporcento', 'cydata':'entidadeRegistroEntrevistaCodAparelhoPesca' ~ id} }) }}
             </div>
              <span class="help-inline"></span>
        </div>#}

        <div class="control-group {{ colCaptura != 3 ? 'span2 column-15' : 'span3' }}">
              {{ form_widget(formEntrevistaCaptura.codCategoriaPescado,{ 'attr': {'class': 'cemporcento ', 'cydata':'codCategoriaPescado' ~ id} }) }}
              <span class="help-inline"></span>
        </div>
        <div class="control-group span1">
              {{ form_widget(formEntrevistaCaptura.numQtdUnidade,{ 'attr': { required:true, 'class': 'cemporcento ', 'cydata':'numQtdUnidade' ~ id} }) }}
              <span class="help-inline"></span>
        </div>
        <div class="control-group {{ colCaptura == 1 ? 'span1 column-09' : 'span2' }}">
            {{ form_widget(formEntrevistaCaptura.codUnidade,{ 'attr': {'class': 'cemporcento ', 'cydata':'codUnidade' ~ id} }) }}
            <span class="help-inline"></span>
            <span id="infoUnidade{{ id }}"></span>
        </div>
        {#<div class="control-group span1">
              {{ form_widget(formEntrevistaCaptura.numValor,{ 'attr': {'class': 'insertaction cemporcento ', 'cydata':'numValor' ~ id} }) }}
              <span class="help-inline"></span>
        </div>#}

        {% if FF_habilitar_ambiente_origem_producao == 'habilitar_por_captura' %}
            <div class="control-group span2" style="margin-right: 0.6% !important;">
                <div class="row-fluid">
                    <div class="span10">
                        {{ form_widget(formEntrevistaCaptura.codAmbienteOrigemProducao, { 'attr': {'class': 'cemporcento ', 'cydata':'codAmbienteOrigemProducao' ~ id} }) }}
                    </div>
                    <div class="span2">
                        <a href="javascript:;" id="replicar-entrevistaCapturaAmbienteOrigemProducao-{{ id }}" tabindex="-1" class="btn" cydata="btnReplicarEntrevistaCapturaAmbienteOrigemProducao{{id}}" onclick="return replicarCapturaAmbienteOrigemProducao(this);">
                            <i class="icon-resize-vertical"></i>
                        </a>
                    </div>
                </div>
                <span class="help-inline"></span>
            </div>
        {% endif %}

        {% if FF_habilitar_destino_producao == 'habilitar_por_captura' %}
            <div class="control-group span2 column-15">
                <div class="row-fluid">
                    <div class="span10">
                        {{ form_widget(formEntrevistaCaptura.codDestinoProducao, { 'attr': {'class': 'cemporcento ', 'cydata':'codDestinoProducao' ~ id} }) }}
                    </div>
                    <div class="span2">
                        <a href="javascript:;" id="replicar-entrevistaCapturaDestinoProducao-{{ id }}" cydata="btnReplicarEntrevistaDestinoProducao{{id}}" tabindex="-1" class="btn" onclick="return replicarCapturaDestinoProducao(this);">
                            <i class="icon-resize-vertical"></i>
                        </a>
                    </div>
                </div>
                <span class="help-inline"></span>
            </div>
        {% endif %}

        <div class="control-group span1 icone-remover" style="margin-left: 1.2% !important;">
            <a href="javascript:;" id="remover-entrevistaCaptura-{{id}}" cydata="btnRemoverEntrevistaCaptura{{id}}" tabindex="-1" class="btn"><i class="icon-remove"></i></a>
        </div>

    </div>

    <div id="container_alert_categoria_{{id}}" class="row-fluid" style="display: none;">
        <div class="span2">
            <span id="alert_categoria_{{id}}" class="help-inline"></span>
        </div>
    </div>
</div>

{% if colCaptura != 3 %}
    <style>
        /* Correção para quando a setinha do combobox ficar para baixo do container por estar em um espaço muito pequeno */
        .entrevistaCaptura-container .goog-control.clear-button {
            position: absolute !important;
            z-index: 2;
        }

        .entrevistaCaptura-container .goog-control.clear-button ~ .goog-control[tabindex="0"]:not([title*="Selecione"]) {
            padding-left: 18px !important;
        }

        .entrevistaCaptura-container .closure.input .select_closure .goog-control:not(.clear-button) {
            position: relative !important;
        }

        .entrevistaCaptura-container .goog-control span.arrow {
            position: absolute !important;
            right: 3px;
        }
    </style>
{% endif %}

<script>
    
    $(document).ready(function(){

        $("#{{ formEntrevistaCaptura.indVinculo.vars.id }}").change(function(){

            $('#aparelhoPesca'+$(this).attr('data-id')).find('.requiredCombobox').removeClass('requiredCombobox').addClass('notRequiredCombobox second');
            
            switch($(this).val()){
                case '3':
                    if($(this).is(':visible')){
                        $('#aparelhoPesca'+$(this).attr('data-id')).stop(true, true).removeClass('hidden').fadeIn('fast');
                        $('#aparelhoPesca'+$(this).attr('data-id')).find('.notRequiredCombobox').removeClass('notRequiredCombobox').addClass('requiredCombobox');
                    }else{
                        $('#aparelhoPesca'+$(this).attr('data-id')).find('.requiredCombobox').removeClass('requiredCombobox').addClass('notRequiredCombobox');
                    }
                    break;
                default:
                    $('#aparelhoPesca'+$(this).attr('data-id')).stop(true, true).fadeOut('fast', function(){
                       $(this).addClass('hidden'); 
                    });
                    break;
            }
        });
        
        {{formEntrevistaCaptura.codCategoriaPescado.get('id')}}.setOnChangeFunction(updateUnidadeList{{id}});
        {{formEntrevistaCaptura.codUnidade.get('id')}}.setOnChangeFunction(updateUnidadeConversaoList{{id}});


        function updateUnidadeConversaoList{{id}}(combo){
            var obj = combo.getSelectedObject();
            infoMessage = '';
            if (obj != undefined && !obj.is_taxa_conversao) {
                var o = eval('{{formEntrevistaCaptura.codCategoriaPescado.get('id')}}').getSelectedObject();
                var nome = o.txtNome;
                infoMessage += 'A unidade ('+obj.txtNome+') informado para a categoria de pescado ('+nome+'), não possui taxa de conversão.';
                $('#infoUnidade{{ id }}').html('');
                $('#infoUnidade{{ id }}').html('<div class="alert alert">'+ infoMessage +'</div>');
            }else{
                $('#infoUnidade{{ id }}').html('');
            }
        }

        function updateUnidadeList{{id}}(combo){
            var obj = combo.getSelectedObject();
               {{formEntrevistaCaptura.codUnidade.get('id')}}.setSelectedByValue('');
               if(obj != undefined){
                   {{formEntrevistaCaptura.codUnidade.get('id')}}.setUrl('{{path('unidade_json')}}?codCategoriaPescado='+obj.id+'&controle=true'); 
                   {{formEntrevistaCaptura.codUnidade.get('id')}}.setLoading(true);
                   {{formEntrevistaCaptura.codUnidade.get('id')}}.updateList('{{formEntrevistaCaptura.codUnidade.get('value')}}', function(){
                       {{formEntrevistaCaptura.codUnidade.get('id')}}.setLoading(false,true, true);
                      
                       if (eval('{{formEntrevistaCaptura.codUnidade.get('id')}}').childrenList.length == 1) {
                           try {
                               eval('{{formEntrevistaCaptura.codUnidade.get('id')}}').updateList(eval('{{formEntrevistaCaptura.codUnidade.get('id')}}').childrenList, eval('{{formEntrevistaCaptura.codUnidade.get('id')}}').childrenList[0].id);
                           } catch (error) {}
                       }
                   }); 
                   {{formEntrevistaCaptura.codUnidade.get('id')}}.setCaption('{{'combobox.unidade'|trans}}');
               }else{
                   {{formEntrevistaCaptura.codUnidade.get('id')}}.setCaption('{{'combobox.especiecategoriapescado'|trans}}');
                   {{formEntrevistaCaptura.codUnidade.get('id')}}.updateList([]);
               }
            
            if (obj != undefined) {
                $.ajax({
                    type: 'post',
                    data: { codCategoria: obj.id},
                    url: '{{ path('registro_verificar_alerta_categoria_pescado')}}',
                    dataType: 'json',
                    beforeSend: function(){
                        combo.setLoading(true, true);
                    },
                    success: function(result){
                        combo.setLoading(false, true);
                        
                        $('#container_alert_categoria_{{id}}').hide();
                        $('#alert_categoria_{{id}}').empty();
                        if (!!result &&  result[0].geraAlerta == true) {
                            var html = '<div class="alert alert-warning">' + result[0].alerta + '.</div>';
                            $('#alert_categoria_{{id}}').append(html);
                            $('#container_alert_categoria_{{id}}').show();
                        }
                    },
                    error: function(){
                        combo.setLoading(false, true);
                    }
                });
            }
        }
        {% if isEdit %}
            $("#{{ formEntrevistaCaptura.indVinculo.vars.id }}").trigger('change');
        {% endif%}
            
        updateUnidadeList{{id}}({{formEntrevistaCaptura.codCategoriaPescado.get('id')}});
        updateUnidadeConversaoList{{id}}({{formEntrevistaCaptura.codUnidade.get('id')}});


        $('form').submit(function(){
            $("#{{ formEntrevistaCaptura.indVinculo.vars.id }}").trigger('change');
        });    
    });

    

    {% if FF_habilitar_destino_producao == 'habilitar_por_captura' %}
        /* Função para replicar o valor do destino da produção para todas as capturas */
        function replicarCapturaDestinoProducao(elem) {
            var row = $(elem).parent().parent().parent().parent();
            var input = row.find('input[name*="[codDestinoProducao]"]');

            $('input[name*="[codDestinoProducao]"').each(function(i, e) {
                var inputObj = $(e).parent().parent().attr('id');
                eval(inputObj).setSelectedByValue(input.val());
            });
        }
            
            $(document).ready(function(){
                {{formEntrevistaCaptura.codDestinoProducao.get('id')}}.setOnChangeFunction(function(option) {
                    setTimeout(function() {
                        $('#add-another-entrevistaCaptura').focus();
                    }, 150);
                });   
            });

    {% endif %}

    {% if FF_habilitar_ambiente_origem_producao == 'habilitar_por_captura' %}
        /* Função para replicar o valor do ambiente de origem da produção para todas as capturas */
        function replicarCapturaAmbienteOrigemProducao(elem) {
            var row = $(elem).parent().parent().parent().parent();
            var input = row.find('input[name*="[codAmbienteOrigemProducao]"]');

            $('input[name*="[codAmbienteOrigemProducao]"').each(function(i, e) {
                var inputObj = $(e).parent().parent().attr('id');
                eval(inputObj).setSelectedByValue(input.val());
            });
        }
        $(document).ready(function(){
            {{formEntrevistaCaptura.codAmbienteOrigemProducao.get('id')}}.setOnChangeFunction(function(option) {
                    if (option.getSelectedObject() !== undefined) {
                        {% if FF_habilitar_destino_producao == 'habilitar_por_captura' %}
                            setTimeout(function() {
                               {{formEntrevistaCaptura.codDestinoProducao.get('id')}}.setFocus();
                            }, 150);
                        {% else %}
                            setTimeout(function() {
                                $('#add-another-entrevistaCaptura').focus();
                            }, 150);
                        {% endif %}
                    } 
            });
        });     
    {% endif %}

    
</script>