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

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

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('bundles/propesq/css/edit.css') }}" type="text/css" media="all" />

    <style type="text/css">

        {#        OVERRIDE: Espacamento e exibição das labels#}
         .form-horizontal .control-group {
            margin: 0px;
        }
        .form-horizontal .control-label{
            display: none;
        }

        .form-horizontal .control-label.notHideLabel{
            display: block;
        }

        #clearEspacializacao {
            border: 0;
            box-shadow: none;
            width: 16px;
            margin-top: 6px;
            height: 16px;
            overflow: hidden;
            border-radius: 50%;
            background-color: #b3b3b3;
            color: white;
            text-align: center;
            margin-left: 5px;
        }

        #clearEspacializacao:hover {
            background-color: #c1272d;
        }

        #clearEspacializacao #cross {
            margin-top: -1px;
            margin-left: -0.5px;
            font-size: 20px;
        }

        #campoEspacializacao {
            display: flex;
        }

        #esforco-fields-list .control-group input:not([type="checkbox"]):not([type="radio"]){
            width: 95%;

        }
        .table-bordered thead:first-child tr:first-child th{
            vertical-align: top;
        }

        .table td, .table th{
            vertical-align: middle;
        }
        .table td.no-padding{
            padding: 0;
            vertical-align: top;
        }

        .table-field-agrupado th, .table-field-agrupado td, .table-field-agrupado tr {
            border : 0;
            text-align: center;
        }

        .table-field-agrupado tfoot tr,.table-field-agrupado tfoot td{
            text-align: left;
        }

        .referenciaDanger{
            color: #cc0000;
            text-align: right;
            padding-left: 10px;
        }

        a:hover{
            cursor: pointer;
        }

        .modal, .modal-body {
            overflow: visible;
        }
        .table-field-agrupado .controls.view{
            padding: 1px;
            margin: 4px;
        }

        .max500{
            width: 480px;
        }
        input[disabled]{
            border-color: rgb(185, 74, 72);
            color: #eeeeee;
        }
        input[type=checkbox][disabled]{
            outline:1px solid rgb(185, 74, 72);
        }
        select[disabled]{
            border-color: rgb(185, 74, 72);
            color: #989A98;
        }
    </style>
{% endblock %}

{% block content %}
    {% set codUnidadeProdutiva = '' %}
<div id="form-container" style="overflow-x: auto;">
    <div>
        <div class="title">
            <h2>
            {%if entity.id is defined and entity.id is not null%}
                    {{'cabecalho.alterar.referencia'|trans}}
            {%else%}
                    {{'cabecalho.incluir.referencia'|trans}}
            {%endif%}
            </h2>
        </div>
    </div>
<form id="formulario-referencia" class="{% if  not includeLayout %}ajax {%endif%} form-horizontal" action="{%if entity.id is defined and entity.id is not null %} {{ path('referencia_update', { 'id': entity.id }) }} {%else%} {{ path('referencia_create') }} {%endif%}" method="post">
    <fieldset style="float: left; margin: 10px 0 0 10px;">
    {% if composicao == true %}
        <div class="alert alert-warning">
            <a class="close" data-dismiss="alert" href="#">×</a>
            <strong>Atenção: </strong>
            {{ 'alertas.validar.referencia'|trans}}
        </div>
    {% endif %}
    </fieldset>
    <fieldset style="float: left; margin: 10px;">
        <legend><small>Unidade produtiva: </small>{% for registro in registros if loop.first %} {{ registro.txtUnidadeProdutiva }} {% endfor %}</legend>
        {% if not includeLayout %}
            <input type='hidden' name='noLayout' value='true'>
        {% endif %}
        <table class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th><h3>Registros</h3></th>
                    {% for key, registro in registros %}

                        {% if loop.first %}
                            {% set codUnidadeProdutiva = registro.cod_unidade_produtiva %}


                        {% endif %}

                        <input data-registro="{{ registro.cod_registro }}" type="hidden" class="unidadeProdutiva" value="{{ registro.cod_unidade_produtiva }}">
                        <input data-registro="{{ registro.cod_registro }}" type="hidden" class="locaisDescarga" value="{{ registro.cod_local_descarga }}">
                        <th>
                            <label class="radio" style="font-weight: bold">

                                {% if key == 'composicao'  %}
                                    <input type="radio" name="registro" {% if loop.index0 == 0 %} autofocus="autofocus" {% endif %} id="registro_composicao" value="composicao" required="required" {%if entity.id is defined and entity.id is not null and entity.cod_registro_utilizado is not null and entity.cod_registro_utilizado == registro.id %} checked {%endif%}>
                                    {{ form_widget(registro._token) }}
                                {% else %}
                                    <input type="radio" name="registro" {% if loop.index0 == 0 %} autofocus="autofocus" {% endif %} id="registro{{ loop.index0 }}" value="{{ registro.cod_registro }}" required="required" {%if entity.id is defined and entity.id is not null and entity.cod_registro_utilizado is not null and entity.cod_registro_utilizado == registro.id %} checked {%endif%}>
                                    {{ registro.txtTipo }} {#Entrevista#}
                                    {% if (registros|length > 2  and (key != "composicao")) %}
                                        <input type='button' value="Dissociar e criar uma nova" class="btn btn-create pull-right dissociar" data-value='{{ registro.cod_registro }}'/>
                                    {% endif %}

                                {% endif %}
                            </label>
                            <span class="referenciaDanger registro-help-inline-{{ registro.cod_registro }}  help-inline"></span>
                        </th>
                    {% endfor %}
                </tr>
            </thead>
            <!-- Locais de Descarga -->
            <tbody id="localDescarga-fields-list" data-prototype="{% filter escape %}{% include 'propesqBundle:Referencia:new_referencia_local_descarga.html.twig' with {'formLocalDescarga': registros['composicao'].locaisDescarga.get('prototype'),'registros':registros,   'countCols': registros|length} %}{% endfilter %}" {% if isShow %} style="display:none" {% endif %}>
            {% for localDescargakey, localDescarga in locaisDescarga %}
                {%  set indexOut =  loop.index0 %}
                <tr class="localDescarga-container" >
                    <th {% if registros['composicao'].locaisDescarga[indexOut].codLocalDescarga.get('required') == 1 %} class="required" {% endif %}>Local de Descarga</th>
                    {% for key, cod_local_descarga in localDescarga if key > 0 %}
                        <td>
                            {% if cod_local_descarga %}
                                {{ localDescarga['nome_local_descarga'] }}
                            {% endif %}
                            <a class="advancedChoiceLocalDescargaValue pull-right registroValue_{{ key}}" data-field="{{registros['composicao'].locaisDescarga[indexOut].codLocalDescarga.get('id')}}"   data-value="{{  cod_local_descarga }}" {% if not cod_local_descarga %}style="display:none;" {% endif %} >>></a>
                        </td>
                    {% endfor %}
                    <td>
                        {% include 'propesqBundle:Referencia:referencia_local_descarga.html.twig' with {'formLocalDescarga': registros['composicao'].locaisDescarga[loop.index0], 'id' : loop.index0, 'countCols': registros|length, 'isShow':true } %}
                    </td>
                </tr>
            {% else %}
                <tr>
                    <td colspan="{{ registros|length + 2 }}">Nenhum aparelho de pesca cadastrado.</td>
                </tr>
            {% endfor %}
            </tbody>
            <tbody>
            <tr>
                <td colspan="{{ registros|length + 1 }}" >
                    <a href="#" id="add-another-localDescarga">Novo Local de Descarga</a>
                </td>
            </tr>
            </tbody>
            <!-- Fim Locais de Descarga -->
            <tbody>
                <tr>
                    <th {% if registros['composicao'].datDescarga.get('required') == 1 %} class="required" {% endif %}>{{ 'entidade.referencia.datDescarga'|trans }}</th>
                    {% for key, registro in registros %}
                        {% if key == 'composicao' %}
                            <td>
                                <div class="row-fluid">
                                    <div class="control-group span8">
                                        <label for="{{ registro.datDescarga.vars.id }}" class=" control-label">Data de descarga</label>
                                        <div class="controls">
                                            {{ form_widget(registro.datDescarga,{ 'attr': {'class': 'input-xlarge composicao','placeholder':'dd/mm/aaaa'} }) }}
                                            <span class="help-inline help-inline-data">{{ form_errors(registro.datDescarga) }}</span>
                                        </div>
                                    </div>
                                </div>
                            </td>
                        {% else %}
                            <td class="dataDescarga" data-registro="{{ registro.cod_registro }}" value="{{ registro.dat_descarga|date('locale.date'|trans) }}">
                                {{ registro.dat_descarga is empty ? "" : registro.dat_descarga|date('locale.date'|trans) }}
                                {% if registro.dat_descarga %}
                                    <a class="dateValue pull-right registroValue_{{ registro.cod_registro }}" data-field="{{registros['composicao'].datDescarga.get('id')}}"   data-value="{{ registro.dat_descarga is empty ? "" : registro.dat_descarga|date('locale.date'|trans) }}" >>></a>
                                {% endif %}
                            </td>
                        {%  endif %}
                    {% endfor %}
                </tr>

                <tr>
                    <th>{{ 'entidade.referencia.txtPortoSaida'|trans }}</th>
                    {% for key, registro in registros %}

                        {% if key == 'composicao' %}
                            <td>{{ form_widget(registro.codPortoSaida,{ 'attr': {'class': ' advancedChoiceFields input-xlarge'} }) }}</td>
                        {% else %}
                            <td>
                                {{ registro.txtPortoSaida }}
                                <a class="advancedChoiceValue pull-right registroValue_{{ registro.cod_registro }}" data-field="{{registros['composicao'].codPortoSaida.get('id')}}"   data-value="{{ registro.cod_porto_saida }}" {% if not registro.txtPortoSaida %} style="display:none;" {% endif %} >>></a>
                            </td>
                        {% endif %}
                    {% endfor %}
                </tr>
                <tr>
                    <th>{{ 'entidade.referencia.datSaida'|trans }}</th>
                    {% for key, registro in registros %}
                        {% if key == 'composicao' %}
                            <td>
                                <div class="row-fluid">
                                    <div class="control-group span8">
                                        <label for="{{ registro.datSaida.vars.id }}" class=" control-label">Data de saída</label>
                                        <div class="controls">
                                            {{ form_widget(registro.datSaida,{ 'attr': {'class': 'input-xlarge','placeholder':'dd/mm/aaaa'} }) }}
                                            <span class="help-inline help-inline-data">{{ form_errors(registro.datSaida) }}</span>
                                        </div>
                                    </div>
                                </div>
                            </td>
                        {% else %}
                            <td>
                                {{ registro.dat_saida is empty ? "" : registro.dat_saida|date('locale.date'|trans) }}

                                <a class="dateValue pull-right registroValue_{{ registro.cod_registro }}" data-field="{{registros['composicao'].datSaida.get('id')}}"   data-value="{{ registro.dat_saida is empty ? "" : registro.dat_saida|date('locale.date'|trans) }}" {% if not registro.dat_saida %}style="display:none;" {% endif %} >
                                    >>
                                </a>

                            </td>
                        {% endif %}
                    {% endfor %}
                </tr>

                {% if FF_habilitar_hora_saida_chegada == 'habilitar' %}
                    <tr>
                        <th>{{ 'entidade.referencia.horaSaida'|trans }}</th>
                        {% for key, registro in registros %}
                            {% if key == 'composicao' %}
                                <td>
                                    <div class="row-fluid">
                                        <div class="control-group span8">
                                            <label for="{{ registro.horaSaida.vars.id }}" class=" control-label">Hora de saída</label>
                                            <div class="controls">
                                                {{ form_widget(registro.horaSaida,{ 'attr': {'class': 'input-xlarge','placeholder':'Ex: hh:mm'} }) }}
                                                <span class="help-inline help-inline-data">{{ form_errors(registro.horaSaida) }}</span>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                            {% else %}
                                <td>

                                    {{ registro.horaSaida is empty ? "" : registro.horaSaida|date('H:i') }}
                                    <a class="horaValue pull-right registroValue_{{ registro.cod_registro }}" data-field="{{registros['composicao'].horaSaida.get('id')}}"   data-value="{{ registro.horaSaida is empty ? "" : registro.horaSaida|date('H:i') }}" {% if not registro.horaSaida %}style="display:none;" {% endif %} >
                                        >>
                                    </a>

                                </td>
                            {% endif %}
                        {% endfor %}
                    </tr>
                {% endif %}

                <tr>
                    <th>{{ 'entidade.referencia.txtPortoChegada'|trans }}</th>
                    {% for key, registro in registros %}
                        {% if key == 'composicao' %}
                        <td>{{ form_widget(registro.codPortoChegada,{ 'attr': {'class': ' advancedChoiceFields input-xlarge'} }) }}</td>
                        {% else %}
                            <td>
                                {{ registro.txtPortoChegada }}
                                <a class="advancedChoiceValue pull-right registroValue_{{ registro.cod_registro }}" data-field="{{registros['composicao'].codPortoChegada.get('id')}}"   data-value="{{ registro.cod_porto_chegada}}" {% if not registro.txtPortoChegada %}style="display:none;" {% endif %} >>></a>

                            </td>
                        {% endif %}
                    {% endfor %}
                </tr>
                <tr>
                    <th>{{ 'entidade.referencia.datChegada'|trans }}</th>
                    {% for key, registro in registros %}
                        {% if key == 'composicao' %}
                            <td>
                                <div class="row-fluid">
                                    <div class="control-group span8">
                                        <label for="{{ registro.datChegada.vars.id }}" class=" control-label">Data de chegada</label>
                                        <div class="controls">
                                            {{ form_widget(registro.datChegada,{ 'attr': {'class': 'cemporcento focus','placeholder':'dd/mm/aaaa'} }) }}
                                            <span class="help-inline help-inline-data">{{ form_errors(registro.datChegada) }}</span>
                                        </div>
                                    </div>
                                </div>
                            </td>
                        {% else %}
                            <td>
                                {{ registro.dat_chegada is empty ? "" : registro.dat_chegada|date('locale.date'|trans) }}
                                <a class="dateValue pull-right registroValue_{{ registro.cod_registro }}" data-field="{{registros['composicao'].datChegada.get('id')}}"   data-value="{{ registro.dat_chegada is empty ? "" : registro.dat_chegada|date('locale.date'|trans) }}" {% if not registro.dat_chegada %}style="display:none;" {% endif %} >>></a>

                            </td>
                        {% endif %}
                    {% endfor %}
                </tr>


                {% if FF_habilitar_hora_saida_chegada == 'habilitar' %}
                    <tr>
                        <th>{{ 'entidade.referencia.horaChegada'|trans }}</th>
                        {% for key, registro in registros %}
                            {% if key == 'composicao' %}
                                <td>
                                    <div class="row-fluid">
                                        <div class="control-group span8">
                                            <label for="{{ registro.horaChegada.vars.id }}" class=" control-label">Hora de chegada</label>
                                            <div class="controls">
                                                {{ form_widget(registro.horaChegada,{ 'attr': {'class': 'input-xlarge','placeholder':'Ex: hh:mm'} }) }}
                                                <span class="help-inline help-inline-data">{{ form_errors(registro.horaChegada) }}</span>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                            {% else %}
                                <td>

                                    {{ registro.horaChegada is empty ? "" : registro.horaChegada|date('H:i') }}
                                    <a class="horaValue pull-right registroValue_{{ registro.cod_registro }}" data-field="{{registros['composicao'].horaChegada.get('id')}}"   data-value="{{ registro.horaChegada is empty ? "" : registro.horaChegada|date('H:i') }}" {% if not registro.horaChegada %}style="display:none;" {% endif %} >
                                        >>
                                    </a>

                                </td>
                            {% endif %}
                        {% endfor %}
                    </tr>
                {% endif %}

                <tr>
                    <th>{{ 'entidade.referencia.numDiasPesca'|trans }}</th>
                    {% for key, registro in registros %}
                        {% if key == 'composicao' %}
                            <td>
                                <div class="row-fluid">
                                    <div class="control-group span8">
                                        <label for="{{ registro.numDiasPesca.vars.id }}" class=" control-label">Dias de pesca</label>
                                        <div class="controls">
                                            {{ form_widget(registro.numDiasPesca,{ 'attr': {'class': 'input-xlarge'} }) }}
                                            <span class="help-inline">{{ form_errors(registro.numDiasPesca) }}</span>
                                        </div>
                                    </div>
                                </div>
                            </td>
                        {% else %}
                            <td>
                                {{ registro.num_dia_pesca }}
                                <a class="textValue pull-right registroValue_{{ registro.cod_registro }}" data-field="{{registros['composicao'].numDiasPesca.get('id')}}"   data-value="{{ registro.num_dia_pesca  }}" {% if not registro.num_dia_pesca %}style="display:none;" {% endif %} >>></a>

                            </td>
                        {% endif %}
                    {% endfor %}
                </tr>
                <tr>
                    <th>{{ 'entidade.referencia.numTripulantes'|trans }}</th>
                    {% for registro in registros %}
                        <td>{{ registro.num_tripulantes  }}</td>
                    {% endfor %}
                </tr>
                <tr>
                    <th>{{ 'entidade.referencia.isViagemAgrupada'|trans }}</th>
                    {% for registro in registros %}
                        <td>{{ registro.is_viagem_agrupadas ? 'Sim' : '' }}</td>
                    {% endfor %}
                </tr>
                <tr>
                    <th>{{ 'entidade.referencia.numViagens'|trans }}</th>
                    {% for registro in registros %}
                        <td>{{ registro.num_viagens_agrupadas }}</td>
                    {% endfor %}
                </tr>
                {% if FF_opcoes_esforcos_entrevista == 'informados_naoinformados_semesforco' %}
                    <tr>
                        <th class="required">{{ 'entidade.referencia.indDadosEsforco'|trans }}</th>
                        {% for key, registro in registros %}
                            {% if key == 'composicao' %}
                                <td>{{ form_widget(registro.indDadosEsforco,{ 'attr': {'class': 'advancedChoiceFields input-xlarge'} }) }}</td>
                            {% else %}
                                <td>
                                    {% if registro.ind_dados_esforco == '1'  %}
                                        Informados
                                    {% elseif registro.ind_dados_esforco == '2'  %}
                                        Não Informados
                                    {% elseif registro.ind_dados_esforco == '3'  %}
                                        Sem Esforço
                                    {% else %}
                                        ''
                                    {% endif %}
                                    <a class="advancedChoiceValue pull-right registroValue_{{ registro.cod_registro }}" data-field="{{registros['composicao'].indDadosEsforco.get('id')}}"   data-value="{{ registro.ind_dados_esforco}}" {% if not registro.ind_dados_esforco%}style="display:none;" {% endif %} >>></a>
                                </td>
                            {% endif %}
                        {% endfor %}
                    </tr>
                {% endif %}
                <tr>
                    <th>{{ 'entidade.referencia.txtModalidadePesca'|trans }}</th>
                    {% for key, registro in registros %}
                        {% if key == 'composicao' %}
                            <td>{{ form_widget(registro.indTipoPesca,{ 'attr': {'class': ' advancedChoiceFields input-xlarge composicao'} }) }}</td>
                        {% else %}
                            <td>
                                {{ registro.ind_tipo_pesca == 1 ? 'Profissional' : registro.ind_tipo_pesca == 2 ? 'Amadora' : "" }}
                                <a class="advancedChoiceValue pull-right registroValue_{{ registro.cod_registro }}" data-field="{{registros['composicao'].indTipoPesca.get('id')}}"   data-value="{{ registro.ind_tipo_pesca}}" {% if not registro.ind_tipo_pesca %}style="display:none;" {% endif %} >>></a>
                            </td>
                        {% endif %}
                    {% endfor %}
                </tr>

                <tr>
                    <th class="required"> {{ 'entidade.referencia.txtEntrevistador'|trans }} </th>
                    {% for key, registro in registros %}
                        {% if key == 'composicao' %}
                            <td>{{ form_widget(registro.codAgenteMonitor,{ 'attr': {'class': 'advancedChoiceFields input-xlarge composicao'} }) }}</td>
                        {% else %}
                            <td>
                                {{ registro.txtAgenteMonitor }}
                                <a class="advancedChoiceValue pull-right registroValue_{{ registro.cod_registro }}" data-field="{{registros['composicao'].codAgenteMonitor.get('id')}}"   data-value="{{ registro.cod_agente_monitor}}" {% if not registro.cod_agente_monitor %}style="display:none;" {% endif %} >>></a>
                            </td>
                        {% endif %}
                    {% endfor %}
                </tr>

                <tr>
                    <thead>
                        <tr>
                            <th colspan="{{ registros|length + 2 }}"><h3 class="required">Fonte(s) de Dados</h3></th>
                        </tr>
                    </thead>
                        <tbody id="fonteDados-fields-list" data-prototype="{% filter escape %}{% include 'propesqBundle:Referencia:new_referencia_fonte_dado.html.twig' with {'formFonteDados': registros['composicao'].fonteDados.get('prototype'),'registros':registros, 'countCols': registros|length} %}{% endfilter %}" {% if isShow %} style="display:none" {% endif %}>

                        {% for fontekey, fonteDado in fonteDados %}
                            {%  set indexOut =  loop.index0 %}
                            <tr class="fonteDados-container" id="fonteDados-container-{{fontekey}}" >
                                <th>{{  fonteDado['txt_nome'] }}</th>
                                {% for key, cod_fonte_dado in fonteDado if key > 0 %}
                                    <td>
                                    {% if cod_fonte_dado %}
                                        {{ fonteDado['txt_nome'] }}
                                    {% endif %}
                                        <a class="advancedChoiceFonteDadosValue pull-right registroValue_{{ key}}" data-field="{{registros['composicao'].fonteDados[indexOut].codFonteDado.get('id')}}"   data-value="{{  cod_fonte_dado }}" {% if not cod_fonte_dado %}style="display:none;" {% endif %} >>></a>
                                    </td>
                                {% endfor %}
                                <td>
                                    {% include 'propesqBundle:Referencia:referencia_fonte_dado.html.twig' with {'formFonteDados': registros['composicao'].fonteDados[loop.index0], 'id' : loop.index0, 'countCols': registros|length, 'isShow':true } %}
                                </td>
                            </tr>
                        {% else %}
                            <tr>
                                <td colspan="{{ registros|length +1 }}">Nenhuma fonte de dados cadastrada.</td>
                            </tr>
                        {% endfor %}
                        </tbody>
                        <tbody>
                        <tr>
                            <td colspan="{{ registros|length + 2 }}" >
                                <a href="#" id="add-another-fonteDado">Nova fonte de dados</a>
                            </td>
                        </tr>
                    </tbody>

                </tr>

            </tbody>
            {% if FF_habilitar_quantidade_gelo_viagem == 'habilitar' or  FF_habilitar_quantidade_oleo_viagem == 'habilitar' %}
                <thead>
                    <tr>
                        <th colspan="{{ registros|length + 1 }}"><h3>Insumos</h3></th>
                    </tr>
                </thead>
                <tbody>
                    {% if FF_habilitar_quantidade_gelo_viagem == 'habilitar' %}
                        <tr>
                            <th>{{ 'entidade.referencia.numQuantidadeGelo'|trans }}</th>
                            {% for key, registro in registros %}
                                {% if key == 'composicao' %}
                                    <td>
                                        <div class="row-fluid">
                                            <div class="control-group span8">
                                                <label for="{{ registro.numQuantidadeGelo.vars.id }}" class=" control-label">{{ 'referencia.entidade.numQuantidadeGelo' | trans }}</label>
                                                <div class="controls s">
                                                    {{ form_widget(registro.numQuantidadeGelo,{ 'attr': {'class': 'input-xlarge'} }) }}
                                                    <span class="help-inline help-inline-data">{{ form_errors(registro.numQuantidadeGelo) }}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                {% else %}
                                    <td>

                                        {{ registro.numQuantidadeGelo is empty ? "" : registro.numQuantidadeGelo | number_format( 1, 'locale.decimalsep'|trans, 'locale.swap_thousandsep'|trans) }}
                                        <a class="horaValue pull-right registroValue_{{ registro.cod_registro }}" data-field="{{registros['composicao'].numQuantidadeGelo.get('id')}}"   data-value="{{ registro.numQuantidadeGelo is empty ? "" : registro.numQuantidadeGelo| number_format(1,',', '') }}" {% if not registro.numQuantidadeGelo %}style="display:none;" {% endif %} >
                                            >>
                                        </a>

                                    </td>
                                {% endif %}
                            {% endfor %}
                        </tr>
                    {% endif %}

                    {% if FF_habilitar_quantidade_oleo_viagem == 'habilitar' %}
                        <tr>
                            <th>{{ 'entidade.referencia.numQuantidadeOleo'|trans }}</th>
                            {% for key, registro in registros %}
                                {% if key == 'composicao' %}
                                    <td>
                                        <div class="row-fluid">
                                            <div class="control-group span8">
                                                <label for="{{ registro.numQuantidadeOleo.vars.id }}" class=" control-label">{{ 'referencia.entidade.numQuantidadeOleo' | trans }}</label>
                                                <div class="controls">
                                                    {{ form_widget(registro.numQuantidadeOleo,{ 'attr': {'class': 'input-xlarge'} }) }}
                                                    <span class="help-inline help-inline-data">{{ form_errors(registro.numQuantidadeOleo) }}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                {% else %}
                                    <td>

                                        {{ registro.numQuantidadeOleo is empty ? "" : registro.numQuantidadeOleo | number_format( 1, 'locale.decimalsep'|trans, 'locale.swap_thousandsep'|trans) }}
                                        <a class="horaValue pull-right registroValue_{{ registro.cod_registro }}" data-field="{{registros['composicao'].numQuantidadeOleo.get('id')}}"   data-value="{{ registro.numQuantidadeOleo is empty ? "" : registro.numQuantidadeOleo| number_format(1,',', '') }}" {% if not registro.numQuantidadeOleo %}style="display:none;" {% endif %} >
                                            >>
                                        </a>

                                    </td>
                                {% endif %}
                            {% endfor %}
                        </tr>
                    {% endif %}
                </tbody>
            {% endif %}

            {% if FF_habilitar_destino_producao == 'habilitar_por_viagem' %}
                <thead>
                    <tr>
                        <th colspan="{{ registros|length + 1 }}"><h3>Destino(s) da Produção</h3></th>
                    </tr>
                </thead>
                <tbody id="destino-fields-list"  data-prototype="{% filter escape %}{% include 'propesqBundle:Referencia:new_referencia_destinoProducao.html.twig' with {'formDestinoProducao': registros['composicao'].destinosProducao.get('prototype'),'registros':registros, 'countCols': registros|length} %}{% endfilter %}" {% if isShow %} style="display:none" {% endif %}>
                    {% for destinokey, destinoProducao in destinosProducao %}
                        {%  set indexOut =  loop.index0 %}
                        <tr class="destinoProducao-container" id="destinoProducao-container-{{destinokey}}" >
                            <th>{{ destinoProducao['txt_nome'] }}</th>
                            {% for key, cod_destino_producao in destinoProducao if key > 0 %}
                                <td>
                                    {% if cod_destino_producao %}
                                        {{ destinoProducao['txt_nome'] }}
                                    {% endif %}
                                    <a class="advancedChoiceDestinoProducaoValue pull-right registroValue_{{ key}}" data-field="{{registros['composicao'].destinosProducao[indexOut].codDestinoProducao.get('id')}}"   data-value="{{  cod_destino_producao }}" {% if not cod_destino_producao %}style="display:none;" {% endif %} >>></a>
                                </td>
                            {% endfor %}
                            <td>
                                {% include 'propesqBundle:Referencia:referencia_destino_producao.html.twig' with {'formDestinoProducao': registros['composicao'].destinosProducao[loop.index0], 'id' : loop.index0, 'countCols': registros|length, 'isShow':true } %}
                            </td>
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="{{ registros|length + 1 }}">Nenhum destino da produção cadastrado.</td>
                        </tr>
                    {% endfor %}

                </tbody>
                <tbody>
                <tr>
                    <td colspan="{{ registros|length + 1 }}" >
                        <a href="#" id="add-another-destinoProducao">Novo destino da produção</a>
                    </td>
                </tr>
                </tbody>
            {% endif %}

            <thead>
               <tr>
                    <th colspan="{{ registros|length + 1 }}"><h3>Área de Pesca</h3></th>
               </tr>
            </thead>
            <tbody>
                <tr>
                    <th>{{ 'entidade.referencia.areaPesca.numDistanciaMinima'|trans }}</th>
                    {% for key, registro in registros %}
                        {% if key == 'composicao' %}
                            <td>
                                <div class="row-fluid">
                                    <div class="control-group span8">
                                        <div class="controls">
                                            {{ form_widget(registro.numDistanciaMinima,{ 'attr': {'class': 'input-xlarge'} }) }}
                                            <span class="help-inline">{{ form_errors(registro.numDistanciaMinima) }}</span>
                                        </div>
                                    </div>
                                </div>
                            </td>
                        {% else %}
                            <td>
                                {{ registro.numDistanciaMinima is empty ? "" : registro.numDistanciaMinima | number_format( 2, 'locale.decimalsep'|trans, 'locale.swap_thousandsep'|trans) }}
                                <a class="textValue pull-right registroValue_{{ registro.cod_registro }}" data-field="{{registros['composicao'].numDistanciaMinima.get('id')}}"   data-value="{{ registro.numDistanciaMinima | number_format( 2, 'locale.decimalsep'|trans, 'locale.swap_thousandsep'|trans) }}" {% if not registro.numDistanciaMinima %}style="display:none;" {% endif %} >>></a>
                            </td>
                        {% endif %}
                    {% endfor %}
                </tr>
                <tr>
                    <th>{{ 'entidade.referencia.areaPesca.numDistanciaMaxima'|trans }}</th>
                    {% for key,registro in registros %}
                        {% if key == 'composicao' %}
                            <td>
                                <div class="row-fluid">
                                    <div class="control-group span8">
                                        <div class="controls">
                                            {{ form_widget(registro.numDistanciaMaxima,{ 'attr': {'class': 'input-xlarge'} }) }}
                                            <span class="help-inline">{{ form_errors(registro.numDistanciaMaxima) }}</span>
                                        </div>
                                    </div>
                                </div>
                            </td>
                        {% else %}
                            <td>
                                {{ registro.numDistanciaMaxima is empty ? "" : registro.numDistanciaMaxima | number_format( 2, 'locale.decimalsep'|trans, 'locale.swap_thousandsep'|trans) }}
                                <a class="textValue pull-right registroValue_{{ registro.cod_registro }}" data-field="{{registros['composicao'].numDistanciaMaxima.get('id')}}"   data-value="{{ registro.numDistanciaMaxima | number_format( 2, 'locale.decimalsep'|trans, 'locale.swap_thousandsep'|trans) }}" {% if not registro.numDistanciaMaxima %}style="display:none;" {% endif %} >>></a>
                            </td>
                        {% endif %}
                    {% endfor %}
                </tr>
                <tr>
                    <th>{{ 'entidade.referencia.areaPesca.numProfundidadeMinima'|trans }}</th>
                    {% for key,registro in registros %}
                        {% if key == 'composicao' %}
                            <td>
                                <div class="row-fluid">
                                    <div class="control-group span8">
                                        <div class="controls">
                                            {{ form_widget(registro.numProfundidadeMinima,{ 'attr': {'class': 'input-xlarge'} }) }}
                                            <span class="help-inline">{{ form_errors(registro.numProfundidadeMinima) }}</span>
                                        </div>
                                    </div>
                                </div>
                            </td>
                        {% else %}
                            <td>
                                {{ registro.numProfundidadeMinima is empty ? "" : registro.numProfundidadeMinima | number_format( 2, 'locale.decimalsep'|trans, 'locale.swap_thousandsep'|trans) }}
                                <a class="textValue pull-right registroValue_{{ registro.cod_registro }}" data-field="{{registros['composicao'].numProfundidadeMinima.get('id')}}"   data-value="{{ registro.numProfundidadeMinima | number_format( 2, 'locale.decimalsep'|trans, 'locale.swap_thousandsep'|trans) }}" {% if not registro.numProfundidadeMinima %}style="display:none;" {% endif %} >>></a>
                            </td>
                        {% endif %}
                    {% endfor %}
                </tr>
                <tr>
                    <th>{{ 'entidade.referencia.areaPesca.numProfundidadeMaxima'|trans }}</th>
                    {% for key, registro in registros %}
                        {% if key == 'composicao' %}
                            <td>
                                <div class="row-fluid">
                                    <div class="control-group span8">
                                        <div class="controls">
                                            {{ form_widget(registro.numProfundidadeMaxima,{ 'attr': {'class': 'input-xlarge'} }) }}
                                            <span class="help-inline">{{ form_errors(registro.numProfundidadeMaxima) }}</span>
                                        </div>
                                    </div>
                                </div>
                            </td>
                        {% else %}
                            <td>
                                {{ registro.numProfundidadeMaxima is empty ? "" : registro.numProfundidadeMaxima | number_format( 2, 'locale.decimalsep'|trans, 'locale.swap_thousandsep'|trans) }}
                                <a class="textValue pull-right registroValue_{{ registro.cod_registro }}" data-field="{{registros['composicao'].numProfundidadeMaxima.get('id')}}"   data-value="{{ registro.numProfundidadeMaxima | number_format( 2, 'locale.decimalsep'|trans, 'locale.swap_thousandsep'|trans) }}" {% if not registro.numProfundidadeMaxima %}style="display:none;" {% endif %} >>></a>
                            </td>
                        {% endif %}
                    {% endfor %}
                </tr>
                <tr>
                    <th>{{ 'entidade.referencia.areaPesca.txtLocalPesca'|trans }}</th>
                    {% for key, registro in registros %}
                        {% if key == 'composicao' %}
                            <td>
                                <div class="row-fluid">
                                    <div class="control-group span8">
                                        <div class="controls">
                                            {{ form_widget(registro.txtAreaPesca,{ 'attr': {'class': 'input-xlarge'} }) }}
                                            <span class="help-inline">{{ form_errors(registro.txtAreaPesca) }}</span> 
                                        </div>
                                    </div>
                                </div>
                            </td>
                        {% else %}
                            <td>
                                {{ registro.txtAreaPesca }}
                                <a class="textValue pull-right registroValue_{{ registro.cod_registro }}" data-field="{{registros['composicao'].txtAreaPesca.get('id')}}"   data-value="{{ registro.txtAreaPesca  }}" {% if not registro.txtAreaPesca %}style="display:none;" {% endif %} >>></a>
                            </td>
                        {% endif %}
                    {% endfor %}
                </tr>
                <tr>
                    <thead>
                        <tr>
                            <th colspan="{{ registros|length + 2 }}"><h3>Espacialização</h3></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th> {{ 'entidade.referencia.espacializacao'|trans }} </th>
                            {% for key, registro in registros %}
                                {% if key == 'composicao' %}
                                    <td>
                                        <div id="campoEspacializacao">
                                            {{ form_widget(registro.codRegistroUtilizadoEspacializacao,{ 'attr': {'class': 'input-xlarge composicao'} }) }}
                                            <input id="value_entidade_referencia_codRegistroUtilizadoEspacializacao" type="hidden" name="entidade_referencia[codRegistroUtilizadoEspacializacao]" class=" wf2_isBlank wf2_defaultValue">
                                            <a id="clearEspacializacao" style="display: none;"><p id="cross">×</p></a>
                                        </div>
                                    </td>
                                {% else %}
                                    <td>
                                        {{ registro.txtTipoEspacializacao }}
                                        <a name="registroEspacializacao" class="pull-right registroValue_{{ registro.cod_registro }}" data-field="{{registros['composicao'].codRegistroUtilizadoEspacializacao.get('id')}}" text="{{ registro.txtTipoEspacializacao }}"  data-value="{{ registro.cod_registro}}" {% if not registro.cod_registro %}style="display:none;" {% endif %} >>></a>
                                    </td>
                                {% endif %}
                            {% endfor %}
                        </tr>
                    </tbody>
                </tr>
                {# <tr>
                    <th>{{ 'entidade.referencia.areaPesca.dadosGeograficos'|trans }}</th>
                    <td colspan="{{ registros|length }}"><a href="#" id="visualizarMapa">Visualizar no mapa</a></td>
                </tr> #}
            </tbody>
            <thead>
            <tr>
                <th colspan="{{ registros|length + 2 }}"><h3>Aparelho(s) de Pesca</h3></th>
            </tr>
            </thead>
            <tbody id="aparelhoPesca-fields-list" data-prototype="{% filter escape %}{% include 'propesqBundle:Referencia:new_referencia_aparelhoPesca.html.twig' with {'formAparelhoPesca': registros['composicao'].aparelhosPesca.get('prototype'),'registros':registros, 'countCols': registros|length} %}{% endfilter %}" {% if isShow %} style="display:none" {% endif %}>

            {% for aparelhokey, aparelhoPesca in aparelhosPesca %}
                {%  set indexOut =  loop.index0 %}
                <tr class="aparelhoPesca-container" id="aparelhoPesca-container-{{aparelhokey}}" >
                    <th>{{  aparelhoPesca['txt_nome'] }}</th>
                    {% for key, cod_aparelho_pesca in aparelhoPesca if key > 0 %}
                        <td>
                        {% if cod_aparelho_pesca %}
                            {{ aparelhoPesca['txt_nome'] }}
                        {% endif %}
                            <a class="advancedChoiceAparelhoPescaValue pull-right registroValue_{{ key}}" data-field="{{registros['composicao'].aparelhosPesca[indexOut].codAparelhoPesca.get('id')}}"   data-value="{{  cod_aparelho_pesca }}" {% if not cod_aparelho_pesca %}style="display:none;" {% endif %} >>></a>
                        </td>
                    {% endfor %}
                    <td>
                        {% include 'propesqBundle:Referencia:referencia_aparelhoPesca.html.twig' with {'formAparelhoPesca': registros['composicao'].aparelhosPesca[loop.index0], 'id' : loop.index0, 'countCols': registros|length, 'isShow':true } %}
                    </td>
                </tr>
            {% else %}
                <tr>
                    <td colspan="{{ registros|length +1 }}">Nenhum aparelho de pesca cadastrado.</td>
                </tr>
            {% endfor %}
            </tbody>
            <tbody>
            <tr>
                <td colspan="{{ registros|length + 2 }}" >
                    <a href="#" id="add-another-aparelhoPesca">Novo aparelho de pesca</a>
                </td>
            </tr>
            </tbody>
            </tbody>
            <thead>
               <tr>
                    <th colspan="{{ registros|length + 1 }}"><h3>Capturas</h3></th>
               </tr>
            </thead>
            <tbody id="captura-fields-list" data-prototype="{% filter escape %}{% include 'propesqBundle:Referencia:new_referencia_captura.html.twig' with {'formCaptura': registros['composicao'].capturas.get('prototype'),'registros':registros, 'codUnidadeProdutiva': codUnidadeProdutiva,  'countCols': registros|length} %}{% endfilter %}" {% if isShow %} style="display:none" {% endif %}>
                {% for captura in capturas %}
                    {%  set indexOut =  loop.index0 %}
                    <tr class="captura-container capturaAparelhoPesca capturaAparelhoPesca-id{% if(captura['cod_aparelho_pesca'])  %}-{{ captura['cod_aparelho_pesca'] }} capturaAparelhoPesca-especifico {% endif %} capturaLocalDescarga-id-{{ captura['cod_local_descarga'] }}" >
                        <th>
                            <div>
                                <!-- Campos hidden para composicao -->
                                <input type="hidden" id="{{ registros['composicao'].capturas[indexOut].codAparelhoPesca.vars.id }}" name="{{ registros['composicao'].capturas[indexOut].codAparelhoPesca.vars.full_name }}" class="cemporcento insertaction hasfocus wf2_isBlank wf2_notDefaultValue"  value="{{ registros['composicao'].capturas[indexOut].codAparelhoPesca.vars.value }}">
                                <input type="hidden" id="{{ registros['composicao'].capturas[indexOut].indVinculo.vars.id }}" name="{{ registros['composicao'].capturas[indexOut].indVinculo.vars.full_name }}" class="cemporcento insertaction hasfocus wf2_isBlank wf2_notDefaultValue"  value="{{ registros['composicao'].capturas[indexOut].indVinculo.vars.value }}">
                                <input type="hidden" id="{{ registros['composicao'].capturas[indexOut].codCategoriaPescado.vars.id }}" name="{{ registros['composicao'].capturas[indexOut].codCategoriaPescado.vars.full_name }}" class="cemporcento insertaction hasfocus wf2_isBlank wf2_notDefaultValue"  value="{{ registros['composicao'].capturas[indexOut].codCategoriaPescado.vars.value }}">
                                <input type="hidden" id="{{ registros['composicao'].capturas[indexOut].codLocalDescarga.vars.id }}" name="{{ registros['composicao'].capturas[indexOut].codLocalDescarga.vars.full_name }}" class="cemporcento insertaction hasfocus wf2_isBlank wf2_notDefaultValue"  value="{{ registros['composicao'].capturas[indexOut].codLocalDescarga.vars.value }}">
                                <input type="hidden" id="{{ registros['composicao'].capturas[indexOut].codAmbienteOrigemProducao.vars.id }}" name="{{ registros['composicao'].capturas[indexOut].codAmbienteOrigemProducao.vars.full_name }}" class="cemporcento insertaction hasfocus wf2_isBlank wf2_notDefaultValue"  value="{{ registros['composicao'].capturas[indexOut].codAmbienteOrigemProducao.vars.value }}">
                                <input type="hidden" id="{{ registros['composicao'].capturas[indexOut].codDestinoProducao.vars.id }}" name="{{ registros['composicao'].capturas[indexOut].codDestinoProducao.vars.full_name }}" class="cemporcento insertaction hasfocus wf2_isBlank wf2_notDefaultValue"  value="{{ registros['composicao'].capturas[indexOut].codDestinoProducao.vars.value }}">

                                {{ captura['nome_pescado'] }} ({{ captura['ind_vinculo_txt_nome'] }}  {% if(captura['ind_vinculo'] == 3) %} - {{ captura['nome_aparelho_pesca'] }} {% endif %}  )

                                <br/><br/>{{ captura['nome_local_descarga'] }}

                                {% if FF_habilitar_ambiente_origem_producao == 'habilitar_por_captura' and captura['ambiente_origem_producao_txt_nome'] | length > 0 %}
                                    <br /><br />{{ captura['ambiente_origem_producao_txt_nome'] }} {{ FF_habilitar_destino_producao == 'habilitar_por_captura' and captura['destino_producao_txt_nome'] | length > 0 ? ' - ' : '' }}
                                {% endif %}

                                {% if FF_habilitar_destino_producao == 'habilitar_por_captura' and captura['destino_producao_txt_nome'] | length > 0 %}
                                    {{ FF_habilitar_ambiente_origem_producao != 'habilitar_por_captura' or captura['ambiente_origem_producao_txt_nome'] | length == 0 ? '<br /><br />' : '' }}
                                    {{ captura['destino_producao_txt_nome'] }}
                                {% endif %}
                            </div>
                        </th>
                        {% for key, quantidade in captura if key > 0 %}
                            <td>
                                {% if ((quantidade['quantidadeKG']  <= 0) and (quantidade['quantidadeUN']  > 0) ) %}
                                    <input type="hidden"  class="unidadeCaptura_invalida_{{ key }}" value="{{ key }}" />

                                    <span class="pull-left">{{ quantidade['quantidadeUN'] |      dinamicNumberFormat(2, 'locale.decimalsep'|trans, 'locale.swap_thousandsep'|trans,4)}}</span>
                                    <span class="pull-rigth">
                                        <p class="referenciaDanger"><strong>{{ captura['unidade_txt_nome']  }}</strong> não possui conversão para <strong>KG</strong>.<br>Não é possível utilizar esse dado.</p>
                                    </span>
                                    <a class="capturaValue pull-right registroValue_{{ key }}" data-field="{{registros['composicao'].capturas[indexOut].numQuantidadeKg.get('id') }}"   data-value="{{ quantidade['quantidadeKG'] | number_format(4, 'locale.decimalsep'|trans, '') }}"
                                       data-field-preco="{{registros['composicao'].capturas[indexOut].numPreco.get('id') }}"
                                       data-preco="{{  quantidade['preco'] is empty ? "" :  quantidade['preco'] | number_format(2,'locale.decimalsep'|trans, '') }}" style="display:none;"  >>></a>
                                {% else  %}
                                    {{ quantidade['quantidadeKG']  | dinamicNumberFormat(2, 'locale.decimalsep'|trans, 'locale.swap_thousandsep'|trans,4) }}
                                    <a class="capturaValue pull-right registroValue_{{ key }}" data-field="{{registros['composicao'].capturas[indexOut].numQuantidadeKg.get('id')}}"   data-value="{{ quantidade['quantidadeKG'] | number_format(4, 'locale.decimalsep'|trans, '') }}"

                                       data-field-preco="{{registros['composicao'].capturas[indexOut].numPreco.get('id') }}"
                                       data-preco="{{  quantidade['preco'] is empty ? "" :  quantidade['preco'] | number_format(2,'locale.decimalsep'|trans, '') }}" {% if not quantidade %}style="display:none;" {% endif %} >>></a>
                                {% endif %}
                            </td>
                        {% endfor %}
                        <td>
                            {% include 'propesqBundle:Referencia:referencia_captura.html.twig' with {'formCaptura': registros['composicao'].capturas[loop.index0], 'id' : loop.index0, 'countCols': registros|length, 'isShow':true } %}
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="{{ registros|length + 1 }}">Nenhuma captura cadastrada.</td>
                    </tr>
                {% endfor %}
            </tbody>
            <tbody>
            <tr>
                <td colspan="{{ registros|length + 1 }}" >
                    <a href="#" id="add-another-captura">Nova captura</a>
                </td>
            </tr>
            </tbody>
            <thead>
               <tr>
                    <th colspan="{{ registros|length + 1 }}"><h3>Esforço</h3></th>
               </tr>
            </thead>
            <tbody id="esforco-fields-list"  {% if isShow %} style="display:none" {% endif %}>
                {% set aparelho = "" %}
                {% for esforco in esforcos %}
                    {% if aparelho != esforco[0] %}
                        {% set aparelho = esforco[0] %}
                        <tr class="esforco_aparelho_{{ esforco['cod_aparelho'] }}">
                            <th
                                    colspan="{{ registros|length + 1 }}">{{ esforco[0] }}
                            </th>
                        </tr>
                    {% endif %}
                        <tr class="esforco_aparelho_{{ esforco['cod_aparelho'] }} view">
                        {% for key, quantidade in esforco if key > 0 %}
                            {% if key == 1 %}
                                <td>
                                    <div style="padding-left: 30px">{{ quantidade }}</div>
                                </td>
                            {% else %}
                                    {% if  esforco.questionario.ind_tipo  == 6 %}
                                        <td class="no-padding">
                                            {% include 'propesqBundle:Referencia:referencia_esforco_view.html.twig' with {'id' : loop.index0, 'resposta': quantidade, 'questionario': esforco.questionario, 'aparelho': esforco['cod_aparelho'], 'countCols': registros|length, 'cod_registro' : key } %}
                                        </td>
                                    {% elseif  esforco.questionario.ind_tipo  == 4 %}
                                        <td>
                                            {% set qtd = (quantidade |replace({'; ':''}) |raw) | length %}
                                            {{ quantidade |replace({'; ':'<br>'}) |raw }}
                                            {% if qtd > 0 %}
                                                <a class="checkboxValue pull-right registroValue_{{ key }}" data-field="esforco_{{ esforco['cod_aparelho'] }}_{{ esforco.questionario['id']}}"   data-value="{{ quantidade |  regexreplace('/[^\\da-z;]/i') }}" {% if not quantidade %}style="display:none;" {% endif %} >>></a>
                                            {% endif %}
                                        </td>
                                    {% elseif  esforco.questionario.ind_tipo  == 8 %}
                                        <td>
                                            {% set qtd =  ((quantidade |replace({';':''})|trim) |raw) |length  %}
                                            {{ quantidade |replace({'; ':', '}) |raw }}
                                            <a class="chosenValue pull-right registroValue_{{ key }}" data-field="esforco_{{ esforco['cod_aparelho'] }}_{{ esforco.questionario['id']}}"   data-value="{{ quantidade  }}" {% if not quantidade %}style="display:none;" {% endif %} >>></a>
                                        </td>
                                    {% else %}
                                        <td>
                                            {{ quantidade }}
                                            <a class="textValue pull-right registroValue_{{ key }}" data-field="esforco_{{ esforco['cod_aparelho'] }}_{{ esforco.questionario['id']}}"   data-value="{{ quantidade }}" {% if not quantidade %}style="display:none;" {% endif %} >>></a>
                                        </td>
                                    {%  endif %}

                            {% endif %}
                        {% endfor %}
                            <td class="max500">
                                {% include 'propesqBundle:Referencia:referencia_esforco.html.twig' with {'id' : loop.index0, 'respostas': respostas ,'questionario': esforco.questionario, 'aparelho': esforco['cod_aparelho'], 'countCols': registros|length, 'isShow':true } %}
                            </td>
                        </tr>
                {% else %}
                    <tr>
                        <td colspan="{{ registros|length + 1 }}">Nenhum esforço cadastrado.</td>
                    </tr>
                {% endfor %}
            </tbody>
            {% if FF_habilitar_suspeita == 'habilitar' %}
                <thead>
                <tr>
                    <th colspan="{{ registros|length + 1 }}"><h3>Crítica sobre os dados da viagem</h3></th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <th>{{ 'entidade.referencia.txtSuspeita'|trans }}</th>
                    {% for key, registro in registros %}
                        {% if key == 'composicao' %}
                            <td>
                                {{ form_widget(registro.codSuspeita,{ 'attr': {'class': ' advancedChoiceFields input-xlarge'} }) }}
                                <span class="help-inline alert cod-suspeita" style="display: none;"></span>
                            </td>
                        {% else %}
                            <td>
                                {{ registro.txtSuspeita }}
                                <a class="selectSuspeita advancedChoiceValue pull-right registroValue_{{ registro.cod_registro }}" data-field="{{registros['composicao'].codSuspeita.get('id')}}"   data-value="{{ registro.cod_suspeita }}" {% if not registro.txtSuspeita %} style="display:none;" {% endif %} >>></a>
                            </td>
                        {% endif %}
                    {% endfor %}
                </tr>
                </tbody>
            {% endif %}
        </table>
    </fieldset>

    <div class=" div-actions">
        <button type="submit" accesskey="s" 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('referencia') }}" title="{{'acao.cancelar'|trans}}">{{'acao.cancelar'|trans}}</a>
    </div>
</form>
    </div>
</div>
<script>
    //controla exibição de mensagem informando que os campos desabilitados não serão salvos.
    var avisoCamposDesabilitados = true;
    /*
    * Caso algum valor seja alterado, ou seja selecionado uma opção >> o tipo da referencia será marcado como 4, (Misto)
    */
    function setComposicao(ignoreSetComposicao){
        if( !!!ignoreSetComposicao) {
            $("#registro_composicao").prop('checked', true);
        }
    }

    var arrayEsforcos = new Array();
    var arrayAparelhos = new Array();

    var arrayAparelhosView = new Array();

    {%  for index, aparelho in aparelhosPesca  %}
        arrayAparelhosView.push('{{ index }}');
    {% endfor %}

    function changedAdvancedChoice(){
        setComposicao();
    }

    function testaNumDiasPesca(){



        var $dias = $('#{{registros['composicao'].numDiasPesca.vars.id}}');
        $dias.setError(false);

        if (!testaDiasDePesca('{{ registros['composicao'].datSaida.vars.id }}', '{{ registros['composicao'].datChegada.vars.id }}', '{{registros['composicao'].numDiasPesca.vars.id}}')) {
            $dias.setError('O número de dias deve ser menor ou igual ao intervalo das datas de saída e de chegada.');
            return false;
        }


        return true;

    }

    function validaDistanciaCosta() {
        var $distanciaMinima = $('#entidade_referencia_numDistanciaMinima');
        var $distanciaMaxima = $('#entidade_referencia_numDistanciaMaxima');
        $distanciaMaxima.setError(false);

        if(parseFloat($distanciaMaxima.val().replace(',', '.')) < parseFloat($distanciaMinima.val().replace(',', '.'))) {
            $distanciaMaxima.setError('A distância máxima deve ser maior ou igual a mínima');
            return false;
        }

        return true;
    }

    function testaProfundidade() {
        var $profundidadeMinima = $('#entidade_referencia_numProfundidadeMinima');
        var $profundidadeMaxima = $('#entidade_referencia_numProfundidadeMaxima');
        $profundidadeMaxima.setError(false);

        if(parseFloat($profundidadeMaxima.val().replace(',', '.')) < parseFloat($profundidadeMinima.val().replace(',', '.'))) {
            $profundidadeMaxima.setError('A profundidade máxima deve ser maior ou igual a mínima');
            return false;
        }

        return true;
    }

    function validaDiferencaData() {
        $("#datDescargaInfo").hide();
        if ($("#{{ form.datDescarga.vars.id }}").val() != undefined && $("#{{ form.datDescarga.vars.id }}").val() != "" &&
                $("#{{ form.datChegada.vars.id }}").val() != undefined && $("#{{ form.datChegada.vars.id }}").val() != "") {
            var day = 1000 * 60 * 60  * 24;

            var nova1 = $("#{{ form.datChegada.vars.id }}").val().toString().split('/');
            var n1 = nova1[1]+"/"+nova1[0]+"/"+nova1[2];

            var nova2 = $("#{{ form.datDescarga.vars.id }}").val().toString().split('/');
            var n2 = nova2[1]+"/"+nova2[0]+"/"+nova2[2];


            var d1 = new Date(n1);
            var d2 = new Date(n2);

            var daysPassed = Math.round((d2.getTime() - d1.getTime()) / day);

            if (daysPassed > 2) {
                $("#datDescargaInfo").show();
            }
        }

        testaNumDiasPesca();
    }

    $('.selectSuspeita').on('click', function () {
        var id = $(this).data().value;
        $(".alert.cod-suspeita").html('').hide();
        if (!!id) {
            var url = '{{ path('suspeita_json_info') }}';
            $.ajax({
                type: 'post',
                data: {'codSuspeita': id},
                dataType: 'json',
                url: url,
                beforeSend: function () {
                    loader('body', false);
                },
                success: function (data) {
                    var data = $.parseJSON(data);
                    if (data.indOmitirRelatorioPublico) {
                        var infoSuspeita = 'Atenção! A viagem não será considerada para o relatório público.';
                        $(".alert.cod-suspeita").html(infoSuspeita).show();
                    }
                    loader('body', true);
                },
                error: function () {
                    loader('body', true);
                }
            });
        }
    });

    function updateSuspeitaInfo(combo, first) {
        var obj = combo.getSelectedObject();
        $(".alert.cod-suspeita").html('').hide();



        if (obj != undefined) {



            var url = '{{ path('suspeita_json_info') }}';
            $.ajax({
                type: 'post',
                data: {'codSuspeita': obj.id},
                dataType: 'json',
                url: url,
                beforeSend: function () {
                    loader('body', false);
                },
                success: function (data) {
                    var data = $.parseJSON(data);
                    if (data.indOmitirRelatorioPublico) {
                        var infoSuspeita = 'Atenção! A viagem não será considerada para o relatório público.';
                        $(".alert.cod-suspeita").html(infoSuspeita).show();
                    }
                    loader('body', true);
                },
                error: function () {
                    loader('body', true);
                }
            });
        }
    }

    $(document).ready(function(){
        if (arrayAparelhos.length <= 0) {
            $('#esforco-fields-list').find('.pull-right').css('display', 'none')
        }

        {% if FF_habilitar_suspeita == 'habilitar' %}
        {{registros['composicao'].codSuspeita.vars.id}}.setOnChangeFunction(updateSuspeitaInfo);
        {% endif %}

        {% if FF_habilitar_hora_saida_chegada == 'habilitar' %}
            $("#{{ registros['composicao'].datChegada.vars.id }}, #{{ registros['composicao'].horaChegada.vars.id }}").on('change', function(){
                $(this).setError(false);
                testaDataHora('{{ registros['composicao'].datChegada.vars.id }}','{{ registros['composicao'].horaChegada.vars.id }}', '>=', '{{ registros['composicao'].datSaida.vars.id }}','{{ registros['composicao'].horaSaida.vars.id }}');
                testaData('{{ registros['composicao'].datChegada.vars.id }}', '<=', '{{ registros['composicao'].datDescarga.vars.id }}');
                validaDiferencaData();
                return dataMaiorHoje($(this))
            });

            $("#{{ registros['composicao'].datSaida.vars.id }}, #{{ registros['composicao'].horaSaida.vars.id }}").on('change', function(){
                $(this).setError(false);
                testaDataHora('{{ registros['composicao'].datSaida.vars.id }}', '{{ registros['composicao'].horaSaida.vars.id }}', '<=', '{{ registros['composicao'].datChegada.vars.id }}', '{{ registros['composicao'].horaChegada.vars.id }}');
                validaDiferencaData();
                return dataMaiorHoje($(this))
            });




        {% else %}

        $("#{{ registros['composicao'].datChegada.vars.id }}").on('change', function(){

            $(this).setError(false);
            testaData('{{ registros['composicao'].datChegada.vars.id }}', '>=', '{{ registros['composicao'].datSaida.vars.id }}');
            testaData('{{ registros['composicao'].datChegada.vars.id }}', '<=', '{{ registros['composicao'].datDescarga.vars.id }}');
            validaDiferencaData();
            return dataMaiorHoje($(this))
        });


        $("#{{ registros['composicao'].datSaida.vars.id }}").on('change', function(){
            $(this).setError(false);
            testaData('{{ registros['composicao'].datSaida.vars.id }}', '<=', '{{ registros['composicao'].datChegada.vars.id }}');
            validaDiferencaData();
            return dataMaiorHoje($(this))
        });

        {% endif %}


        $("#{{ registros['composicao'].datDescarga.vars.id }}").on('change', function(){
            $(this).setError(false);
            testaData('{{ registros['composicao'].datDescarga.vars.id }}', '>=', '{{ registros['composicao'].datChegada.vars.id }}');

            validaDiferencaData();
            return dataMaiorHoje($(this))
        });


        $("#{{ registros['composicao'].numDiasPesca.vars.id }}").on('change', function(){
            $(this).setError(false);
            return validaDiferencaData();
        });

        $("#entidade_referencia_numDistanciaMinima").on('change', function(){
            $(this).setError(false);
            return validaDistanciaCosta();
        });

        $("#entidade_referencia_numDistanciaMaxima").on('change', function(){
            $(this).setError(false);
            return validaDistanciaCosta();
        });

        $("#entidade_referencia_numProfundidadeMinima").on('change', function(){
            $(this).setError(false);
            return testaProfundidade();
        });

        $("#entidade_referencia_numProfundidadeMaxima").on('change', function(){
            $(this).setError(false);
            return testaProfundidade();
        });

        $("#entidade_referencia_codRegistroUtilizadoEspacializacao").attr('readonly', 'readonly');
        $("#entidade_referencia_codRegistroUtilizadoEspacializacao").attr('class', 'composicao');
        
        $("#clearEspacializacao").on('click', function () {
            $("#entidade_referencia_codRegistroUtilizadoEspacializacao").removeAttr('value');
            $("#value_entidade_referencia_codRegistroUtilizadoEspacializacao").removeAttr('value');
            $("#clearEspacializacao").attr('style', 'display: none;');
        });

        $("a[name='registroEspacializacao']").live('click', function(event, ignoreSetComposicao) {
            $text = $(this).attr('text');
            $codRegistroEspacializacao = $(this).attr('data-value');
            $("#entidade_referencia_codRegistroUtilizadoEspacializacao").attr('value', $text);
            $("#clearEspacializacao").attr('style', 'user-select: none');
            $("#value_entidade_referencia_codRegistroUtilizadoEspacializacao").attr('value', $codRegistroEspacializacao);
            $("#clearEspacializacao").attr('style', 'display: block;');
            setComposicao(ignoreSetComposicao);
        });

        $('form').submit(function(){
            var $dataDescarga = $("#{{ registros['composicao'].datDescarga.vars.id }}");

            $dataDescarga.setError(false);
            if($("[name='registro']:checked").val() == 'composicao') {


                if (!validaData($dataDescarga.val(), 'required')) {
                    $dataDescarga.setError('Você deve informar uma data válida.');
                }
            }
            if (arrayLocaisDescarga === null || arrayLocaisDescarga.length === 0) {
                var $localDescarga = $('#entidade_referencia_locaisDescarga_0_codLocalDescarga');
                $('html,body').animate({scrollTop: 0}, 1000);
                $localDescarga.find('.goog-control')[2].setAttribute('class', 'requiredCombobox goog-control')
                $localDescarga.setError("{{ ('combobox.localdescarga' | trans) }}");
                return false;
            }
            //alert-error
            if($("[name='registro']:checked").val() == 'composicao'  &&  $(".alert-error:visible").length > 0) {
                $('html,body').animate({scrollTop: ($($(".alert-error").first()).offset().top) - 35}, 1000);
                return false;
            }
            var isValido = true;
            {% if FF_habilitar_hora_saida_chegada == 'habilitar' %}


                if (($('#{{ registros['composicao'].datSaida.vars.id }}').val() != "" && $('#{{ registros['composicao'].datChegada.vars.id }}').val() != "" &&
                        !testaDataHora('{{ registros['composicao'].datChegada.vars.id  }}','{{ registros['composicao'].horaChegada.vars.id }}',
                            '>=',
                            '{{ registros['composicao'].datSaida.vars.id}}','{{ registros['composicao'].horaSaida.vars.id }}'))) {
                    isValido = false;
                }

                if(!validaHora('{{ registros['composicao'].horaChegada.vars.id }}')){
                    var idHoraChegada = '{{ registros['composicao'].horaChegada.vars.id }}';
                    var labelChegada = $('label[for="' + idHoraChegada + '"]').html();
                    $('#'+idHoraChegada).setError('A "' + labelChegada + '" deve ser uma hora válida.');
                    isValido = false;
                }

                if(!validaHora('{{ registros['composicao'].horaSaida.vars.id }}')){
                    var idHoraSaida = '{{ registros['composicao'].horaSaida.vars.id }}';
                    var labelSaida = $('label[for="' + idHoraSaida + '"]').html();
                    $('#'+idHoraSaida).setError('A "' + labelSaida + '" deve ser uma hora válida.');
                    isValido = false;
                }


            {% endif %}

            if(!isValido){
                return false;
            }

            if(!testaNumDiasPesca()){
                return false;
            }

            if(!validaDistanciaCosta()){
                return false;
            }

            if(!testaProfundidade()){
                return false;
            }

            if($("[name='registro']:checked").val() == 'composicao'  &&  $("[name!='registro'][disabled]").length > 0) {
                if (avisoCamposDesabilitados) {
                    $.fn.dialog2.helpers.confirm("{{ 'alertas.validar.composicao' | trans  }}", {
                        closeOnEscape: false,
                        title: 'Atenção!',
                        confirm: function () {
                            avisoCamposDesabilitados = false;
                            $('form').trigger('submit');
                        },
                        decline: function () {
                            return false;
                        }
                    });
                   return false;
                }
            }
        });
        ignoreSetComposicao = true;
        for (x = 0; x < capturas.getCount(); x++){
            updateAparelhoList(x, true, true);
        }

        $('.hasDatepicker').change(function(){
            setComposicao();
        });

        $('.capturaQtdKg').change(function(){
            setComposicao();
        });

        $.each($(".advancedChoiceFields"), function(index,field){
            var fieldId = $(field).attr('id');
            if($(this).attr('id') === 'entidade_referencia_codSuspeita'){
                eval(fieldId+'.setOnChangeFunction(updateSuspeitaInfo)');
            }else{
                eval(fieldId+'.setOnChangeFunction(changedAdvancedChoice)');
            }
        });

        $.each($(".advancedChoiceAparelhoPescaFields"), function(index,field) {
            var fieldId = $(field).attr('id');
            //eval(fieldId + '.setOnChangeFunction(updateAparelhoList)');
        });

        $.each($("input[name='registro']"), function(index,field){
            var idRegistro  = $(field).val();
            if($('.unidadeCaptura_invalida_'+idRegistro).length > 0){
                $(field).attr('disabled','disabled');
                $('.registro-help-inline-'+idRegistro).html('Este registro possui capturas sem<br/> unidade de conversão para <strong>KG</strong>.');
            }
        });

        $("input[name='registro']" ).live('change',function(){
            var idRegistro = $(this).val();

            if(idRegistro != 'composicao'){
                var fields = $('.advancedChoiceAparelhoPescaFields');
                $.each(fields, function( index, field ) {
                    $(field).setInfo(false);
                });
            }
            if($('.unidadeCaptura_invalida_'+idRegistro).length <= 0){
                var valores = $('.registroValue_'+idRegistro);

                $.each(valores, function( index, value ) {
                    $(value).trigger('click',true);
                });
            }
        });

        $('.advancedChoiceValue').live('click',function(event,ignoreSetComposicao){
            var field = $(this).data('field');
            var value = $(this).data('value');

            if(value) {
                eval(field + ".setSelectedByValue(" + value + ",false)");
            }else{
                eval(field + ".setSelectedByValue('',false)");
            }
            setComposicao(ignoreSetComposicao);

        });

        // Desabilita os campos de esforço de cara aparelho de pesca
        $.each($('.advancedChoiceAparelhoPescaValue:visible'), function(index,field) {
            removerEsforco($(this).data('value'));
        });

        $('.advancedChoiceAparelhoPescaValue').live('click',function(event,ignoreSetComposicao){
            var field = $(this).data('field');
            var value = $(this).data('value');
            eval(field + ".setSelectedByValue(" + value + ")");


            var activeItem = eval(field + ".getSelectedItem()");
            if( !!!ignoreSetComposicao) {
                if(!!!activeItem){
                    $("#"+field).setInfo("Aparelho indisponível para seleção em registros de viagens. Para selecionar, é necessário editar o cadastro do aparelho de pesca.")
                }
            }
            setComposicao(ignoreSetComposicao);
        });

        $('.advancedChoiceDestinoProducaoValue').live('click',function(event,ignoreSetComposicao){
            var field = $(this).data('field');
            var value = $(this).data('value');
            eval(field + ".setSelectedByValue(" + value + ")");
            setComposicao(ignoreSetComposicao);
        });

        $('.advancedChoiceLocalDescargaValue').live('click',function(event,ignoreSetComposicao){
            var field = $(this).data('field');
            var value = $(this).data('value');
            eval(field + ".setSelectedByValue(" + value + ")");
            setComposicao(ignoreSetComposicao);
        });

        $('.advancedChoiceFonteDadosValue').live('click',function(event,ignoreSetComposicao){
            var field = $(this).data('field');
            var value = $(this).data('value');
            eval(field + ".setSelectedByValue(" + value + ")");
            setComposicao(ignoreSetComposicao);
        });

        $('.textValue').live('click',function(event,ignoreSetComposicao){
            var field = $(this).data('field');
            var value = $(this).data('value');
            $("#"+field).val(value);


            if(ignoreSetComposicao){
                $("#"+field).setError(false);
            }else{
                $("#"+field).trigger('change');
            }

            setComposicao(ignoreSetComposicao);
        });


        $('.capturaValue').live('click',function(event,ignoreSetComposicao){
            var field = $(this).data('field');
            var value = $(this).data('value');
            var fieldPreco = $(this).data('field-preco');
            var preco = $(this).data('preco');

            $("#"+fieldPreco).val(preco);
            $("#"+field).val(value);

            if(ignoreSetComposicao){
                $("#"+field).setError(false);
            }else{
                $("#"+field).trigger('change');
            }

            setComposicao(ignoreSetComposicao);
        });

        $('.dateValue').live('click',function(event,ignoreSetComposicao) {
            var field = $(this).data('field');
            var value = $(this).data('value');
            $("#"+field).datepicker("setDate", value);

            if($("#" + field)[0].required){
                $("label[for="+ $("#" + field)[0].id +"]").css({
                    "border-color": "",
                    "color": ""
                });
                $("#" + field).css({
                    "border-color": "",
                    "color": ""
                }); 
            }

            if( !!!ignoreSetComposicao) {
                $("#" + field).trigger('change');
            }
            setComposicao(ignoreSetComposicao);
        });


        $('.horaValue').live('click',function(event,ignoreSetComposicao) {
            var field = $(this).data('field');
            var value = $(this).data('value');
            $("#"+field).val(value);

            if( !!!ignoreSetComposicao) {
                $("#" + field).trigger('change');
            }
            setComposicao(ignoreSetComposicao);
        });

        $('.checkboxValue').live('click',function(event,ignoreSetComposicao) {
            var field = $(this).data('field');
            var values = getMultipleValue($(this).data('value'));

            $.each(values,function(index, value){

                    $("#"+field+'_'+value).attr('checked','checked');
            });
            setComposicao(ignoreSetComposicao);
        });


        $('.chosenValue').live('click',function(event,ignoreSetComposicao) {
            var field = $(this).data('field');
            var values = getMultipleValue($(this).data('value'));

            $.each(values,function(index, value){
                $("#"+field+" option[value='" + value + "']").prop("selected", true);
            });
            $("#"+field).trigger("liszt:updated");
            setComposicao(ignoreSetComposicao);
        });

        $('.chosenValue').each(function () {
            var field = $(this).data('field');
            $("#"+field).trigger("liszt:updated");
        });

        $('.agrupadasValue').live('click',function(event,ignoreSetComposicao) {
            var fields = $("."+$(this).data('field'));

            $.each(fields,function(index, field){

                var fieldId = $(field).data('field');
                var fieldValue = $(field).html();

                $("#"+fieldId).val(fieldValue);
            });
            setComposicao(ignoreSetComposicao);
        });


        function getMultipleValue(value){
            var values = value.replace(/; /g,';');
            return values.split(';');
        }



        function modalReferencia(idUnidadeProdutiva, datDescarga, idRegistro, idLocalDescarga){
            $.fn.dialog2({
                content: "{{ path('dissociar_show_referencias') }}?idUnidadeProdutiva="+idUnidadeProdutiva+"&datDescarga="+datDescarga+'&idRegistro='+idRegistro+"&idReferencia="+{{ entity.id }}+"&idLocalDescarga="+idLocalDescarga,
                showCloseHandle: true,
                closeOnOverlayClick: false,
                closeOnEscape: false,
                initialLoadText: 'Carregando...'
            });
        }

        $('.dissociar').on('click', function(){
            var idRegistro = $(this).data('value');
            var datDescarga = $('.dataDescarga[data-registro="' + idRegistro + '"]').attr('value');
            var idUnidadeProdutiva = $('.unidadeProdutiva[data-registro="' + idRegistro + '"]').val();
            var idLocalDescarga = $('.locaisDescarga[data-registro="' + idRegistro + '"]').val();


            $.ajax({
                    type: 'post',
                    data: null,
                    url: "{{ path('dissociar_show_referencias') }}?&idLocalDescarga="+idLocalDescarga+"&idUnidadeProdutiva="+idUnidadeProdutiva+"&datDescarga="+datDescarga+'&idRegistro='+idRegistro+"&idReferencia="+{{ entity.id }},
                    beforeSend: function(){
                        loader('body', false);
                    },
                    success: function(data){
                        ajax = false;

                        if(data){
                            modalReferencia(idUnidadeProdutiva, datDescarga, idRegistro, idLocalDescarga);
                        }else{
                            dissociar(0, idRegistro);
                        }

                        loader('body', true);

                    },
                    error: function(){
                        loader('body', true);
                    }
            });

            return false;

        });

        function dissociar(idReferencia, idRegistro){
            var url = '{{ path('dissociar_referencia', {'idRef' : "__IDREFERENCIA__", 'idReg' : "__IDREGISTRO__"}) }}'.replace('__IDREFERENCIA__', idReferencia).replace('__IDREGISTRO__', idRegistro);
            $.ajax({
                type: 'post',
                data: {'idRef' : idReferencia, 'idReg' : idRegistro},
                url: url,
                beforeSend: function(){
                    loader('body', false);
                },
                success: function(data){
                    window.location.assign('{{ path('referencia', {'id' : '__IDREFERENCIA'}) }}'.replace('__IDREFERENCIA__', idReferencia))
                },
                error: function(){
                    loader('body', true);
                }
            });
        }
    });


    var aparelhosPesca = new Prototype.Class({
        'count'       :{{ registros['composicao'].aparelhosPesca|length }},
        'list'        : '#aparelhoPesca-fields-list',
        'addButton'   : '#add-another-aparelhoPesca',
        'removeButton': '#remover-aparelhoPesca',
        'container'   : '.aparelhoPesca-container',
        'onDelete'    : updateAparelhoList,
        'isEdit'       : '{{entity.id}}'
    });

    var destinosProducao = new Prototype.Class({
        'count'       :{{ registros['composicao'].destinosProducao|length }},
        'list'        : '#destino-fields-list',
        'addButton'   : '#add-another-destinoProducao',
        'removeButton': '#remover-destinoProducao',
        'container'   : '.destinoProducao-container',
        'onDelete'    : updateDestinoProducaoList,
        'isEdit'       : '{{entity.id}}'
    });

    var locaisDescarga = new Prototype.Class({
        'count'       :{{ registros['composicao'].locaisDescarga|length }},
        'list'        : '#localDescarga-fields-list',
        'addButton'   : '#add-another-localDescarga',
        'removeButton': '#remover-localDescarga',
        'container'   : '.localDescarga-container',
        'onDelete'    : updateLocalDescargaList,
        'isEdit'       : '{{entity.id}}'
    });

    var capturas = new Prototype.Class({
        'count'       :{{ registros['composicao'].capturas|length }},
        'list'        : '#captura-fields-list',
        'addButton'   : '#add-another-captura',
        'removeButton': '#remover-captura',
        'container'   : '.captura-container',
        'isEdit'       : '{{entity.id}}'
    });

    var fonteDados = new Prototype.Class({
        'count'       :{{ registros['composicao'].fonteDados|length }},
        'list'        : '#fonteDados-fields-list',
        'addButton'   : '#add-another-fonteDado',
        'removeButton': '#remover-fonteDado',
        'container'   : '.fonteDados-container',
        'onDelete'    : updateFonteDadosList,
        'isEdit'       : '{{entity.id}}'
    });


    var arrayDestinosProducao = [];
    var arrayFonteDados = [];

    function updateFonteDadosList(combo, idDeleted){
        if(idDeleted){
            var pos = arrayFonteDados.indexOf(parseInt(idDeleted, 10));
            arrayFonteDados.splice(pos, 1);
        }else{
            var regex = /\d+/;
            var match = regex.exec(combo.idContainer);
            var lastId = (combo.getLastSelectedObject() == null)?'':parseInt(combo.getLastSelectedObject().id);
            var newId = parseInt(combo.getSelectedObject().id);
            if(newId != lastId) {
                if (newId && $.inArray(newId, arrayFonteDados) <= -1) {
                    arrayFonteDados.push(newId);
                } else {
                    combo.setSelectedByValue('', false);
                    $("#" + combo.idContainer).setError("Opção já selecionada.");
                }

                if (lastId && $.inArray(lastId, arrayFonteDados) > -1) {
                    var pos = arrayFonteDados.indexOf(parseInt(lastId, 10));
                    arrayFonteDados.splice(pos, 1);
                }
            }
        }
    }


    {%  for index, aparelho in destinosProducao  %}
        arrayDestinosProducao.push('{{ index }}');
    {% endfor %}

    function updateDestinoProducaoList(combo, idDeleted){
        if(idDeleted){
            var pos = arrayDestinosProducao.indexOf(parseInt(idDeleted, 10));
            arrayDestinosProducao.splice(pos, 1);
        }else{
            var regex = /\d+/;
            var match = regex.exec(combo.idContainer);
            var lastId = (combo.getLastSelectedObject() == null)?'':parseInt(combo.getLastSelectedObject().id);
            var newId = parseInt(combo.getSelectedObject().id);
            if(newId != lastId) {
                if (newId && $.inArray(newId, arrayDestinosProducao) <= -1) {
                    arrayDestinosProducao.push(newId);
                } else {
                    combo.setSelectedByValue('', false);
                    $("#" + combo.idContainer).setError("Opção já selecionada.");
                }

                if (lastId && $.inArray(lastId, arrayDestinosProducao) > -1) {
                    var pos = arrayDestinosProducao.indexOf(parseInt(lastId, 10));
                    arrayDestinosProducao.splice(pos, 1);
                }
            }
        }
    }

    var arrayAparelhos = new Array();
    var arrayEsforcos = new Array();
    var arrayLocaisDescarga = new Array();




    function updateAparelhoList(combo, idDeleted , ignoreSetComposicao){
        if(idDeleted){
            var pos = arrayEsforcos.indexOf(parseInt(idDeleted, 10));


            $(arrayLocaisDescarga).each(function() {
                $('.capturaAparelhoPesca-id-' + idDeleted+'.capturaLocalDescarga-id-'+this).find('.capturaQtdKg').attr('disabled', 'disabled');
            });
            arrayAparelhos.splice(pos, 1);
            arrayEsforcos.splice(pos, 1);
            removerEsforco(idDeleted);
        }else{
            var regex = /\d+/;
            var match = regex.exec(combo.idContainer);

            if (match != null) {
                var idAparelho = eval('typeof entidade_referencia_aparelhosPesca_'+match[0]+'_codAparelhoPesca != "undefined" ? entidade_referencia_aparelhosPesca_'+match[0]+'_codAparelhoPesca : null');
            }

            var lastId = (combo.getLastSelectedObject() == null)?'':parseInt(combo.getLastSelectedObject().id);
            var newId = parseInt(combo.getSelectedObject().id);

            if(lastId && $.inArray(lastId, arrayEsforcos) > -1){
                var pos = arrayEsforcos.indexOf(parseInt(lastId, 10));
                arrayAparelhos.splice(pos, 1);
                arrayEsforcos.splice(pos, 1);
                removerEsforco(lastId);
            }

            if(newId && $.inArray(newId, arrayEsforcos) <= -1){
                arrayEsforcos.push(newId);
                arrayAparelhos.push(combo.getSelectedObject());
                if($.inArray(newId.toString(), arrayAparelhosView) > -1){
                    $("tr.esforco_aparelho_"+newId+".view input").removeAttr('disabled');
                    $("tr.esforco_aparelho_"+newId+".view input").removeAttr('title');
                    $("tr.esforco_aparelho_"+newId+".view select").removeAttr('disabled');
                    $("tr.esforco_aparelho_"+newId+".view select").removeAttr('title');

                    $("tr.esforco_aparelho_"+newId+".view").find('.pull-right').css('display','block');
                    $(".esforco_aparelho_"+newId+".add_another").show();
                }else{
                    adicionarEsforco(combo.getValue(), idAparelho, combo.getSelectedObject().txtNome);
                }
            }else{
                    combo.setSelectedByValue('', false);
                    $("#" + combo.idContainer).setError("Opção já selecionada.");

            }

            $(arrayLocaisDescarga).each(function() {

                $('.capturaAparelhoPesca-id-' + lastId+'.capturaLocalDescarga-id-'+this).find('.capturaQtdKg').attr('disabled', 'disabled');
                $('.capturaAparelhoPesca-id-' + newId+'.capturaLocalDescarga-id-'+this).find('.capturaQtdKg').removeAttr('disabled');
            });
        }

        if(arrayAparelhos.length <= 0 ){ //Caso nenhum aparelho de pesca selecionado desabilita todos os campos de captura.
            $('.capturaAparelhoPesca').find('.capturaQtdKg').attr('disabled','disabled');
            $('.capturaAparelhoPesca').find('.capturaQtdKg').val('');
            $('.capturaAparelhoPesca').find('.capturaQtdKg').attr('data-toggle', 'tooltip');
            $('.capturaAparelhoPesca').find('.capturaQtdKg').attr('title', 'Campo desabilitado');
            $('.capturaAparelhoPesca').find('.pull-right').css('display','none');

            //Também são desativados todos os esforços
            $("#esforco-fields-list .view input").attr('disabled','disabled');
            $("#esforco-fields-list .view select").attr('disabled','disabled');
            $("#esforco-fields-list .view input").attr('data-toggle', 'tooltip');
            $("#esforco-fields-list .view input").attr('title', 'Campo desabilitado');
            $("#esforco-fields-list .view select").attr('data-toggle', 'tooltip');
            $("#esforco-fields-list .view select").attr('title', 'Campo desabilitado');
            $(".add_another").hide();
        }else{
            $('.chosenValue').each(function () {
                var field = $(this).data('field');
                $("#"+field).trigger("liszt:updated");
            });
            verificaCapturas();
        }
    }


    function verificaCapturas(){

        //Desabilita todas as capturas

        $('.capturaAparelhoPesca').find('.pull-right').css('display','none');

        $('.capturaAparelhoPesca').find('.capturaQtdKg').attr('disabled','disabled');
        $('.capturaAparelhoPesca').find('.capturaQtdKg').val('');
        $(arrayLocaisDescarga).each(function(){
            var cod_local_descarga = this;


            $('.capturaAparelhoPesca.capturaLocalDescarga-id-'+this+':not(.capturaAparelhoPesca-especifico)').find('.capturaQtdKg').removeAttr('disabled');
            $(arrayAparelhos).each(function(){
                var cod_aparelho_pesca = this.id;
                $('.capturaAparelhoPesca-id-'+cod_aparelho_pesca+'.capturaLocalDescarga-id-'+cod_local_descarga+'').find('.pull-right').css('display','block');
                $('.capturaAparelhoPesca-id-'+cod_aparelho_pesca+'.capturaLocalDescarga-id-'+cod_local_descarga+'').find('.capturaQtdKg').removeAttr('disabled');
                $('.capturaAparelhoPesca-id-'+cod_aparelho_pesca+'.capturaLocalDescarga-id-'+cod_local_descarga+'').find('.capturaQtdKg').removeAttr('title');
            });
        });
    }


//    Atualização de capturas de acordo com os aparelhos de pesca e locais de descarga
    function updateLocalDescargaList(combo, idDeleted , ignoreSetComposicao){
        if(idDeleted){
            var pos = arrayLocaisDescarga.indexOf(parseInt(idDeleted, 10));
            arrayLocaisDescarga.splice(pos, 1);
        }else{
            var regex = /\d+/;
            var match = regex.exec(combo.idContainer);

            if (match != null) {
                var idLocalDescarga = eval('typeof entidade_referencia_locaisDescarga_'+match[0]+'_codLocalDescarga != "undefined" ? entidade_referencia_locaisDescarga_'+match[0]+'_codLocalDescarga : null');
            }

            var lastId = (combo.getLastSelectedObject() == null)?'':parseInt(combo.getLastSelectedObject().id);
            var newId = parseInt(combo.getSelectedObject().id);

            if(lastId && $.inArray(lastId, arrayLocaisDescarga) > -1){
                var pos = arrayLocaisDescarga.indexOf(parseInt(lastId, 10));
                arrayLocaisDescarga.splice(pos, 1);
            }

            if(newId && $.inArray(newId, arrayLocaisDescarga) <= -1){
                arrayLocaisDescarga.push(newId);
            }else{
                combo.setSelectedByValue('', false);
                $("#" + combo.idContainer).setError("Opção já selecionada.");
            }

          //  $('.capturaLocalDescarga-id-'+lastId).find('.capturaQtdKg').attr('disabled','disabled');
          //  $('.capturaLocalDescarga-id-'+newId).find('.capturaQtdKg').removeAttr('disabled');

        }

        verificaCapturas();

    }


    {#function adicionarEsforco(codAparelho,codRegistro,rotulo){#}
        {#$('#tab-esforco').append("<li class='' id='li_"+codAparelho+"'><a href='#tab_"+codAparelho+"' data-toggle='tab' onclick='setFocusOnNext("+codAparelho+")'>"+rotulo+"&nbsp;<img src='{{ asset('bundles/propesq/images/ajax-loader.gif') }}' border='0' /></a></li>");#}
        {#$('#tab-content').append("<div class='tab-pane' id='tab_"+codAparelho+"'></div>");#}
        {#urlquestionario = '{{ path('aparelhopescaquestionario_esforco') }}'+"?codAparelho="+codAparelho+"&codRegistro=&isEdit={{ isEdit }}&isShow={{ isShow }}";#}
        {#$.ajax(#}
                {#{#}
                    {#url: urlquestionario,#}
                    {#type: 'GET',#}
                    {#success: function(res){#}
                        {#$("#li_"+codAparelho).find('img').remove();#}
                        {#$("#tab_"+codAparelho).html(res);#}
                        {#atualizaAccessKey();#}
                    {#},#}
                    {#error: function(){#}
                        {#$("#li_"+codAparelho).find('img').remove();#}
                        {#atualizaAccessKey();#}
                    {#}#}
                {#})#}
    {#}#}


    function atualizaAccessKey(){
        $('#tab-esforco > li').each(function(index){
            $(this).find('a').attr('accesskey', index+1);
            if(index == 0){
                //mostra o formulário sem dar foco no primeiro campo
                var onClickFunction = $(this).find('a').attr('onclick');
                $(this).find('a').removeAttr('onclick');
                $(this).find('a').trigger('click');
                $(this).find('a').attr('onclick', onClickFunction);
                //--------
            }
        });
    }


    //sobreesncrevendo função
    function vProfundidade(i){
        i.setCustomValidity(validaProfundidade(i.value, i.getAttribute('required'))?'':'Você deve preencher este campo.');
    }

    function vNumber4(i){
        i.setCustomValidity(validaNumber4(i.value, i.getAttribute('required'))?'':'Você deve preencher este campo.');
    }
    function validaProfundidade (profundidade, required) {

        if(required == "required"){
            if(!profundidade || profundidade == "0,00"){ return false; }
        }
        setComposicao();

        return true;
    }


    function removerEsforco(codAparelho){
        if($.inArray(codAparelho.toString(), arrayAparelhosView) > -1){
            $("tr.esforco_aparelho_"+codAparelho+".view input").attr('disabled','disabled');
            $("tr.esforco_aparelho_"+codAparelho+".view input").prop("checked", false);
            $("tr.esforco_aparelho_"+codAparelho+".view").find('.pull-right').css('display','none');
            var selects = $("tr.esforco_aparelho_"+codAparelho+".view select");
            
            $(selects).each(function () {
                if($(this).hasClass('select_chosen')){
                    var field = $(this).attr('id');
                    $("#"+field).prop('disabled', true).trigger("liszt:updated");
                }
            });
            $("tr.esforco_aparelho_"+codAparelho+".view select").attr('disabled','disabled');
            $(".esforco_aparelho_"+codAparelho+".add_another").hide();
        }else{


            $("tr.esforco_aparelho_"+codAparelho).remove();
        }




        atualizaAccessKey();
    }


    function adicionarEsforco(codAparelho,codRegistro, rotulo){


        var codReferencia = {{ entity.id }};
        var codUnidadeProdutiva = "{{ codUnidadeProdutiva }}";



        codRegistro = null;

        $("#esforco-fields-list").append('<tr class="esforco_aparelho_'+codAparelho+' new">'
                +'<th colspan="{{ registros|length + 1 }}">'+rotulo+'</th>'
                +'</tr>');



        urlquestionario = '{{ path('aparelhopescaquestionario_esforco_referencia') }}'+"?codAparelho="+codAparelho+"&codRegistro="+codRegistro+"&codReferencia="+codReferencia+"&isEdit={{ isEdit }}&isShow={{ isShow }}&codTipoRegistro=1&codUnidadeProdutiva="+codUnidadeProdutiva;
        $.ajax(
                {
                    url: urlquestionario,
                    type: 'GET',
                    success: function(res){
                        $("#esforco-fields-list").append(res);
                        atualizaAccessKey();
                    },
                    error: function(){
                        $('.esforco_aparelho_'+codAparelho+'.new').remove();
                        atualizaAccessKey();
                    }
                })
    }



</script>
{% endblock %}