@extends('back.layout.app')
@section('title', config('app.name') . ' - Erreur serveur')
@section('page-title', 'Erreur serveur')

@section('content')

<div class="flex flex-col items-center justify-center h-[95%]">
    <div class="mb-10">
        <img alt="500" class="max-h-[160px]" src="{{ asset('assets/media/illustrations/20.svg') }}">
        <img alt="500" class="light:hidden max-h-[160px]" src="{{ asset('assets/media/illustrations/20-dark.svg') }}">
    </div>

    <span class="kt-badge kt-badge-primary kt-badge-outline mb-3">
        500 Error
    </span>
    <h3 class="text-2xl font-semibold text-mono text-center mb-2">
        Erreur interne du serveur
    </h3>
    <div class="text-base text-center text-secondary-foreground mb-10">
        Une erreur est survenue. Veuillez réessayer plus tard
        <br>
        ou contacter un administrateur si le problème persiste.
    </div>
</div>

@endsection