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


    {% for questionario in questionarios %}
        <tr class="esforco_aparelho_{{ aparelho }} new">
                <td>
                    <span style="margin-left: 30px">{{ questionario['txt_nome_exibicao'] }}</span>
                </td>
                <td colspan="{{ registros|length }}">

                </td>
                <td class="max500">
                {% if questionario['ind_tipo'] == 6 %}
                    <table>
                        <thead>
                            {%  for label in questionarioNivelAcima[questionario['id']]  %}
                                <td> {{ label.txtNome }}</td>
                            {% endfor %}
                        </thead>
                        <tbody id="pano-fields-list-esforco_{{ aparelho }}_{{ questionario['id'] }}"
                               data-prototype="{% filter escape %}{% include 'propesqBundle:AparelhoPescaQuestionario:tipo6_referencia_prototipo.html.twig' with {'panos': questionarioNivelAcima[questionario['id']], 'aparelho':aparelho, 'questionario': questionario } %}{% endfilter %}">

                    {% set questionarios = questionario['txt_resposta']|split('__') %}
                        {% for respostas in questionarios if questionarios[loop.index0] is not empty %}
                            {% include 'propesqBundle:AparelhoPescaQuestionario:tipo6_referencia_prototipo.html.twig' with {'respostas' : respostas, 'panos': questionarioNivelAcima[questionario['id']], 'id' : loop.index0, 'aparelho':aparelho, 'isShow': isShow} %}
                        {% endfor %}

                        <script>
                            function adicionaEventoDecimal(cont) {
                                var $comp = $('#pano-container-esforco_{{ aparelho }}_{{ questionario['id'] }}_' + cont);
                                var $decimalFields = $comp.find('.decimal');
                                $.each( $decimalFields , function(i){
                                    var precision = $(this).data('precision');
                                    $(this).maskMoney({
                                        'showSymbol': false,
                                        'thousands': '',
                                        'decimal': ',',
                                        'precision': precision,
                                        'defaultZero': false
                                    });
                                });
                            }


                            var panos_{{ questionario['id'] }} = new Prototype.Class({
                                'count':{{ questionarios|length }},
                                'list': '#pano-fields-list-esforco_{{ aparelho }}_{{ questionario['id'] }}',
                                'addButton': '#add-another-pano-esforco_{{ aparelho }}_{{ questionario['id'] }}',
                                'removeButton': '#remover-pano-esforco_{{ aparelho }}_{{ questionario['id'] }}',
                                'container': '.pano-container-esforco_{{ aparelho }}_{{ questionario['id'] }}',
                                'isEdit': '{{ isEdit }}',
                                'isAlwaysVisible': true,
                                'addOne': true,
                                'onCreate': adicionaEventoDecimal
                            });


                        </script>

                        </tbody>
                        {% if not isShow %}
                            <tfoot>
                                <tr>
                                    <td colspan="{{ questionarioNivelAcima[questionario['id']] |length + 1 }}">
                                        <a href="#" class="controls" id="add-another-pano-esforco_{{ aparelho }}_{{ questionario['id'] }}">Adicionar outro "{{ questionario['txt_nome_exibicao'] }}"</a>
                                    </td>
                                </tr>
                            </tfoot>
                        {% endif %}
                    </table>
                {% elseif questionario['ind_tipo'] == 1 %}
                    {{ form.inputText(questionario['txt_nome_exibicao'],'esforco'~'['~aparelho~']['~questionario['id']~']','esforco_'~aparelho~'_'~questionario['id'], questionario['txt_resposta'], questionario['is_habilitado'], questionario['txt_valor_inicializacao'] ) }}
                {% elseif questionario['ind_tipo'] == 2 %}
                    {{ form.inputInteger(questionario['txt_nome_exibicao'],'esforco'~'['~aparelho~']['~questionario['id']~']','esforco_'~aparelho~'_'~questionario['id'], questionario['txt_resposta'], questionario['is_habilitado'], questionario['txt_valor_inicializacao']) }}
                {% elseif questionario['ind_tipo'] == 3 %}
                    {{ form.inputDecimal(questionario['txt_nome_exibicao'],'esforco'~'['~aparelho~']['~questionario['id']~']','esforco_'~aparelho~'_'~questionario['id'], questionario['txt_resposta'], questionario['is_habilitado'], questionario['txt_valor_inicializacao'], null, questionario['txts_opcoes']) }}
                {% elseif questionario['ind_tipo'] == 4 %}
                    {{ form.inputCheckbox(questionario['txt_nome_exibicao'],'esforco'~'['~aparelho~']['~questionario['id']~']','esforco_'~aparelho~'_'~questionario['id'], questionario['txt_resposta'], questionario['is_habilitado'], questionario['txt_valor_inicializacao'], questionario['txts_opcoes']) }}
                {% elseif questionario['ind_tipo'] == 8 %}
                    {{ form.inputSelectChosen(questionario['txt_nome_exibicao'],'esforco'~'['~aparelho~']['~questionario['id']~']','esforco_'~aparelho~'_'~questionario['id'], questionario['txt_resposta'], questionario['is_habilitado'], questionario['txt_valor_inicializacao'], questionario['txts_opcoes']) }}
                {% elseif questionario['ind_tipo'] == 5 %}
                    {{ form.inputSelect  (questionario['txt_nome_exibicao'],'esforco'~'['~aparelho~']['~questionario['id']~']','esforco_'~aparelho~'_'~questionario['id'], questionario['txt_resposta'], questionario['is_habilitado'], questionario['txt_valor_inicializacao'], questionario['txts_opcoes']) }}
                {% elseif questionario['ind_tipo'] == 7 %}
                    {% set value = questionario['txt_resposta'] %}
                    {% if value is empty %}
                        {% set value = questionario['txt_valor_inicializacao'] %}
                    {% endif %}

                    {% set value_length = questionario['txts_opcoes'] %}
                    {% if value_length is empty %}
                        {% set value_length = 3 %}
                    {% endif %}
                    <div class="control-group">
                        <label for="{{ 'esforco_'~aparelho~'_'~questionario['id'] }}"
                               class="control-label">{{ questionario['txt_nome_exibicao'] }}</label>
                        <div class="controls">
                            <input {{ questionario['is_habilitado']?'':'readonly' }} type="text"
                                                                                     id="{{ 'esforco_'~aparelho~'_'~questionario['id'] }}"
                                                                                     name="{{ 'esforco'~'['~aparelho~']['~questionario['id']~']' }}"
                                                                                     maxlength="{{ value_length + 3 }}"
                                                                                     placeholder="Ex: hh:mm / hhh:mm {{ value_length > 3 ? '/ hhhh:mm' : '' }}"
                                                                                     class="initial-focus"
                                                                                     onkeypress="return formataHora_{{ value_length }}(this, event)"
                                                                                     value="{{ value }}">
                            <input type="hidden" name="{{ 'esforco'~'['~aparelho~']['~questionario['id']~'_tipo]' }}" value="7">
                            <script>
                                function formataHora_{{ value_length }}(campo, event) {
                                    var regex = new RegExp("^[:0-9]+$");
                                    var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
                                    var valorCampo = campo.value;
                                    if (key == ":" && valorCampo.indexOf(':') !== -1) {
                                        event.preventDefault();
                                        return false;
                                    }
                                    if (valorCampo.length == {{ value_length }} && event.charCode != 0 && valorCampo.indexOf(':') === -1) {
                                        campo.value = valorCampo + ':';
                                        valorCampo = campo.value;
                                    }
                                    if (valorCampo.charAt(valorCampo.length - 1) == ":") {
                                        regex = new RegExp("^[0-5]+$")
                                    }
                                    if (!(valorCampo.charAt(valorCampo.length - {{ value_length }}) != ":" || event.charCode == 0)) {
                                        event.preventDefault();
                                        return false;
                                    }
                                    if (!(regex.test(key) || event.charCode == 0)) {
                                        event.preventDefault();
                                        return false;
                                    }
                                }
                                ;

                                $('form').submit(function () {
                                    $('#error_{{ 'esforco_'~aparelho~'_'~questionario['id'] }}').hide();
                                    if ($('#{{ 'esforco_'~aparelho~'_'~questionario['id'] }}').val()) {
                                        var value = (/^[0-9]*:[0-5][0-9]$/.test($('#{{ 'esforco_'~aparelho~'_'~questionario['id'] }}').val()));

                                        if (!value) {
                                            $('#error_{{ 'esforco_'~aparelho~'_'~questionario['id'] }}').show();
                                        }

                                        return value;
                                    }
                                });
                            </script>
                        </div>
                        <div class="controls help-inline" st id="error_{{ 'esforco_'~aparelho~'_'~questionario['id'] }}"
                             style="display: none;">
                            <div class="alert alert-error">Valor inválido para o campo.</div>
                        </div>
                    </div>
                {% endif %}
            </td>
        </tr>
    {% else %}
    <tr class="esforco_aparelho_{{ aparelho }} new">
        <td colspan="{{ registros |length + 2 }}">Nenhum questionário de esforço de pesca.</td>
    </tr>
    {% endfor %}