@extends('layouts.app')

@section('titre', $titre)

@section('contenu')
    <div class="mx-auto max-w-lg text-center">
        <p class="text-sm font-semibold text-slate-400">Erreur {{ $code }}</p>
        <h1 class="mt-1 text-xl font-semibold">{{ $titre }}</h1>
        <p class="mt-3 text-slate-600">{{ $explication }}</p>

        <div class="mt-6 flex justify-center gap-2">
            @auth
                <a href="{{ route('accueil') }}" class="bouton-principal">Revenir à l'accueil</a>
            @else
                <a href="{{ route('connexion') }}" class="bouton-principal">Se connecter</a>
            @endauth
        </div>
    </div>
@endsection