{% import  "propesqBundle:Relatorio:filtros_templates.html.twig" as 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 if filter_option['is_hidden'] == false %}
                            {% 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'])}}
                            {%else%}           
                                {{ form.inputListaFiltro(filter_option['entities'], filter_option['label']|trans, 'label', filter_option['id']) }}    
                                       
                                {%if filter_option['id'] == 'codUnidadeProdutiva'%}  
                                       <script>
                                           $(document).ready(function(){
                                           $('#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("");
                                                }

                                              });
                                              });
                                       </script>    
                                       
                                {%endif%}
                            {%endif%}

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

                        {%endfor%}
                            
                        <div style="float: right; margin: 5px 5px 5px 5px;">
                            <a href="#" id="btn-filtrar" class="btn-filtrar btn btn-inverse"><i class="icon-filter icon-white"></i>{{'filtro.acao'|trans}}</a>
                            <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 %}
<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') if filter_option['is_hidden'] == false %}
                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 %}
                
    });
    
    
    var array = new Array();
    
    {% for filter_option in filter_options if filter_option['is_hidden'] == false %}
        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');
        }
        
        /*$(".filter-option:checked").each(
                    function (i){
                        $(this).attr('checked',null);
                    }
        );*/
        $("#btn-filtrar").trigger('click');
    }

    $("#tab_filter").click(
        function(e){
            e.preventDefault();
            $("#icon_filter").toggleClass('icon-chevron-down icon-chevron-up');
            $("#tab-content-filter").toggleClass('hidden active');
        }
    );
        
    $(".btn-filtrar").click(
            function (){
                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 = "|";
                            }
                        }
                    }
                }
                
                /*$(".filter-option:checked").each(
                    function (i){
                       data = data+virg+$(this).attr('name').split("-")[1]+':'+$(this).val();
                       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>