@extends('errors.layout')

@section('content')
<div id="root" class="min-h-100vh flex grow bg-slate-50 dark:bg-navy-900" x-cloak="">
    <main class="grid w-full grow grid-cols-1 place-items-center">
      <div class="max-w-md p-6 text-center">
        <div class="w-full">
          <img class="w-full" src="{{asset('images/illustrations/error-500.svg')}}" alt="Accès refusé">
        </div>
        <p class="pt-4 text-7xl font-bold text-primary dark:text-accent">
          403
        </p>
        <p class="pt-4 text-xl font-semibold text-slate-800 dark:text-navy-50">
          Accès refusé
        </p>
        <p class="pt-2 text-slate-500 dark:text-navy-200">
          Vous n’êtes pas autorisé à accéder à cette page.<br>
          Si vous pensez qu’il s’agit d’une erreur, merci de contacter le support.
        </p>
      </div>
    </main>
  </div>
  
@endsection