{% 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;">
    <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['data'] == true %}
                            {% set count = count + 0.5 %}
                            {{ form.inputData(filter_option['label'] | trans, filter_option['id'], filter_option['value'], filter_option['required'] ) }}
                        {% else %}
                            {% set count = count + 1 %}
                            {{ 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>
            </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('acompanhamentocoletadados_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('acompanhamentocoletadados_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");
                }
            });
        });
    });

    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);
        $("#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('acompanhamentocoletadados_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 );
        });
    });
    
    // Função deve estar declarada para o funcionamento da paginação
    function clearSearch(){};
</script>