@extends('errors.layout')

@section('content')

<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" x-show="!$store.global.isDarkModeEnabled" src="{{asset('images/illustrations/error-429.svg')}}" alt="image">
        <img class="w-full" x-show="$store.global.isDarkModeEnabled" src="{{asset('images/illustrations/error-429-dark.svg')}}" alt="image">
      </div>
      <p class="pt-4 text-7xl font-bold text-primary dark:text-accent">
        429
      </p>
      <p class="pt-4 text-xl font-semibold text-slate-800 dark:text-navy-50">
        Trop de requêtes
      </p>
      <p class="pt-2 text-slate-500 dark:text-navy-200">
        L'utilisateur a envoyé trop de requêtes dans un laps de temps donné.
        Destiné à être utilisé avec des schémas de limitation de débit.
      </p>
    </div>
  </main>

@endsection