@section('code', '403')
@section('message', 'Forbidden')
@section('description')
    <p class="leading-relaxed">
        @if (!empty($exception->getMessage()) && !app()->isProduction())
            <span class="text-red-500">{{ $exception->getMessage() }}</span>
        @else
            <span class="text-red-500">You do not have permission to access this resource.</span>
        @endif
    </p>
@endsection

<x-layouts.error>
    <div class="mt-[3vh]">
        <a
            href="{{ url('/') }}"
            class="inline-flex items-center rounded-md border border-transparent bg-primary-600 px-4 py-2 text-sm text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 hover:bg-primary-700"
        >
            Home
        </a>
    </div>
</x-layouts.error>