{% import  "propesqBundle:Form:function.html.twig" as form %}
    {% if questionario['ind_tipo'] == 6 %}
        {%  set codQuestaoNivelAcima = questionario['cod_questao'] %}
            {% set questionarios = questionario['txt_resposta']|split('__') %}
            {#{% set  questionarioNivelAcima = questionario[''] %}#}
                <table class="table-field-agrupado">
                {%  set first = true %}
                {% for respostas in questionarios if questionarios[loop.index0] is not empty %}
                        {%  if first %}
                            <thead>
                            <tr>
                            {% for key, row in questionario['questoes_agrupadas'] %}
                                <th>
                                    {{row['txt_nome']}}
                                </th>
                            {% endfor %}
                                <th></th>
                            </tr>
                            </thead>
                            <tbody  id="pano-fields-list-esforco_{{ aparelho }}_{{ questionario['id'] }}" data-prototype="{% filter escape %}{% include 'propesqBundle:Referencia:referencia_esforco_tipo_6.html.twig' with {'respostas' : respostas, 'questionario': questionario, 'id' : '$$name$$', 'aparelho':aparelho, 'isShow': false} %}{% endfilter %}">


                            {%  set first = false %}
                        {% endif %}
                        {% include 'propesqBundle:Referencia:referencia_esforco_tipo_6.html.twig' with {'respostas' : respostas, 'questionario': questionario, 'id' : loop.index0, 'aparelho':aparelho, 'isShow': isShow} %}
                {% else %}
                                {%  if first %}
                    <thead>
                    <tr>
                        {% for key, row in questionario['questoes_agrupadas'] %}
                            <th>
                                {{row['txt_nome']}}
                            </th>
                        {% endfor %}
                        <th></th>
                    </tr>
                    </thead>
                    <tbody  id="pano-fields-list-esforco_{{ aparelho }}_{{ questionario['id'] }}" data-prototype="{% filter escape %}{% include 'propesqBundle:Referencia:referencia_esforco_tipo_6.html.twig' with {'respostas' : respostas, 'questionario': questionario, 'id' : '$$name$$', 'aparelho':aparelho, 'isShow': false} %}{% endfilter %}">


                    {%  set first = false %}
                    {% endif %}
                    {% include 'propesqBundle:Referencia:referencia_esforco_tipo_6.html.twig' with {'respostas' : respostas, 'questionario': questionario, 'id' : loop.index0, 'aparelho':aparelho, 'isShow': isShow} %}
                {% endfor %}
                </tbody>

            <script>
                function adicionaEventoDecimal(cont){

                    var $comp = $('#pano-container-esforco_{{aparelho}}_'+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
                        });
                    });
                }

                $(document).ready(function(){
                    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>

                        <tfoot>
                        <tr>
                            <td colspan="{{ questionario['questoes_agrupadas'] |length + 1}}">
                                <a href="#" class="controls esforco_aparelho_{{ aparelho }} add_another" id="add-another-pano-esforco_{{ aparelho }}_{{ questionario['id'] }}">Adicionar outro "{{ questionario['txt_nome_exibicao'] }}"</a>
                            </td>
                        </tr>
                        </tfoot>

                </table>
            </div>



    {% 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){
                        $('#{{ 'esforco_'~aparelho~'_'~questionario['id'] }}').setError(false);
                        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();
                        $('#{{ 'esforco_'~aparelho~'_'~questionario['id'] }}').setError(false);
                        if ($('#{{ 'esforco_'~aparelho~'_'~questionario['id'] }}').val()) {
                            var value = (/^[0-9]*:[0-5][0-9]$/.test($('#{{ 'esforco_'~aparelho~'_'~questionario['id'] }}').val()));
                            var idHora = "{{ 'esforco_'~aparelho~'_'~questionario['id'] }}";
                            var label = $('label[for="' + idHora + '"]').html();

                            if (!validaHoraEsforco(idHora)) {
                                $('#error_{{ 'esforco_'~aparelho~'_'~questionario['id'] }}').show();
                                $('#{{ 'esforco_'~aparelho~'_'~questionario['id'] }}').setError('"' + label + '" deve ser uma hora válida.');
                                return false;
                            }

                            if (!value) {
                                $('#error_{{ 'esforco_'~aparelho~'_'~questionario['id'] }}').show();
                                $('#{{ 'esforco_'~aparelho~'_'~questionario['id'] }}').setError('"' + label + '" deve ser uma hora válida.');
                            }

                            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 %}