{% set id = id is defined ? id : '$$name$$' %}
<div class="conjunto  pano-container-esforco_{{aparelho}}_{{ questionario['id'] }}" id="pano-container-esforco_{{aparelho}}_{{ questionario['id'] }}_{{id}}" style="width: 100%; ">
        {% set value = respostas|split('^|^') %}
        {% for row in panos %}
            {%  set valor = null %}
            {# Obtem valor padrão caso não preenchido #}
            {%  if value[loop.index0] is null  or respostas is not defined %}
                {% set valor = valoresIniciais[loop.index0]  %}
            {% else %}
                {%  set valor = value[loop.index0] %}
            {% endif %}

            {# Caso for o primeiro inicia linha#}
            {% if loop.first %}
                <div class="row-fluid">
            {% elseif  loop.index0 % 5 == 0 %} {# Caso múltiplo de 5 termina linha e inicia nova #}
                </div>
                <div class="row-fluid">
            {% endif %}
                <div class="control-group span2">
                    <label for="valorQuestaoBase{{row.id}}-_-{{id~loop.index0}}" class="control-label">{{row.txtNome}}</label>
                    <div class="controls">
                        {#
                         4 - Opções  (múltipla escolha), 5 - Opções (escolha única)
                        #}
                        {% if(row.indTipo == 1) %} {# Text#}
                            <input {{questionario['is_habilitado']?'':'readonly'}} class="{% if loop.index0 == 0 %} hasfocus {% elseif loop.index0 == 2 %} insertaction {% endif %} cemporcento" type="text" id="valorQuestaoBase{{row.id}}-_-{{id~loop.index0}}" name="{{ 'esforco'~'['~aparelho~']['~questionario['id']~']['~id~'][]' }}" value="{{valor}}">
                        {% elseif(row.indTipo == 2) %} {# Inteiro #}
                            <input {{questionario['is_habilitado']?'':'readonly'}} class="{% if loop.index0 == 0 %} hasfocus {% elseif loop.index0 == 2 %} insertaction {% endif %} cemporcento " type="text" id="valorQuestaoBase{{row.id}}-_-{{id~loop.index0}}" name="{{ 'esforco'~'['~aparelho~']['~questionario['id']~']['~id~'][]' }}" value="{{valor}}">
                            <script>
                                $(document).ready(function(){
                                        $("#valorQuestaoBase{{row.id}}-_-{{id~loop.index0}}").mask('00000000');
                                });
                            </script>
                        {% elseif(row.indTipo == 3)   %} {# Decimal#}
                            {%  set precision = row.txtsOpcoes %}
                            <input {{questionario['is_habilitado']?'':'readonly'}} class="{% if loop.index0 == 0 %} hasfocus {% elseif loop.index0 == 2 %} insertaction {% endif %} cemporcento decimal"  data-precision="{{ precision? precision: 1 }}" type="text" id="valorQuestaoBase{{row.id}}-_-{{id~loop.index0}}" name="{{ 'esforco'~'['~aparelho~']['~questionario['id']~']['~id~'][]' }}" value="{{valor}}">
                        {% elseif(row.indTipo == 5)   %} {# Opções (escolha única) #}
                                    {%  set values = row.txtsOpcoes %}
                                    {% if valor is empty %}
                                        {% set valor = defaultValue %}
                                    {% endif %}
                                    {% set options = values|split('^|^') %}
                                     <select id="valorQuestaoBase{{row.id}}-_-{{id~loop.index0}}" name="{{ 'esforco'~'['~aparelho~']['~questionario['id']~']['~id~'][]' }}" class="{% if loop.index0 == 0 %} hasfocus {% elseif loop.index0 == 2 %} insertaction {% endif %} cemporcento"  {{questionario['is_habilitado']?'':'disabled="disabled"'}} >
                                        <option value='' >{{'combobox.selecione'|trans}}</option>
                                        {% for option in options %}
                                            <option value='{{option}}' {{valor==option?'selected':''}}>{{option}}</option>
                                        {% endfor %}
                                    </select>
                        {% elseif (row.indTipo == 7) %} {# hora #}
                            {% set value_length = row.txtsOpcoes %}
                            {% if value_length is empty %}
                                {% set value_length = 3 %}
                            {% endif %}

                            <input {{questionario['is_habilitado']?'':'readonly'}} class="{% if loop.index0 == 0 %} hasfocus {% elseif loop.index0 == 2 %} insertaction {% endif %} cemporcento " type="text" id="valorQuestaoBase{{row.id}}-_-{{id~loop.index0}}" name="{{ 'esforco'~'['~aparelho~']['~questionario['id']~']['~id~'][]' }}" value="{{valor}}" maxlength="{{ value_length + 3 }}" placeholder="Ex: hh:mm / hhh:mm" onkeypress="return formataHora_{{ value_length }}(this, event)">

                            <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;
                                    }
                                };
                            </script>
                        {% else %} {# Caso não definido utiliza text #}
                            <input {{questionario['is_habilitado']?'':'readonly'}} class="{% if loop.index0 == 0 %} hasfocus {% elseif loop.index0 == 2 %} insertaction {% endif %} cemporcento" type="text" id="valorQuestaoBase{{row.id}}-_-{{id~loop.index0}}" name="{{ 'esforco'~'['~aparelho~']['~questionario['id']~']['~id~'][]' }}" value="{{valor}}">
                        {% endif %}
                    </div>
                </div>
              {% if loop.last %}
                {% if not isShow %}
                    <div class="span1">
                        <label  class="control-label">&nbsp;</label>
                        <a href="javascript:;" id="remover-pano-esforco_{{aparelho}}_{{ questionario['id'] }}-{{id}}" tabindex="-1" class="btn"><i class="icon-remove"></i></a>
                    </div>
                {%  endif %}
                </div>
                {% endif %}
                {# Cas último fecha linha e adiciona botão para remoção quando aplicavel#}
        {% endfor %}
</div>

<script>
    $('#pano-container-esforco_{{aparelho}}_{{ questionario['id'] }}').ready(function(){
        
    })
</script>