{{-- Extends layout --}}
@extends('layout.default')

{{-- Content --}}
@section('content.extended')

{{-- User Center --}}


<div class="row">
    <div class="col">
        <div class="card card-custom bg-white {{ @$class }} shadow-none">

            {{-- Header --}}
            <div class="card-header border-0 pr-0">
                <div class="row align-items-center w-100">
                    <div class="col-auto mt-3 ml-auto">
                        <a href="#" id="filter--apply" class="btn btn-primary px-6 font-weight-bold">Recarregar</a>
                    </div>
                </div>



            </div>
        </div>

    </div>
</div>

{{-- Body --}}
<div class="card-body d-flex flex-column align-items-center p-6" style="background-color: #ffffff;border-radius:0 0 calc(0.42rem - 1px) calc(0.42rem - 1px);">
    <config data-RbProtocol="" data-RbIp=""></config>

    <table class="table table-striped w-100" id="kt_datatable">

        <thead>
        </thead>

        <tbody>
        </tbody>
    </table>

    <div class="loading-table row p-5">
        <div class="spinner spinner-primary py-3 pl-4 pr-5"></div>
        Carregando...
    </div>
</div>
</div>
</div>
</div>

<!-- Custom CSS for Tooltip -->
<style>
    .tooltip .tooltip-inner {
        background: #fff;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15) !important;
        color: #000;
        font-size: 12px;
        font-family: "Montserrat", Arial;
        font-weight: 500;
    }

    .tooltip .arrow::before {
        border-bottom-color: #fff;
    }
</style>


@endsection

{{-- Scripts Section --}}
@section('scripts')

<script src="{{ asset('js/custom/gestor/callbackSpoolReport/index.js') }}" type="text/javascript"></script>
<script src="{{ asset('js/pages/widgets.js') }}" type="text/javascript"></script>
<script src="{{ asset('js/custom/includes/headerDashAgent.js') }}" type="text/javascript"></script>

@endsection