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

{% for questionario in questionarios %}
    {% if questionario['ind_tipo'] == 6 %}
    <fieldset>
        <legend>
            <small>{{ questionario['txt_nome_exibicao'] }}</small>
        </legend>
        {% set questionarios = questionario['txt_resposta']|split('__') %}
        <div id="pano-fields-list-esforco_{{ aparelho }}_{{ questionario['id'] }}" data-prototype="{% filter escape %}{% include 'propesqBundle:AparelhoPescaQuestionario:tipo6_prototipo.html.twig' with {'panos': questionarioNivelAcima[questionario['id']], 'aparelho':aparelho, 'questionario': questionario, 'valoresIniciais': questionarioNivelAcima['valores_iniciais_'~questionario['id']]  } %}{% endfilter %}">
            {% for respostas in questionarios if questionarios[loop.index0] is not empty %}
                {% include 'propesqBundle:AparelhoPescaQuestionario:tipo6_prototipo.html.twig' with {'respostas' : respostas, 'panos': questionarioNivelAcima[questionario['id']], 'id' : loop.index0, 'aparelho':aparelho, 'isShow': isShow, 'valoresIniciais': questionarioNivelAcima['valores_iniciais_'~questionario['id']]} %}
            {% endfor %}
        </div>

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


                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>
            {% if not isShow %}
                <a href="#" class="controls" id="add-another-pano-esforco_{{ aparelho }}_{{ questionario['id'] }}">Adicionar outro "{{ questionario['txt_nome_exibicao'] }}"</a>
            {% endif %}
    </fieldset>
    {% 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'] == 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'] == 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'] == 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;
                        }
                    }
                    ;

                    $(document).ready(function(){
                        $('#{{ 'esforco_'~aparelho~'_'~questionario['id'] }}').on('change', function(){
                            $('#error_{{ 'esforco_'~aparelho~'_'~questionario['id'] }}').hide();
                                var preenchido = false;
                                if($('#{{ 'esforco_'~aparelho~'_'~questionario['id'] }}').val().length > 0) {
                                    preenchido = true;
                                }
                                var value = (/^[0-9]*:[0-5][0-9]$/.test($('#{{ 'esforco_'~aparelho~'_'~questionario['id'] }}').val()));

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

                                $('button[type="submit"]').removeAttr("disabled");
                        });

                        $('#{{ 'esforco_'~aparelho~'_'~questionario['id'] }}').on('keyup', function() {
                            $(this).trigger('change');
                        });

                        $('#{{ 'esforco_'~aparelho~'_'~questionario['id'] }}').trigger('change');
                    });
                    $('form').submit(function () {
                        $('button[type="submit"]').removeAttr("disabled");

                        $('#error_{{ 'esforco_'~aparelho~'_'~questionario['id'] }}').hide();

                        var is_visible = $('#{{ 'esforco_'~aparelho~'_'~questionario['id'] }}').parents('.tabbable').is(':visible');

                        if (is_visible && $('#{{ 'esforco_'~aparelho~'_'~questionario['id'] }}').val().length > 0) {
                            var value = (/^[0-9]*:[0-5][0-9]$/.test($('#{{ 'esforco_'~aparelho~'_'~questionario['id'] }}').val()));

                            if (!value) {
                                if (!$('#{{ 'esforco_'~aparelho~'_'~questionario['id'] }}').is(':visible')) {
                                    $('#li_{{ aparelho }} > a').trigger('click');
                                }

                                $('#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 %}
{% endfor %}