{% extends "propesqBundle::layout.html.twig" %}

{% block stylesheets %}
    <!-- TODO: verificar caminho do arquivo -->
    <link rel="stylesheet" href="{{ asset('bundles/propesq/css/edit.css') }}" type="text/css" media="all" />

    <style>
        #form-container{
            overflow-x: visible;
        }
    </style>

{% endblock %}

{% block content %}
<div id="form-container">
    <div class="title">
        <h2>
   {%if entity.id is defined and entity.id is not null%} 
                {{'cabecalho.alterar.aparelhopescaquestionario'|trans}}
        {%else%}  
                {{'cabecalho.incluir.aparelhopescaquestionario'|trans}}
        {%endif%}
        </h2>
    </div>    

{{ form_errors(form) }}

       
<form id="formulario-aparelhopescaquestionario" class="{% if  not includeLayout %}ajax {%endif%} form-horizontal" action="{%if entity.id is defined and entity.id is not null %} {{ path('aparelhopescaquestionario_update', { 'id': entity.id }) }} {%else%} {{ path('aparelhopescaquestionario_create') }} {%endif%}" method="post" {{ form_enctype(form) }}>
    <fieldset style="float: left; margin: 10px;">
        
        {{ form_widget(form._token) }}
        
        
        {% if not includeLayout %}
            <input type='hidden' name='noLayout' value='true'>
        {% endif %}
        

        <div class="row-fluid">
            <div class="control-group span5">
                {{ form_label(form.codAparelhoPescaNivel1) }}
                <div class="controls">
                    {{ form_widget(form.codAparelhoPescaNivel1,{ 'attr': {'class': 'cemporcento'} }) }}
                  <span class="help-inline">{{ form_errors(form.codAparelhoPescaNivel1) }}</span>
                </div>
            </div>
            <div class="control-group span5" style="display: none" id="nivel2">
                {{ form_label(form.codAparelhoPesca) }}
                <div class="controls">
                    {{ form_widget(form.codAparelhoPesca,{ 'attr': {'class': 'cemporcento'} }) }}
                  <span class="help-inline">{{ form_errors(form.codAparelhoPesca) }}</span>
                </div>
            </div>
        </div>
        {%  if form.indsTipoPesca is defined %}
            <div class="control-group ">
                {{ form_label(form.indsTipoPesca) }}
                {% if isShow %}
                    {% for index, tipoPesca in indTipoPescaList %}

                        {%  set selected = false %}
                        {% if index in entity.indsTipoPesca   %}
                            {%  set selected = true %}
                        {% endif %}

                        <label class="checkbox"><input  {{ (selected)?'checked="checked"':'' }} type="checkbox" disabled="disabled"  class=" wf2_notBlank wf2_defaultValue">{{ tipoPesca }}
                        </label>
                    {% endfor %}
                {% else %}
                    <div class="controls">
                        {{ form_widget(form.indsTipoPesca,{ 'attr': {'class': 'input-xlarge'} }) }}
                        <span class="help-inline">{{ form_errors(form.indsTipoPesca) }}</span>
                    </div>
                {% endif %}
            </div>
        {% endif %}
        {%  if form.indsTipoRegistro is defined %}
            <div class="control-group ">
                {{ form_label(form.indsTipoRegistro) }}
                {% if isShow %}
                    {% for index, tipoPesca in indsTipoRegistroList %}

                        {%  set selected = false %}
                        {% if index in entity.indsTipoRegistro   %}
                            {%  set selected = true %}
                        {% endif %}

                        <label class="checkbox"><input  {{ (selected)?'checked="checked"':'' }} type="checkbox" disabled="disabled"  class=" wf2_notBlank wf2_defaultValue">{{ tipoPesca }}
                        </label>
                    {% endfor %}
                {% else %}
                    <div class="controls">
                        {{ form_widget(form.indsTipoRegistro,{ 'attr': {'class': 'input-xlarge'} }) }}
                        <span class="help-inline">{{ form_errors(form.indsTipoRegistro) }}</span>
                    </div>
                {% endif %}
            </div>
        {% endif %}


        <div class="row-fluid">
            <div class="control-group span5">
                {{ form_label(form.codQuestao) }}
                <div class="controls">
                    {{ form_widget(form.codQuestao,{ 'attr': {'class': 'cemporcento'} }) }}
                  <span class="help-inline">{{ form_errors(form.codQuestao) }}</span>
                </div>
            </div>
            <div class="control-group span5">
                {{ form_label(form.txtNomeExibicao) }}
                <div class="controls">
                    {{ form_widget(form.txtNomeExibicao,{ 'attr': {'class': 'cemporcento'} }) }}
                  <span class="help-inline">{{ form_errors(form.txtNomeExibicao) }}</span>
                </div>
            </div>
        </div>
        <div class="row-fluid">
            <div id="containerValorInicializacao">
                {# <div class="control-group span5">
                    {{ form_label(form.txtValorInicializacao) }}
                    <div class="controls">
                      {{ form_widget(form.txtValorInicializacao,{ 'attr': {'class': 'cemporcento'} }) }}
                      <span class="help-inline">{{ form_errors(form.txtValorInicializacao) }}</span>
                    </div>
                </div> #}
            </div>
            <div id="isHabilitado" class="control-group span2">
                {{ form_label(form.isHabilitado) }}
                <div class="controls">
                    {{ form_widget(form.isHabilitado,{ 'attr': {'class': 'cemporcento'} }) }}
                  <span class="help-inline">{{ form_errors(form.isHabilitado) }}</span>
                </div>
            </div>  
        </div>
            
            <input type="hidden" name="indOrdem" value="{{ entity.indOrdem }}">
            
            </fieldset>
    <div class="div-actions">
         <button type="submit" id="addButton" class="btn btn-primary">{{'acao.salvar'|trans}}</button>
        {%if entity.id is null%} 
        <button type="submit" id="addOutroButton" class="btn btn-primary">{{'acao.salvarOutro'|trans}}</button>
        {% endif %}
        <a class=""{% if not includeLayout %} onclick="$(this).parents('.modal').find('.close').click(); return false;" {% endif %} href="{{ path('aparelhopescaquestionario') }}" title="{{'acao.cancelar'|trans}}">{{'acao.cancelar'|trans}}</a>
        
        <input type="hidden" name="isAddOutro" id="addOutro">
    </div>
</form>
</div>
<script>
    var $nivel2Div;
    var nivel1Combobox;
    var nivel2Combobox;
    var htmlIsHabilitado = null;
    var ready = false;
    var isEdit = '{{ entity.id }}';
    var htmlValorInicial = $('#containerValorInicializacao').html() != undefined ? $('#containerValorInicializacao').html() : '';
    $(document).ready(function(){
        //$('form#formulario-aparelhopescaquestionario').preventDoubleSubmission();
        $(document).on('DOMNodeInserted', function(e) {
            if( e.target.className == 'alert alert-error') {
                setTimeout(function() {
                    $('button[type="submit"]').removeAttr("disabled");
                }, 100);

            }
        });
        $('form').submit(function(){
            $('button[type="submit"]').attr("disabled", "disabled");
        });
        if (htmlValorInicial == '' || htmlValorInicial == undefined) {
            htmlValorInicial = $('#containerValorInicializacao').html();
        }
        
        $nivel2Div = $("#nivel2");
        nivel2Combobox = {{ form.codAparelhoPesca.vars.id }};
        ready = true;
        if(isEdit){
            liberaNivel2(eval('{{form.codAparelhoPescaNivel1.get("id")}}'));
            verificarItemSelecionado(eval('{{form.codQuestao.get('id')}}'));
        }else{
            $("#addOutroButton").click(function(){
                $("#addOutro").val('1');
            });

            $("#addButton").click(function(){
                $("#addOutro").val('');
            });

            var idAparelhoPescaNivel1 = '{{ app.session.getFlash('idAparelhoPescaNivel1') }}';
            var idAparelhoPescaNivel2 = '{{ app.session.getFlash('idAparelhoPescaNivel2') }}';
            if(idAparelhoPescaNivel1 != '')
            {
                {{ form.codAparelhoPescaNivel1.vars.id }}.setSelectedByValue(idAparelhoPescaNivel1);
                
                if(idAparelhoPescaNivel2 != ''){
                    nivel2Combobox.setSelectedByValue(idAparelhoPescaNivel2);
                }
                
            }
        }
        
        //inicia o checkbox habilitado quando é um novo registro
        {%if entity.id is not defined or entity.id is null%}
            $('#{{ form.isHabilitado.vars.id }}').attr('checked', 'checked');
        {% endif %}
            
        {% if showNivel2 %}
            $nivel2Div.show();
        {% else %}
            $nivel2Div.hide();
            {{ form.codAparelhoPesca.get('id') }}.setRequired(false);
        {% endif %}
        
    });
    
    function liberaNivel2(combo){
        removeErroOnChange(combo);
        nivel1Combobox = combo;
        if(ready){
            var obj = combo.getSelectedObject();
            $nivel2Div.stop(true, true).fadeOut(function(){
                nivel2Combobox.setSelectedByValue('');
                nivel2Combobox.setRequired(false);
            });
            if(obj){
                $.ajax({
                    type: 'post',
                    data: { id: obj.id },
                    url: '{{ path('aparelhopesca_verificar_isoutro')}}',
                    dataType: 'json',
                    beforeSend: function(){
                        combo.setLoading(true, true);
                    },
                    success: function(result){
                        combo.setLoading(false, true);
                        if(result && result.isOutro){
                            $nivel2Div.stop(true, true).fadeIn(function(){
                                nivel2Combobox.setRequired(true);

                                nivel2Combobox.setUrl('{{path('aparelhopesca_json')}}?codNivel='+obj.id); 
                                nivel2Combobox.setLoading(true);
                                nivel2Combobox.updateList('{{form.codMunicipio.get('value')}}', function(){
                                    nivel2Combobox.setSelectedByValue("{{ entity.codAparelhoPesca.id }}");
                                    nivel2Combobox.setLoading(false,false, true);
                                }); 
                                //{{form.codMunicipio.get('id')}}.setCaption('{{'combobox.municipio'|trans}}');

                            });
                        }
                    },
                    error: function(){
                        combo.setLoading(false, true);                      
                    }
                });
        }
    }
    }


    function removeErroOnChange(combo){
        var lastId = (combo.getLastSelectedObject() == null)?'':parseInt(combo.getLastSelectedObject().id);
        var newId = (combo.getSelectedObject() == null)?'':parseInt(combo.getSelectedObject().id);
        if(!!lastId && lastId != newId){
            $('div.alert.alert-error').remove();
        }
    }

    function verificarItemSelecionado(combo) {
        removeErroOnChange(combo);
        if (combo.getSelectedObject() != undefined) {
            if(combo.getSelectedObject().id != "12"){
                $.ajax({
                    type: 'post',
                    data: { id: combo.getSelectedObject().id, valorInicializacao:'{{entity.txtValorInicializacao}}'},
                    url: '{{ path('aparelhopescaquestionario_verificar_ind_tipo')}}',
                    dataType: 'html',
                    beforeSend: function(){
                        $("#containerValorInicializacao").html('');
                        combo.setLoading(true, true);
                    },
                    success: function(result){
                        combo.setLoading(false, true);
                        if (result != undefined && result != '') {
                            $("#containerValorInicializacao").append(result);
                        } else {
                            $("#containerValorInicializacao").append(htmlValorInicial);
                        }
                        
                        if(htmlIsHabilitado != null){
                            $("#isHabilitado").html(htmlIsHabilitado);
                        }
                    },
                    error: function(){
                        combo.setLoading(false, true);
                    }
                });
            }else{
                 $("#containerValorInicializacao").html('');
                 if(htmlIsHabilitado == null){
                    htmlIsHabilitado = $("#isHabilitado > *").detach();
                 }
                 
                 $("#isHabilitado").html("<input type='hidden' name='{{form.isHabilitado.vars.full_name}}' value='1'>");
            }
        }
    }
</script>
{% endblock %}