@php
  $customizerHidden = 'customizer-hide';
  $configData = Helper::appClasses();
@endphp

@extends('layouts/layoutMaster')

@section('title', 'Erreur page non trouvée')

@section('page-style')
  <!-- Page -->
  @vite(['resources/assets/vendor/scss/pages/page-misc.scss'])
@endsection


@section('content')
    <!-- Error -->
    <div class="text-center">
        <h1 class="mb-2 mx-2" style="font-size: 6rem;line-height: 6rem;">500</h1>
        <h4 class="mb-2">Une erreur est survenue 😵</h4>
        <p class="mb-10 mx-2"> Une erreur est survenue lors de la génération de la page. </p>
        <div class="d-flex justify-content-center mt-5">
{{--            <img src="{{asset('assets/img/illustrations/tree-3.png')}}" alt="misc-tree" class="img-fluid misc-object d-none d-lg-inline-block">--}}
{{--            <img src="{{asset('assets/img/illustrations/tree.png')}}" alt="misc-tree" class="img-fluid misc-object-right d-none d-lg-inline-block">--}}
{{--            <img src="{{asset('assets/img/illustrations/misc-mask-'.$configData['style'].'.png')}}" alt="misc-error" class="scaleX-n1-rtl misc-bg d-none d-lg-inline-block" height="172" data-app-light-img="illustrations/misc-mask-light.png" data-app-dark-img="illustrations/misc-mask-dark.png">--}}
            <div class="d-flex flex-column align-items-center">
                <img src="{{asset('assets/img/illustrations/500.jpg')}}" alt="misc-error" class="rounded rounded-4 shadow-sm">
            </div>
        </div>
    </div>
    <!-- /Error -->
@endsection