{% import  "propesqBundle:Relatorio:filtros_templates.html.twig" as form %}
<form>
{% if filter_options|length == 0 %}
<div class="tabbable" style="margin-left: 10px; margin-right: 10px;">    
    {% if ocultar is not defined %}
    <div class="controls" style="float: right;">
        <div class="input-append">
            <input class="span2 search-background" id="txtPesquisar" value="{% if app.session.get(module~'_search_text') is not empty %}{{app.session.get(module~'_search_text')}}{% endif %}" size="16" type="text"><a href="#" class="btn search-background" id="btnPesquisar" type="button"><i class="icon-search"></i></a>
        </div>
    </div>
    {% endif %}
</div>        
{% endif %}
{% if filter_options|length > 0 %}
<div class="tabbable" style="margin-left: 10px; margin-right: 10px;">
    <ul class="nav nav-tabs" style="margin: 5px 5px 0;">
        <li class="active">
            <a href="#tab-content-filter" data-toggle="tab" id="tab_filter" style="background-color: #BEE4A9;">
                {{'filtro.titulo'|trans}}
                <i id="icon_filter" class="icon-chevron-down"></i>
            </a>
        </li>
        {% if ocultar is not defined %}
        <div class="controls" style="float: right;">
            <div class="input-append">
                <input placeholder="buscar" class="span2  search-background" id="txtPesquisar" value="{% if app.session.get(module~'_search_text') is not empty %}{{app.session.get(module~'_search_text')}}{% endif %}" size="16" type="text"><a href="#" class="btn search-background" id="btnPesquisar" type="button"><i class="icon-search"></i></a>
            </div>
        </div>
        {% endif %}
    </ul>
    <div class="tab-background" style="padding: 15px; border-bottom: 1px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;">
        <div class="tab-pane hidden" id="tab-content-filter">
            
            <div class="tabbable tabs-left">
                
                <div class="cemporcento">
                    
                        {% set count = 0%}
                        {% set qtd = filter_options|length%}
                        {% set contador = 0%}
                        
                        {% for filter_option in filter_options %}
                            {% set contador = contador + 1 %}
                            
                            {%if count == 0%} 
                               <div class="row-fluid">
                            {%endif%}
                            
                            {% set count = count + 1 %}                                       
                            
                            {%if filter_option['data'] == true%}
                                {{form.inputData(filter_option['label']|trans, filter_option['id'], filter_option['value'], filter_option['required'])}}
                            {%else%}           
                                {{ form.inputListaFiltro(filter_option['entities'], filter_option['label']|trans, 'label', filter_option['id']) }}    
                            {%endif%}

                            {%if (count == 2) or (contador == qtd)%}     
                               </div>
                               {% set count = 0 %}         
                            {%endif%}

                        {%endfor%}
                            
                        <div style="float: right; margin: 5px 5px 5px 5px;">
                            <button type="submit" id="btn-filtrar" class="btn-filtrar btn btn-inverse"><i class="icon-filter icon-white"></i>{{'filtro.acao'|trans}}</button>
                            <a class="clean-filter btn btn-inverse" href="javascript:;" id="lnk_limpar_filtro"><i class="icon-remove-sign icon-white"></i> {{'filtro.limpar'|trans}}</a>                    
                        </div>
                            
                    
                </div>
                
                <!--<ul class="nav nav-tabs" style="margin-right: -1px; border-right: 1px solid #BEE4A9;">
                    {% set active = 'active' %}
                    {% for filter_option in filter_options %}
                    <li class="{{active}}">
                        <a href="#tab-filter-{{filter_option['id']}}" data-toggle="tab"  style="background-color: transparent; border-color: #4D4D4D transparent #4D4D4D #4D4D4D;">
                            {{filter_option['label']|trans}}
                        </a>
                    </li>
                    {% set active = '' %}
                    {% endfor %}
                </ul>
                    <div class="tab-content" style="min-height: 100px; padding-left: 18px; border-width: 1px; border-style: solid; border-color: #4D4D4D;">
                    {% set active = 'active' %}
                    {% for filter_option in filter_options %} 
                            
                         <div class="tab-pane {{active}}" id="tab-filter-{{filter_option['id']}}">
                         {% set rows = (filter_option['entities']|length / 6) %}
                         {% if rows < 1 %} {%set rows = 1%} {%endif%}
                         {%set row = 1%}
                         <section id="gridSystem">
                         <div class="page-header">
                             <a href="#" onclick="selectAll('tab-filter-{{filter_option['id']}}')">{{'filtro.marcar'|trans}}</a> &nbsp;-&nbsp; 
                             <a href="#" onclick="deselectAll('tab-filter-{{filter_option['id']}}')">{{'filtro.desmarcar'|trans}}</a>
                         </div>
                         
                         
                                 
                         {% for filter_entity in filter_option['entities'] %}
                            {% if (row==1) %}
                                 <div class="row show-grid">
                            {%endif%}
                            <div class="span2">
                                <input type="checkbox" class="filter-option" name="option-{{filter_option['id']}}" id="option-{{filter_option['id']}}-{{filter_entity['id']}}" value="{{filter_entity['id']}}" {%if filter_entity['selected'] == true%}checked="checked"{%endif%}>
                                <label style="display: inline; padding-left: 5px;" for="option-{{filter_option['id']}}-{{filter_entity['id']}}">{{filter_entity['label']}}</label>
                            </div>
                            {%set row = row+1%}
                            {% if (loop.last) or ((row % 6) == 0) %}
                                 </div>
                                 {%set row = 1%}
                            {%endif%}     
                         {% endfor %}
                         </section>
                         
                    </div>
                    {% set active = '' %}
                    {% endfor %}
                </div>-->
                
            </div>


        </div>
    </div>
</div>
{% endif %}
</form>
<script>
    $(document).ready(function(){
        $(".chzn-container").width('100%');
        $(".chzn-drop").width('100%'); 
        
        $('#lnk_limpar_filtro').click(clearFilter);
        
        {% if app.session.get(module~'_filter_options') is not empty %}
            {% for filter_option in app.session.get(module~'_filter_options') %}
                var v = {{filter_option['id']}};
                {% for filter_entity in filter_option['entities'] %}
                    {%if filter_entity['selected'] == true%}
                        var array = eval(v.id).options;
                        var index = 0;
                        
                        for(var i = 1; i <= array.length; i++) {
                            if (array[i].value == v.id +":"+{{filter_entity['id']}}) {
                                index = i;
                                break;
                            }
                        }
                        
                        if (index > 0) {
                            SelectParser.prototype.selecionarItem(v.id, index);
                        }
                    {%endif%}
                {% endfor %}
            {% endfor %}                
        {% endif %}
       
       
        $('#codMunicipio').change(function () {
            var conteudo = $('#codMunicipio').val();
            var virg = "";        
            var data = "";

            if (conteudo != null && conteudo !=  undefined) {
                for (var j = 0; j < conteudo.length; j++) {
                    if (conteudo[j] != "") {
                        var a = conteudo[j].split(':');
                        data = data+virg+a[1];
                        virg = ",";
                    }
                }
            }

            $.ajax({
                type: 'post',
                data: { data : data},
                url: '{{ path('tabelapreco_lista_localidade')}}',
                dataType: 'json',
                beforeSend: function(){
                    var count = eval('codLocalidade').options.length;
                    for (var i = 0; i < count; i++) {
                        eval('codLocalidade').remove(0);
                    }

                    $('#codLocalidade').trigger("liszt:updated");

                    var count = eval('codLocalDescarga').options.length;
                    for (var i = 0; i < count; i++) {
                        eval('codLocalDescarga').remove(0);
                    }

                    $('#codLocalDescarga').trigger("liszt:updated");

                    $("#codLocalidade").attr('disabled', true).trigger("liszt:updated");
                    $("#codLocalDescarga").attr('disabled', true).trigger("liszt:updated");
                },
                success: function(result){
                    if (result.length == 0) {
                        var count = eval('codLocalidade').options.length;
                        for (var i = 0; i < count; i++) {
                            eval('codLocalidade').remove(0);
                        }

                        $('#codLocalidade').trigger("liszt:updated");

                        var count = eval('codLocalDescarga').options.length;
                        for (var i = 0; i < count; i++) {
                            eval('codLocalDescarga').remove(0);
                        }

                        $('#codLocalDescarga').trigger("liszt:updated");
                    }
                    
                    $.each(result, function(i, item) {
                        $('#codLocalidade').append('<option value="codLocalidade:'+item.id+'">'+item.txtNome+'</option>');
                    });

                    $('#codLocalidade').trigger("liszt:updated");

                    $("#codLocalidade").attr('disabled', false).trigger("liszt:updated");
                    $("#codLocalDescarga").attr('disabled', false).trigger("liszt:updated");
                },
                error: function(){
                    $("#codLocalidade").attr('disabled', false).trigger("liszt:updated");
                    $("#codLocalDescarga").attr('disabled', false).trigger("liszt:updated");
                }
            });
        });

        $('#codLocalidade').change(function () {
            var conteudo = $('#codLocalidade').val();
            var virg = "";        
            var data = "";

            if (conteudo != null && conteudo !=  undefined) {
                for (var j = 0; j < conteudo.length; j++) {
                    if (conteudo[j] != "") {
                        var a = conteudo[j].split(':');
                        data = data+virg+a[1];
                        virg = ",";
                    }
                }
            }

            $.ajax({
                type: 'post',
                data: { data : data},
                url: '{{ path('tabelapreco_lista_localdescarga')}}',
                dataType: 'json',
                beforeSend: function(){
                    var count = eval('codLocalDescarga').options.length;
                    for (var i = 0; i < count; i++) {
                        eval('codLocalDescarga').remove(0);
                    }

                    $('#codLocalDescarga').trigger("liszt:updated");
                    $("#codLocalDescarga").attr('disabled', true).trigger("liszt:updated");
                },
                success: function(result){
                    if (result.length == 0) {
                        var count = eval('codLocalDescarga').options.length;
                        
                        for (var i = 0; i < count; i++) {
                            eval('codLocalDescarga').remove(0);
                        }
                    }
                    
                    $.each(result, function(i, item) {  
                        $('#codLocalDescarga').append('<option value="codLocalDescarga:'+item.id+'">'+item.txtNome+'</option>');
                    });

                    $('#codLocalDescarga').trigger("liszt:updated");
                    $("#codLocalDescarga").attr('disabled', false).trigger("liszt:updated");
                },
                error: function(){
                    $("#codLocalDescarga").attr('disabled', false).trigger("liszt:updated");
                }
            });
        });
       
       
       
        /*$("#codUnidadeProdutiva").chosen().change( function() {
            $('#codUnidadeProdutiva_chzn ul.chzn-results li').remove('.active-result');
            $("#codUnidadeProdutiva").trigger("liszt:updated");
            $('#codUnidadeProdutiva_chzn ul.chzn-choices li input').prop("disabled", true);
        });*/
       
        $('#codUnidadeProdutiva_chzn input').prop("disabled", true);
       
        $( "#text_codUnidadeProdutiva" ).autocomplete({
        source: function( request, response ) {
            
            $.ajax({
              type: 'post',
              data: {"data":request.term},
              url: '{{ path('unidadeprodutiva_json_unidade_produtiva') }}',  
              dataType: "json",
              success: function( data ) {
                response( $.map( data, function( item ) {
                  return {
                    label: item.txtNome,
                    value: 'codUnidadeProdutiva:'+item.id
                  }
                }));
              }
            });
            
        },
        minLength: 3,
        select: function( event, ui ) {
           var array = eval('codUnidadeProdutiva').options;
           var index = -1;

            if (array != null && array != undefined) {
                for (var i = 0; i < array.length; i++) {
                    var ob = array[i];
                    try {
                      if (ob.value == ui.item.value) {
                          index = i;
                          break;
                      }
                  } catch (error) {}
                }
            }  
            
          if (index > -1) {
            SelectParser.prototype.selecionarItem("codUnidadeProdutiva", index);
          } else {  
            $('#codUnidadeProdutiva').append('<option value="'+ui.item.value+'">'+ui.item.label+'</option>');
            $("#codUnidadeProdutiva").trigger("liszt:updated");
            var index = eval('codUnidadeProdutiva').options.length-1;
            SelectParser.prototype.selecionarItem("codUnidadeProdutiva", index);
          }
          $('#codUnidadeProdutiva_chzn ul.chzn-choices li.search-field input').prop("disabled", true);
          $( "#text_codUnidadeProdutiva" ).focus();
        },
        open: function() {
          $( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
        },
        close: function() {
          $( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
          $( "#text_codUnidadeProdutiva" ).val("");
        }
        
      });
       
    });
    
    
    var array = new Array();
    
    {% for filter_option in filter_options %}
        array.push('{{filter_option['id']}}');
    {%endfor%}    
    
    
    
    function selectAll(element){
        $("#"+element+" :checkbox").attr('checked','checked');
    }

    function deselectAll(element){
        $("#"+element+" :checkbox").attr('checked',null);
    }
    
    function removeFilterItem(element){
        var a = element.split('-');
        var pos = 0;
        var valor = "";
        for (var j = 0; j < $('#'+a[1]+" option").length; j++) {
            var c = $('#'+a[1]+" option")[j].value;
            valor = c;
            var v = c.split(':');

            if (a[2] == v[1]) {
                pos = j;
                break;
            }
        }
        
        $("#"+a[1]+"_chzn_c_"+pos).remove();
            
        var valores = $('#'+a[1]).val();
        valores.pop(valor);    
        $('#'+a[1]).val(valores);
            
        //$("#"+element).attr('checked',null);
        $("#btn-filtrar").trigger('click');
    }

    function clearFilter(){
        for (var i =0; i < array.length; i++) {
            $('#'+array[i]).val('').trigger('liszt:updated');
        }
        
        $("#btn-filtrar").trigger('click');
        
        $.ajax({
            type: 'post',
            url: '{{ path('tabelapreco_limpar_listas')}}',
            dataType: 'json',
            beforeSend: function(){
                $("#codLocalidade").attr('disabled', true).trigger("liszt:updated");
                $("#codLocalDescarga").attr('disabled', true).trigger("liszt:updated");
            },
            success: function(result){
                $("#codLocalidade").attr('disabled', false).trigger("liszt:updated");
                $("#codLocalDescarga").attr('disabled', false).trigger("liszt:updated");
                
                var count = eval('codLocalidade').options.length;
                for (var i = 0; i < count; i++) {
                    eval('codLocalidade').remove(0);
                }

                $('#codLocalidade').trigger("liszt:updated");

                var count = eval('codLocalDescarga').options.length;
                for (var i = 0; i < count; i++) {
                    eval('codLocalDescarga').remove(0);
                }

                $('#codLocalDescarga').trigger("liszt:updated");
            },
            error: function(){
                $("#codLocalidade").attr('disabled', false).trigger("liszt:updated");
                $("#codLocalDescarga").attr('disabled', false).trigger("liszt:updated");
            }
        });
    }

    $("#tab_filter").click(
        function(e){
            e.preventDefault();
            $("#icon_filter").toggleClass('icon-chevron-down icon-chevron-up');
            $("#tab-content-filter").toggleClass('hidden active');
        }
    );

    $('form').live('submit',function(e){
        e.preventDefault();

        if(!$('form')[0].checkValidity()){
            return false;
        }

        var data = "";
        var virg = "";

                for (var i =0; i < array.length; i++) {
                    var conteudo = $('#'+array[i]).val();
                    
                    if (typeof conteudo == "string") {
                        data = data+virg+array[i]+":"+conteudo;
                        virg = "|";
                    } else {
                        if (conteudo != null && conteudo !=  undefined) {
                            for (var j = 0; j < conteudo.length; j++) {
                                data = data+virg+conteudo[j];
                                virg = "|";
                            }
                        }
                    }
                }
                
                var request = $.ajax({
                url: "{{ path(module~'_table_filter') }}",
                type: "POST",
                data: {filter: data},
                dataType: "html",
                beforeSend: function ( xhr ) {
                    loader('#table_content');
                }
                });

                request.done(function(msg) {
                    $("#table_content").html(msg);
                });

                request.fail(function(jqXHR, textStatus) {
                    alert( "Request failed: " + textStatus );
                });
            }
    );
        
</script>

<script>
        $("#txtPesquisar").keypress(function(event) {
            if ( event.which == 13 ) {
                event.preventDefault();
                $('#btnPesquisar').click();
            }
        });

        $('#btnPesquisar').click(
            function (){
                var request = $.ajax({
                    url: "{{ path(module~'_search') }}",
                    type: "POST",
                    data: {texto : $('#txtPesquisar').val()},
                    dataType: "html",
                    beforeSend: function ( xhr ) {
                        loader('#table_content');
                    }                
                });

                request.done(function(msg) {
                    $("#table_content").html(msg);
                });

                request.fail(function(jqXHR, textStatus) {
                    alert( "Request failed: " + textStatus );
                });                
            }
        )
            
    function clearSearch(){
        var request = $.ajax({
        url: "{{ path(module~'_search_clear') }}",
        type: "POST",
        dataType: "html",
        beforeSend: function ( xhr ) {
            loader('#table_content');
        }
        });

        request.done(function(msg) {
            $("#table_content").html(msg);
            $("#txtPesquisar").val("");
        });

        request.fail(function(jqXHR, textStatus) {
            alert( "Request failed: " + textStatus );
        });                
    }
            

</script>