@extends('backend.layout.masterlayout')
@section('content')
    @include('backend.partial.sidebar')
    @include('backend.partial.topbar')
    <div class="page-wrapper">
        <!--page-content-wrapper-->
        <div class="page-content-wrapper">
            <div class="page-content">
                {{-- <div class="row">
            <div class="col-12 col-lg-12 mx-auto">
                <div class="card radius-15">
                    <div class="card-body">
                        <div class="card-title">
                            <h4 class="mb-0">Grouped Bar Chart</h4>
                        </div>
                        <hr/>
                        <div class="chart-container2">
                            <canvas id="chart8"></canvas>
                        </div>
                    </div>
                </div>
            </div>
        </div> --}}
                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-12"></div>
                    <div class="col-lg-6 col-md-6 col-sm-12">
                        <div class="card drag-item cursor-move mb-lg-0 mb-4">
                            <div class="card-body text-center">
                                <div id="loader" style="display: none; text-align: center;">
                                    <img src="{{ asset('uploads/general-setting/cleaning.gif') }}" width="50%;">
                                    <h2 class="font-weight-bold display-7 mt-2"><span class="text-secondary"> Processing.....</span></h2>
                                </div>
                                
                                <div id="dynamic-content">
                                <img src="{{ asset('uploads/general-setting/juicy-rocket.gif') }}" width="15%;"/>
                                    <h2 class="font-weight-bold display-7"><span class="text-primary"> Boost Panel Speed</span></h2>
                                <h6 class="mt-3" style="line-height:30px;">Are you sure you want to clear all temporary
                                    files and useless logs to speed up your panel? Please confirm to proceed.</h6>
                                    
                                <div class="mt-4 pb-3">
                                    <a id="proceedPanelBoosting" data-url="{{ route('gofor-speedup-system') }}" class="btn btn-lg btn-outline-primary btn-sm ms-3 px-md-5 radius-30">I Agree</a>
                                </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-12"></div>
                </div>
            </div>
        </div>
        <!--end page-content-wrapper-->
    </div>
    <!--end page-wrapper-->
    <!--start overlay-->
    <div class="overlay toggle-btn-mobile"></div>
    <!--end overlay-->
    <!--Start Back To Top Button-->
    <a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a> @include('backend.partial.dashboard_footer')
    <audio autoplay>
        <source src="{{ asset('backend/sounds/sound6.ogg') }}" type="audio/ogg">
    </audio>
@endsection
@section('script')
<script>
    $(document).ready(function() {
        $(document).on('click', '#proceedPanelBoosting', function(e) {

            e.preventDefault();

            var url = $(this).data('url');

            $('#dynamic-content').html(''); // leave it blank before ajax call
            $('#loader').show(); // load ajax loader
            $.ajax({
                    url: url,
                    type: 'GET',
                    dataType: 'html'
                })
                .done(function(data) {
                    console.log(data);
                    $('#dynamic-content').html('');
                    $('#dynamic-content').html(data); // load response   
                    $('#loader').hide(); // hide ajax loader
                    
                })
                .fail(function() {
                    $('#dynamic-content').html(
                        '<i class="bx bx-info-circle"></i> Something went wrong, Please try again...'
                    );
                    $('#loader').hide();
                });

        });

    });
</script>
@endsection