@extends('back.layout.app')
@section('title', config('app.name') . ' - Accès refusé')
@section('page-title', 'Accès refusé')

@section('content')

<div class="flex flex-col items-center justify-center h-[95%]">
    <div class="mb-10">
        <img alt="403" class="max-h-[160px]" src="{{ asset('assets/media/illustrations/12.svg') }}">
    </div>
    <span class="kt-badge kt-badge-primary kt-badge-outline mb-3">
        403 Error
    </span>
    <h3 class="text-2xl font-semibold text-mono text-center mb-2">
        Accès refusé
    </h3>
    <div class="text-base text-center text-secondary-foreground mb-10">
        Vous n'avez pas les permissions nécessaires pour accéder à cette page.
        <br>
        Contactez un administrateur si vous pensez que c'est une erreur.
    </div>
</div>

@endsection