{% set id = id is defined ? id : '$$name$$' %}
<div class="operacao-container accordion-group" id="operacao{{id}}">
    <div class="accordion-heading row-fluid">
        {% if not isShow %}
            <div class="span1" style="padding-left: 10px;">
                <a href="javascript:;" id="remover-operacao-{{id}}" tabindex="-1" class="btn" style="margin-top: 3px"><i class="icon-remove"></i></a>
            </div>
        {% endif %}
        <div class="span6">
            <a class="accordion-toggle span12" data-id="{{id}}" id="collapse-header{{id}}" data-toggle="collapse" data-parent="#accordion2" href="#collapse{{id}}" style="color: black; font-weight: bold; display: inline-block">
              {# nome do aparelho de pesca #}
            </a>
        </div>
        <div class="span5 error-accordion alert alert-error" style="visibility: hidden">
            Erro! Verifique se todos os campos foram preenchidos e tente novamente.
        </div>
        
    </div>
    <div id="collapse{{id}}" class="accordion-body collapse">
        <div class="accordion-inner">
            <div class="row-fluid">
                <div class="control-group span6">
                    <label for="{{ formOperacao.codAparelhoPesca.get('id') }}" class="nowrap control-label {% if formOperacao.codAparelhoPesca.get('required') %}required{% endif %}">{{ 'entidade.registro.operacoes.codAparelhoPesca'|trans }}</label>
                    <div class="controls">
                        {% if isShow %}
                            <input class="cemporcento" readonly  id="codAparelhoPesca-{{id}}" />
                            {{ form_widget(formOperacao.codAparelhoPesca,{ 'attr': {'class': 'cemporcento hasfocus hide'} }) }}
                        {% else %}
                            {{ form_widget(formOperacao.codAparelhoPesca,{ 'attr': {'class': 'cemporcento hasfocus'} }) }}
                        {% endif %}
                      <span class="help-inline">{{ form_errors(formOperacao.codAparelhoPesca) }}</span>
                    </div>
                </div>
            </div>
            <div class="row-fluid">
                <fieldset class="span6">
                    <legend><small>Lançamento</small></legend>
                    <div class="row-fluid">
                        <div class="control-group span6">
                            {% if isShow %}
                                {{ function.show('entidade.registro.operacoes.datInicioLancamento',formOperacao.datInicioLancamento.vars.value )}}
                            {% else %}
                                <label for="{{ formOperacao.datInicioLancamento.get('id') }}" class="nowrap control-label {% if formOperacao.datInicioLancamento.get('required') %}required{% endif %}">{{ 'entidade.registro.operacoes.datInicioLancamento'|trans }}</label>
                                <div class="controls" style="min-width: 80px;">
                                    {{ form_widget(formOperacao.datInicioLancamento,{ 'attr': {'class': 'cemporcento dataTest','placeholder':'dd/mm/aaaa'} }) }}
                                  <span class="help-inline help-inline-data">{{ form_errors(formOperacao.datInicioLancamento) }}</span>
                                </div>
                            {% endif %}
                        </div>
                        <div class="control-group span6">
                            {% if isShow %}
                                {{ function.show('entidade.registro.operacoes.datTerminoLancamento',formOperacao.datTerminoLancamento.vars.value )}}
                            {% else %}
                                <label for="{{ formOperacao.datTerminoLancamento.get('id') }}" class="nowrap control-label {% if formOperacao.datTerminoLancamento.get('required') %}required{% endif %}">{{ 'entidade.registro.operacoes.datTerminoLancamento'|trans }}</label>
                                <div class="controls" style="min-width: 80px;">
                                    {{ form_widget(formOperacao.datTerminoLancamento,{ 'attr': {'class': 'cemporcento dataTest','placeholder':'dd/mm/aaaa'} }) }}
                                  <span class="help-inline help-inline-data">{{ form_errors(formOperacao.datTerminoLancamento) }}</span>
                                </div>
                            {% endif %}
                        </div>
                    </div>

                    {% if formOperacao.txtLocalPescaLancamento is defined %}
                    <div class="row-fluid">
                        <div class="control-group span12">
                            {% if isShow %}
                                {{ function.show('entidade.registro.operacoes.txtLocalPescaLancamento',formOperacao.txtLocalPescaLancamento.vars.value )}}
                            {% else %}

                                <label for="{{ formOperacao.txtLocalPescaLancamento.get('id') }}" class="nowrap control-label {% if formOperacao.txtLocalPescaLancamento.get('required') %}{% if not isShow %}required{% endif %}{% endif %}">{{ 'entidade.registro.operacoes.txtLocalPescaLancamento'|trans }}</label>
                                <div class="controls" style="min-width: 80px;">
                                    {{ form_widget(formOperacao.txtLocalPescaLancamento,{ 'attr': {'class': 'cemporcento not_especial_chars', 'rows' : '4', "style" : "width: 100%;", "placeholder" : 'digitacao'|trans } }) }}
                                    <span class="help-inline">{{ form_errors(formOperacao.txtLocalPescaLancamento) }}</span>
                                </div>
                            {% endif %}
                        </div>
                    </div>
                    {% endif %}
                    <div class="row-fluid">
                        <div class="control-group span6">
                            <label for="{{ formOperacao.geoInicioLancamento.get('id') }}" class="nowrap control-label {% if formOperacao.geoInicioLancamento.get('required') %}{% if not isShow %}required{% endif %}{% endif %}">{{ 'entidade.registro.operacoes.geoInicioLancamento'|trans }}</label>
                            <div class="controls" style="min-width: 80px;">
                                {{ form_widget(formOperacao.geoInicioLancamentoFormato) }}
                                {{ form_widget(formOperacao.geoInicioLancamento,{ 'attr': {'class': 'cemporcento'} }) }}
                              <span class="help-inline">{{ form_errors(formOperacao.geoInicioLancamento) }}</span>
                            </div>
                        </div>
                        <div class="control-group span6">
                            <label for="{{ formOperacao.geoTerminoLancamento.get('id') }}" class="nowrap control-label {% if formOperacao.geoTerminoLancamento.get('required') %}{% if not isShow %}required{% endif %}{% endif %}">{{ 'entidade.registro.operacoes.geoTerminoLancamento'|trans }}</label>
                            <div class="controls" style="min-width: 80px;">
                                {{ form_widget(formOperacao.geoTerminoLancamentoFormato) }}
                                {{ form_widget(formOperacao.geoTerminoLancamento,{ 'attr': {'class': 'cemporcento'} }) }}
                              <span class="help-inline">{{ form_errors(formOperacao.geoTerminoLancamento) }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="control-group span6">
                            <label for="{{ formOperacao.numVelocidadeInicioLancamento.get('id') }}" class="nowrap control-label {% if formOperacao.numVelocidadeInicioLancamento.get('required') %}{% if not isShow %}required{% endif %}{% endif %}">{{ 'entidade.registro.operacoes.numVelocidadeInicioLancamento'|trans }}</label>
                            <div class="controls" style="min-width: 80px;">
                                {{ form_widget(formOperacao.numVelocidadeInicioLancamento,{ 'attr': {'class': 'cemporcento'} }) }}
                              <span class="help-inline">{{ form_errors(formOperacao.numVelocidadeInicioLancamento) }}</span>
                            </div>
                        </div>
                        <div class="control-group span6">
                            <label for="{{ formOperacao.numVelocidadeTerminoLancamento.get('id') }}" class="nowrap control-label {% if formOperacao.numVelocidadeTerminoLancamento.get('required') %}{% if not isShow %}required{% endif %}{% endif %}">{{ 'entidade.registro.operacoes.numVelocidadeTerminoLancamento'|trans }}</label>
                            <div class="controls" style="min-width: 80px;">
                                {{ form_widget(formOperacao.numVelocidadeTerminoLancamento,{ 'attr': {'class': 'cemporcento'} }) }}
                              <span class="help-inline">{{ form_errors(formOperacao.numVelocidadeTerminoLancamento) }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="control-group span6">
                            <label for="{{ formOperacao.numProfundidadeInicioLancamento.get('id') }}" class="nowrap control-label {% if formOperacao.numProfundidadeInicioLancamento.get('required') %}{% if not isShow %}required{% endif %}{% endif %}">{{ 'entidade.registro.operacoes.numProfundidadeInicioLancamento'|trans }}</label>
                            <div class="controls" style="min-width: 80px;">
                                {{ form_widget(formOperacao.numProfundidadeInicioLancamento,{ 'attr': {'class': 'cemporcento areaPesca'} }) }}
                              <span class="help-inline">{{ form_errors(formOperacao.numProfundidadeInicioLancamento) }}</span>
                            </div>
                        </div>
                        <div class="control-group span6">
                            <label for="{{ formOperacao.numProfundidadeTerminoLancamento.get('id') }}" class="nowrap control-label {% if formOperacao.numProfundidadeTerminoLancamento.get('required') %}{% if not isShow %}required{% endif %}{% endif %}">{{ 'entidade.registro.operacoes.numProfundidadeTerminoLancamento'|trans }}</label>
                            <div class="controls" style="min-width: 80px;">
                                {{ form_widget(formOperacao.numProfundidadeTerminoLancamento,{ 'attr': {'class': 'cemporcento areaPesca'} }) }}
                              <span class="help-inline">{{ form_errors(formOperacao.numProfundidadeTerminoLancamento) }}</span>
                            </div>
                        </div>
                    </div>
                </fieldset>
                <fieldset class="span6">
                    <legend><small>Recolhimento</small></legend>
                    <div class="row-fluid">
                        <div class="control-group span6">
                            {% if isShow %}
                                {{ function.show('entidade.registro.operacoes.datInicioRecolhimento',formOperacao.datInicioRecolhimento.vars.value )}}
                            {% else %}
                                <label for="{{ formOperacao.datInicioRecolhimento.get('id') }}" class="nowrap control-label {% if formOperacao.datInicioRecolhimento.get('required') %}required{% endif %}">{{ 'entidade.registro.operacoes.datInicioRecolhimento'|trans }}</label>
                                <div class="controls" style="min-width: 80px;">
                                    {{ form_widget(formOperacao.datInicioRecolhimento,{ 'attr': {'class': 'cemporcento dataTest','placeholder':'dd/mm/aaaa'} }) }}
                                  <span class="help-inline help-inline-data">{{ form_errors(formOperacao.datInicioRecolhimento) }}</span>
                                </div>
                            {% endif %}
                        </div>
                        <div class="control-group span6">
                            {% if isShow %}
                                {{ function.show('entidade.registro.operacoes.datTerminoRecolhimento',formOperacao.datTerminoRecolhimento.vars.value )}}
                            {% else %}
                                <label for="{{ formOperacao.datTerminoRecolhimento.get('id') }}" class="nowrap control-label {% if formOperacao.datTerminoRecolhimento.get('required') %}required{% endif %}">{{ 'entidade.registro.operacoes.datTerminoRecolhimento'|trans }}</label>
                                <div class="controls" style="min-width: 80px;">
                                    {{ form_widget(formOperacao.datTerminoRecolhimento,{ 'attr': {'class': 'cemporcento dataTest','placeholder':'dd/mm/aaaa'} }) }}
                                  <span class="help-inline help-inline-data">{{ form_errors(formOperacao.datTerminoRecolhimento) }}</span>
                                </div>
                            {% endif %}
                        </div>
                    </div>
                    {% if formOperacao.txtLocalPescaRecolhimento is defined %}
                    <div class="row-fluid">
                        <div class="control-group span12">
                            {% if isShow %}
                                {{ function.show('entidade.registro.operacoes.txtLocalPescaRecolhimento',formOperacao.txtLocalPescaRecolhimento.vars.value )}}
                            {% else %}
                                <label for="{{ formOperacao.txtLocalPescaRecolhimento.get('id') }}" class="nowrap control-label {% if formOperacao.txtLocalPescaRecolhimento.get('required') %}{% if not isShow %}required{% endif %}{% endif %}">{{ 'entidade.registro.operacoes.txtLocalPescaRecolhimento'|trans }}</label>
                                <div class="controls" style="min-width: 80px;">
                                    {{ form_widget(formOperacao.txtLocalPescaRecolhimento,{ 'attr': {'class': 'cemporcento not_especial_chars', 'rows' : '4', "style" : "width: 100%;", "placeholder" : 'digitacao'|trans } }) }}
                                    <span class="help-inline">{{ form_errors(formOperacao.txtLocalPescaRecolhimento) }}</span>
                                </div>
                            {% endif %}
                        </div>
                    </div>
                    {% endif %}
                    <div class="row-fluid">
                        <div class="control-group span6">
                            <label for="{{ formOperacao.geoInicioRecolhimento.get('id') }}" class="nowrap control-label {% if formOperacao.geoInicioRecolhimento.get('required') %}{% if not isShow %}required{% endif %}{% endif %}">{{ 'entidade.registro.operacoes.geoInicioRecolhimento'|trans }}</label>
                            <div class="controls" style="min-width: 80px;">
                                {{ form_widget(formOperacao.geoInicioRecolhimentoFormato) }}
                                {{ form_widget(formOperacao.geoInicioRecolhimento,{ 'attr': {'class': 'cemporcento'} }) }}
                              <span class="help-inline">{{ form_errors(formOperacao.geoInicioRecolhimento) }}</span>
                            </div>
                        </div>
                        <div class="control-group span6">
                            <label for="{{ formOperacao.geoTerminoRecolhimento.get('id') }}" class="nowrap control-label {% if formOperacao.geoTerminoRecolhimento.get('required') %}{% if not isShow %}required{% endif %}{% endif %}">{{ 'entidade.registro.operacoes.geoTerminoRecolhimento'|trans }}</label>
                            <div class="controls" style="min-width: 80px;">
                                {{ form_widget(formOperacao.geoTerminoRecolhimentoFormato) }}
                                {{ form_widget(formOperacao.geoTerminoRecolhimento,{ 'attr': {'class': 'cemporcento'} }) }}
                              <span class="help-inline">{{ form_errors(formOperacao.geoTerminoRecolhimento) }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="control-group span6">
                            <label for="{{ formOperacao.numVelocidadeInicioRecolhimento.get('id') }}" class="nowrap control-label {% if formOperacao.numVelocidadeInicioRecolhimento.get('required') %}{% if not isShow %}required{% endif %}{% endif %}">{{ 'entidade.registro.operacoes.numVelocidadeInicioRecolhimento'|trans }}</label>
                            <div class="controls" style="min-width: 80px;">
                                {{ form_widget(formOperacao.numVelocidadeInicioRecolhimento,{ 'attr': {'class': 'cemporcento'} }) }}
                              <span class="help-inline">{{ form_errors(formOperacao.numVelocidadeInicioRecolhimento) }}</span>
                            </div>
                        </div>
                        <div class="control-group span6">
                            <label for="{{ formOperacao.numVelocidadeTerminoRecolhimento.get('id') }}" class="nowrap control-label {% if formOperacao.numVelocidadeTerminoRecolhimento.get('required') %}{% if not isShow %}required{% endif %}{% endif %}">{{ 'entidade.registro.operacoes.numVelocidadeTerminoRecolhimento'|trans }}</label>
                            <div class="controls" style="min-width: 80px;">
                                {{ form_widget(formOperacao.numVelocidadeTerminoRecolhimento,{ 'attr': {'class': 'cemporcento'} }) }}
                              <span class="help-inline">{{ form_errors(formOperacao.numVelocidadeTerminoRecolhimento) }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="control-group span6">
                            <label for="{{ formOperacao.numProfundidadeInicioRecolhimento.get('id') }}" class="nowrap control-label {% if formOperacao.numProfundidadeInicioRecolhimento.get('required') %}{% if not isShow %}required{% endif %}{% endif %}">{{ 'entidade.registro.operacoes.numProfundidadeInicioRecolhimento'|trans }}</label>
                            <div class="controls" style="min-width: 80px;">
                                {{ form_widget(formOperacao.numProfundidadeInicioRecolhimento,{ 'attr': {'class': 'cemporcento areaPesca'} }) }}
                              <span class="help-inline">{{ form_errors(formOperacao.numProfundidadeInicioRecolhimento) }}</span>
                            </div>
                        </div>
                        <div class="control-group span6">
                            <label for="{{ formOperacao.numProfundidadeTerminoRecolhimento.get('id') }}" class="nowrap control-label {% if formOperacao.numProfundidadeTerminoRecolhimento.get('required') %}{% if not isShow %}required{% endif %}{% endif %}">{{ 'entidade.registro.operacoes.numProfundidadeTerminoRecolhimento'|trans }}</label>
                            <div class="controls" style="min-width: 80px;">
                                {{ form_widget(formOperacao.numProfundidadeTerminoRecolhimento,{ 'attr': {'class': 'cemporcento insertaction areaPesca'} }) }}
                              <span class="help-inline">{{ form_errors(formOperacao.numProfundidadeTerminoRecolhimento) }}</span>
                            </div>
                        </div>
                    </div>
                </fieldset>
            </div>
            <fieldset>
                <legend><small>Capturas</small></legend>
                <div class="row-fluid">
                    <div class="control-group span12">
                        <div id="captura-fields-list{{id}}" data-prototype="{% filter escape %}{% include 'propesqBundle:RegistroMapaBordo:registroMapaBordoOperacao_captura.html.twig' with {'formCaptura': formOperacao.capturas.get('prototype')} %}{% endfilter %}">
                        {% for capturaField in formOperacao.capturas %}
                            {% include 'propesqBundle:RegistroMapaBordo:registroMapaBordoOperacao_captura.html.twig' with {'formCaptura': capturaField, 'idCaptura' : loop.index0} %}
                        {% endfor %}
                        </div>
                        {% if not isShow %}
                            <a href="#" id="add-another-captura{{id}}">Nova captura</a>
                            <span class="help-inline">{{ form_errors(formOperacao.capturas) }}</span>
                        {% endif %}
                    </div>
                </div>
            </fieldset>
            <fieldset>
                <legend><small>Esforço</small></legend>
                <div class="row-fluid">
                    <div id="esforco{{id}}" class="control-group span12" style="min-height: 100px;">
                        {# aqui vão as perguntas retornadas do ajax #}
                    </div>
                </div>
            </fieldset>
        </div>
    </div>
</div>

<script>
        
        function updateCollapseHeader{{id}}(combo){
            var obj = combo.getSelectedObject();
            if(obj){
                $('#collapse-header{{id}}').html(obj.txtNome);
                $('#codAparelhoPesca-{{id}}').val(obj.txtNome)
                adicionarEsforco('{{id}}', combo.getValue(), '{{formOperacao.idOperacao.vars.value}}');
            }else{
                $('#collapse-header{{id}}').html('<span style="color: red">Operação sem aparelho de pesca</span>');
                adicionarEsforco('{{id}}');
            }
        }
        var arrayIds = new Array(
            '#{{formOperacao.datInicioRecolhimento.vars.id}}',
            '#{{formOperacao.datTerminoRecolhimento.vars.id}}',
            '#{{formOperacao.datInicioLancamento.vars.id}}',
            '#{{formOperacao.datTerminoLancamento.vars.id}}'
        );
        $(document).ready(function(){
            for(var i = 0; i < arrayIds.length ; i++){
                $(arrayIds[i]).change(function(e){
                    return dataMaiorHoje($(this));
                });
            }
        });
        
        $(document).ready(function(){
            {{ formOperacao.codAparelhoPesca.get('id') }}.setOnChangeFunction(updateCollapseHeader{{id}});
            updateCollapseHeader{{id}}({{ formOperacao.codAparelhoPesca.get('id') }});
            
            {{formOperacao.codAparelhoPesca.get('id') }}.setOnChangeFunction(function() {
                updateCollapseHeader{{id}}({{ formOperacao.codAparelhoPesca.get('id') }});
                setTimeout(function() {
                    $({{ formOperacao.datInicioLancamento.get('id') }}).focus();
                }, 150);
            });      


            $('form').submit(function(){
                isValidoO = true;
                isValidoO = isCoordenadaValida;
                for(var i = 0; i < arrayIds.length ; i++){
                    if(!dataMaiorHoje($(arrayIds[i]))){
                        isValidoO = false;
                    }
                }
                
                return isValidoO;
            });
        });
    
        var capturas{{id}} = new Prototype.Class({
                        'count'       :{{ formOperacao.capturas|length }},
                        'list'        : '#captura-fields-list{{id}}',
                        'addButton'   : '#add-another-captura{{id}}',
                        'removeButton': '#remover-captura{{id}}',
                        'container'   : '#captura-container-{{id}}',
                        'onCreate'    : bindAllRequiredFields,
                        'isEdit'       : '{{entity.id}}'
                     });
</script>