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

<div class="operacao-container accordion-group" id="operacao{{id}}">
    <div class="accordion-heading row-fluid">
        <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>
    <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, 'textarea'  )}}
                            {% 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', '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,{'isShow': isShow}) }}
                                {{ 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,{'isShow': isShow}) }}
                                {{ 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">
                            <div class="controls" style="min-width: 80px;">
                                {% if isShow %}
                                    {% if formOperacao.numProfundidadeInicioLancamento.vars.value | length > 0 %}
                                        {% set num = formOperacao.numProfundidadeInicioLancamento.vars.value | replace(',', '.') | number_format( 2, 'locale.decimalsep'|trans, 'locale.swap_thousandsep'|trans) %}
                                    {% else %}
                                        {% set num = null %}
                                    {% endif %}
                                    {{ function.show('entidade.registro.operacoes.numProfundidadeInicioLancamento',num )}}
                                {% else %}
                                    <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>
                                    {{ form_widget(formOperacao.numProfundidadeInicioLancamento,{ 'attr': {'class': 'cemporcento'} }) }}
                                {% endif %}
                              <span class="help-inline">{{ form_errors(formOperacao.numProfundidadeInicioLancamento) }}</span>
                            </div>
                        </div>
                        <div class="control-group span6">
                            <div class="controls" style="min-width: 80px;">
                                {% if isShow %}
                                    {% if formOperacao.numProfundidadeTerminoLancamento.vars.value | length > 0 %}
                                        {% set num = formOperacao.numProfundidadeTerminoLancamento.vars.value | replace(',', '.') |  number_format( 2, 'locale.decimalsep'|trans, 'locale.swap_thousandsep'|trans) %}
                                    {% else %}
                                        {% set num = null %}
                                    {% endif %}
                                    {{ function.show('entidade.registro.operacoes.numProfundidadeTerminoLancamento',num )}}
                                {% else %}
                                    <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>
                                    {{ form_widget(formOperacao.numProfundidadeTerminoLancamento,{ 'attr': {'class': 'cemporcento'} }) }}
                                {% endif %}
                              <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">
                                {{ function.show('entidade.registro.operacoes.datInicioRecolhimento',formOperacao.datInicioRecolhimento.vars.value )}}
                        </div>
                        <div class="control-group span6">
                            {{ function.show('entidade.registro.operacoes.datTerminoRecolhimento',formOperacao.datTerminoRecolhimento.vars.value )}}
                        </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, 'textarea'  )}}

                            {% 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', '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,{ 'isShow': isShow}) }}
                                {{ 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,{ 'isShow': isShow }) }}
                                {{ 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">
                            <div class="controls" style="min-width: 80px;">
                                {% if isShow %}
                                    {% if formOperacao.numProfundidadeInicioRecolhimento.vars.value | length > 0 %}
                                        {% set num = formOperacao.numProfundidadeInicioRecolhimento.vars.value | replace(',', '.') |  number_format( 2, 'locale.decimalsep'|trans, 'locale.swap_thousandsep'|trans) %}
                                    {% else %}
                                        {% set num = null %}
                                    {% endif %}
                                        {{ function.show('entidade.registro.operacoes.numProfundidadeInicioRecolhimento',num )}}
                                {% else %}
                                    <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>
                                    {{ form_widget(formOperacao.numProfundidadeInicioRecolhimento,{ 'attr': {'class': 'cemporcento'} }) }}
                                {% endif %}
                              <span class="help-inline">{{ form_errors(formOperacao.numProfundidadeInicioRecolhimento) }}</span>
                            </div>
                        </div>
                        <div class="control-group span6">
                            <div class="controls" style="min-width: 80px;">
                                {% if isShow %}
                                    {% if formOperacao.numProfundidadeTerminoRecolhimento.vars.value | length > 0 %}
                                        {% set num = formOperacao.numProfundidadeTerminoRecolhimento.vars.value | replace(',', '.') |  number_format( 2, 'locale.decimalsep'|trans, 'locale.swap_thousandsep'|trans) %}
                                    {% else %}
                                        {% set num = null %}
                                    {% endif %}
                                        {{ function.show('entidade.registro.operacoes.numProfundidadeTerminoRecolhimento',num )}}
                                {% else %}
                                    <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>
                                    {{ form_widget(formOperacao.numProfundidadeTerminoRecolhimento,{ 'attr': {'class': 'cemporcento insertaction'} }) }}
                                {% endif %}
                              <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>
                    </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}}');
            }
        }
        var arrayIds = new Array(
            '#{{formOperacao.datInicioRecolhimento.vars.id}}',
            '#{{formOperacao.datTerminoRecolhimento.vars.id}}',
            '#{{formOperacao.datInicioLancamento.vars.id}}',
            '#{{formOperacao.datTerminoLancamento.vars.id}}'
        );

        $(document).ready(function(){
            {{ formOperacao.codAparelhoPesca.get('id') }}.setOnChangeFunction(updateCollapseHeader{{id}});
            updateCollapseHeader{{id}}({{ formOperacao.codAparelhoPesca.get('id') }});
        });
    
        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>