@extends('layouts.acorn.acorn_admin_app')
    @section('header_styles')
        <link rel="stylesheet" href="{{ asset('acorn/css/vendor/glide.core.min.css') }}" />
        <link rel="stylesheet" href="{{ asset('acorn/css/vendor/introjs.min.css') }}" />
        <link rel="stylesheet" href="{{ asset('acorn/css/vendor/select2.min.css') }}" />
        <link rel="stylesheet" href="{{ asset('acorn/css/vendor/select2-bootstrap4.min.css') }}" />
        <link rel="stylesheet" href="{{ asset('acorn/css/vendor/plyr.css') }}" />
    @endsection
    @section('content')
        <style>
            .breadcrumb-container{display:none!important;}
            .centerflex{
                display: flex;
                justify-content: center; 
                align-items: center;
            }
            .access_denied_content{
                margin:0 auto;
            }
            .access_denied_content h2{
                text-align:center;
            }
            .access_denied_content a{
                margin:15px auto;
                width:100%;
            }
        </style>
        <div class="container">
            <div class="row">
                <div class="col-12 col-xl-12 centerflex">
                    <div class="access_denied_content">
                        <img class="img-fluid" src="{{ asset('acorn/img/access-denied.png') }}" alt="access_denied" />
                        <h2>Access Denied</h2>
                        <a href="{{ route('admin-dashboard') }}" class="btn btn-primary">Go Back</a>
                    </div>
                </div>
            </div>
        </div>
    @endsection
    @section('footer_scripts')
        <script src="{{ asset('acorn/js/vendor/Chart.bundle.min.js') }}"></script>
        <script src="{{ asset('acorn/js/vendor/chartjs-plugin-datalabels.js') }}"></script>
        <script src="{{ asset('acorn/js/vendor/chartjs-plugin-rounded-bar.min.js') }}"></script>
        <script src="{{ asset('acorn/js/vendor/glide.min.js') }}"></script>
        <script src="{{ asset('acorn/js/vendor/intro.min.js') }}"></script>
        <script src="{{ asset('acorn/js/vendor/select2.full.min.js') }}"></script>
        <script src="{{ asset('acorn/js/vendor/plyr.min.js') }}"></script>
        <script src="{{ asset('acorn/js/cs/glide.custom.js') }}"></script>
        <script src="{{ asset('acorn/js/cs/charts.extend.js') }}"></script>
        <script src="{{ asset('acorn/js/pages/dashboard.default.js') }}"></script>
        <script type="text/javascript"></script>
    @endsection