{% if filter_options|length == 0 %}
<div class="tabbable" style="margin-left: 10px; margin-right: 10px;">    
    {% if ocultar is not defined %}
    
    <div class="row">
        <div class="col-md-6">
            <div class="form-group">
                <label class="control-label">{{'entidade.especie.txtNomeCientifico'|trans}}:</label>
                <input class="form-control" id="txtPesquisar" style="width: 100%;" value="{% if app.session.get('especie_search_text') is not empty %}{{app.session.get('especie_search_text')}}{% endif %}" size="16" type="text">                    
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group">
                <label class="control-label">{{'entidade.especie.txtNomeReferencia'|trans}}:</label>
                <input class="form-control" id="txtPesquisar2" style="width: 100%;" value="{% if app.session.get('especie_search_text2') is not empty %}{{app.session.get('especie_search_text2')}}{% endif %}" size="16" type="text">            
                </div>
        </div>    
    </div>    
        
    <div class="row">
        <div class="col-md-1">
            <a class="btn btn-default btn-xs" id="btnPesquisar">
                <span class="glyphicon glyphicon-search" class="btn" title="Pesquisar"></span> Pesquisar
            </a>
        </div>
        <div class="col-md-1">
            <a class="btn btn-default btn-xs" href="javascript:;" id="lnk_limpar_busca" title="Limpar Pesquisa">
                <span class="glyphicon glyphicon-remove"></span> Limpar
            </a>
        </div>
            
    </div>
    {% endif %}
</div>        
{% endif %}

<script>
    
    function removeFilterItem(element){
        $("#"+element).attr('checked',null);
        $("#btn-filtrar").click();
    }

    function clearFilter(){
        $(".filter-option:checked").each(
                    function (i){
                        $(this).attr('checked',null);
                    }
        );
        $("#btn-filtrar").click();
    }

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

<script>
        $("#txtPesquisar").keypress(function(event) {
            if ( event.which == 13 ) {
                event.preventDefault();
                $('#btnPesquisar').click();
            }
        });
        
        $("#txtPesquisar2").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(), texto2 : $('#txtPesquisar2').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("");
            $("#txtPesquisar2").val("");
            
        });

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

</script>