@extends('back.layout.error')
@section('title', '404 - Page non trouvée')

@section('content')
<div class="flex flex-col items-center justify-center h-[95%]">
      <div class="mb-10">
       <img alt="image" class="max-h-[160px]" src="{{asset('assets/media/illustrations/19.svg')}}">
      </div>
      <span class="kt-badge kt-badge-primary kt-badge-outline mb-3">
       404 Error
      </span>
      <h3 class="text-2xl font-semibold text-mono text-center mb-2">
       Page non trouvée
      </h3>
      <div class="text-base text-center text-secondary-foreground mb-10">
       La page que vous recherchez n'existe pas ou a été déplacée.
      </div>
      <div class="flex gap-3">
            <a href="{{ route('admin.dashboard') }}" class="kt-btn kt-btn-primary">
                <i class="ki-filled ki-home me-2"></i>
                Retour au dashboard
            </a>
        </div>
     </div>
@endsection