{% import  "propesqBundle:Relatorio:filtros_templates.html.twig" as form %}
<form>
{% if filter_options|length == 0 %}


{% 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>

    </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%}
                            {% if filter_option['id'] != 'datInicial' %}
                                {% set count = count + 1 %}
                            {% endif %}
                            {%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 %}
    });

    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');

    }

    $("#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>