@extends('layouts.app')
@section('content')
<div class="row" style="padding-top: 30px;">
    <div class="col-12">
        <div class="card" style="padding: 30px 0px;height:85vh;">
            <div class="card-header">
                <div class="row">
                    <div class="col-12">
                        <h1 class="text-center font-weight-bolder" style="font-size: 14em;">403</h1>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <h4 class="text-center font-weight-bolder text-uppercase" style="font-size: 3em;">Forbidden</h4>
                    </div>
                </div>
                <div class="row my-4">
                    <div class="col-12 text-center">
                        <h6 class="text-center text-uppercase" style="font-size: 1.3rem;">Sorry, You are not allowed to perform this action.</h6>
                    </div>
                </div>
            </div>
            <div class="card-footer" style="padding:20px 0px;">
                <div class="row">
                    <div class="col-12 text-center">
                        <a href="{{route('admin.dashboard')}}" class="btn btn-primary btn-lg dashboard-btn text-uppercase" style="margin-left: 15px;"><i class="fa fa-arrow-left" aria-hidden="true" style="padding-right: 5px;"></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