@extends('layouts.blesser.app')

@section('content')
<div class="flex h-[calc(100vh-106px)] items-center justify-center">
    <div class="flex flex-col items-center justify-center gap-4">
        <img src="{!! asset('assets/themes/blesser/images/403.png') !!}" alt="403 error" class="max-w-lg">
        <h1 class="sr-only">403</h1>
        <div class="text-xl text-center">
            دسترسی به این بخش برای شما مجاز نمی‌باشد
            <br>
            <small class="text-sm text-gray-500">
                {{ $exception->getMessage() }}
            </small>
        </div>
        <a href="{!! route('home') !!}"
            class="flex items-center gap-1 rounded-lg bg-primary/15 px-4 py-2 text-primary duration-300 hover:text-primary/80">
            برگشت به خانه
            <span class="i-lucide-chevron-left size-5"></span>
        </a>
    </div>
</div>
@endsection