@extends('layouts.app')

@section('content')
    <div class="card">
        <div class="header" id="header-filtros" role="button">
            <h2 id="title-filtros">Filtros</h2>
        </div>
        <div class="body" id="panel-filtros">
            @include('contextousuario.consultas.'.$tipo.'.form-filtros')
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12" id="tabela-resultado">

        </div>
    </div>

    <hr/>

    @if (!\Illuminate\Support\Facades\App::environment('testing'))
    @push('scripts')
    @include('layouts.cdn.charts-js')
    <script>

        $(document).ready(function(){
            $(".carregar-consulta").on("click",function(e){
                e.preventDefault();
                carregarConsulta($(this));
            });

            $("#header-filtros").on("click",function(e){
                $("#panel-filtros").toggle("slow");
            })
        });

        function carregarConsulta(button){
            var form = button.parent().parent().parent();
            var urlTable = form.prop('action');
            var parametros = $.param(form.serializeArray());
            var urlLoad = urlTable + '?' + parametros;

            $("#tabela-resultado").html($("#loader-default").html());

            $.get(urlLoad, function (data) {
                $("#tabela-resultado").html(data);
                $("#panel-filtros").hide("slow");
                callbackTable();
            }).fail(function(){
                $("#tabela-resultado").html('Ocorreu um erro ao buscar os dados. Tente novamente mais tarde.');
            });
        }

        function callbackTable(){

        }
    </script>
    @endpush
    @endif
@stop