@extends('layouts.app')
@section('content')
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <ul class="page-breadcrumb">
                    <li>
                        <a href="{{ url('/home') }}">Home</a>
                        <i class="fa fa-circle"></i>
                    </li>
                    <li>
                        <span>Cache Monitoramento Híbrido</span>
                    </li>
                </ul>
            </div>
            <h1 class="page-title nova-faixa"> Gerenciamento de Cache Dashboard
            </h1>
            <input type="hidden" id="selectedID">
            <div class="row mt-20">
                <div class="col-md-12 mt-20">
                    <div class="portlet-body">
                        <div class="erros" style="display: none;">
                            <div class="alert alert-danger">
                                <ul>
                                </ul>
                            </div>
                        </div>
                        <div class="success" style="display: none;">
                            <div class="alert alert-success">
                                <ul>
                                </ul>
                            </div>
                        </div>
                        <div class="table-responsive" style="overflow: hidden;">
                            <div>
                                <button type="button" class="btn blue limpar_volumetria">
                                    <i class="fa"></i> Limpar Cache Volumetria
                                </button>
                                <button type="button" class="btn blue limpar_volumetria" noUsers=true>
                                    <i class="fa"></i> Limpar Cache Completo
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 mt-20">
                    <pre>
                        {{ trim(json_encode($dataCache)) }}
                    </pre>
                </div>
            </div>
        </div>

        @push('scripts')
            <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.11.3/datatables.min.css" />
            <script src="{{ asset('global/plugins/datatables/datatables.min.js') }}" type="text/javascript"></script>
            <script src="{{ asset('global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js') }}"
                type="text/javascript"></script>
            <script src="{{ asset('global/plugins/bootstrap-multiselect-master/dist/js/bootstrap-multiselect.js') }}"
                type="text/javascript"></script>
            <script src="{{ asset('global/plugins/bootstrap-select/js/bootstrap-select.min.js') }}" type="text/javascript">
            </script>
            <script src="{{ asset('pages/scripts/bot/gerenciamento.js') }}" type="text/javascript"></script>
            <link href="{{ asset('global/plugins/bootstrap-multiselect-master/dist/css/bootstrap-multiselect.css') }}"
                rel="stylesheet" type="text/css" />
            <link href="{{ asset('pages/css/chatbot/style.css') }}" rel="stylesheet" type="text/css" />
            <link href="{{ asset('global/css/plugins.min.css') }}" rel="stylesheet" type="text/css" />

            <script type="text/javascript">
                $(".limpar_volumetria").click(function () {

                    var dataUser = $(this).attr('noUsers');

                    var url = (dataUser == 'true') ? "/hibrido_cache/cleaning" : "/hibrido_cache/cleaning/nousers";

                    $.ajax({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        type: "GET",
                        url: url
                    })
                        .done(function (response) {
                            if (response.length) {
                                alert("Cache Limpo");
                            } else {
                                alert("Erro ao limpar o cache");
                            }
                        })
                        .fail(function (errors) {
                            console.log(errors);
                        });
                });
            </script>
        @endpush
@endsection