{{-- @extends('layouts.admin.admin') --}}
@extends('layouts.app')
@section('content')
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                {{-- <div class="row">
                    <div class="col-12">
                        <h1 class="text-center font-weight-bolder text-danger" style="font-size: 1.3rem; poition:relative;">Error</h1>
                    </div>
                </div> --}}
                {{-- <div class="row">
                    <div class="col-12">
                        <h5 class="text-center font-weight-bolder text-uppercase" style="font-size: 2.5rem; margin-top: -20px;">Forbidden</h5>
                    </div>
                </div> --}}
                <div class="row my-4">
                    <div class="col-12 text-center">
                        <h2 class="text-center text-uppercase text-danger" style="font-size: 4.3rem;">Access Denied</h2>
                    </div>
                </div>
            </div>
            <div class="card-footer">
                <div class="row">
                    <div class="col-12 text-center">
                        <a href="{{route('dashboard')}}" class="btn btn-primary btn-lg dashboard-btn" style="margin-left: 15px;"><i class="fa fa-arrow-left mr-2" aria-hidden="true"></i>Back To Dashboard</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    .dashboard-btn:hover{
        color: #fff;
        background-color: #0d3447;
        border-color: #0d3447;
    }

</style>
@endsection