@extends('layouts.app')

@section('content')
<div class="container-xxl py-5 my-5">
    <div class="container">
        <div class="text-center mx-auto wow fadeInUp" data-wow-delay="0s">
            <div class="mb-4 double-circle-gold" style="margin: auto;">
                <span><i class="fa-solid fa-circle-exclamation"></i></span>
            </div>
            <h2 class="text-primary">Erreur 500</h2>
            <h3 class="text-black-or-white">Un problème est survenu</h3>
            <p class="text-black-or-white fs-5 mb-5">
                Une erreur interne est survenue. Nos équipes ont été notifiées.
            </p>
            <p class="text-black-or-white fs-5 mb-5">
                <a href="{{ route('home') }}" class="btn btn-default mx-1 py-2 px-4">Retour à l'accueil</a>
                <a href="{{ route('programmes') }}" class="btn btn-primary mx-1 py-2 px-4">Voir les programmes</a>
            </p>
        </div>
    </div>
</div>
<style>
    footer { display: none !important; }
</style>
@endsection