@extends('layouts.app')

@section('content')
    <style>
        #spin_circle {
            -webkit-animation: spin 2s linear infinite;
            animation: spin 2s linear infinite;
            font-weight: 400;
            font-style: normal;
            font-variant: normal;
            line-height: 1;
            display: inline-block;
            text-transform: none;
            speak: none;
            -webkit-font-smoothing: antialiased;
        }
    </style>


    <div class="account-pages my-5 pt-5">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="text-center mb-5">
                        <h1 class="display-2 fw-medium">
                            5<i id="spin_circle" class=" bi bi-gear-fill text-primary display-3" style=""></i>0
                        </h1>
                        <h4 class="text-uppercase">{{ __('Серверная ошибка') }}</h4>
                        <div class="mt-5 text-center">
                            <a class="btn btn-primary waves-effect waves-light" href="{{ redirect()->back()->getTargetUrl() }}">{{ __('Вернуться назад') }}</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-md-8 col-xl-6">
                    <div>
                        <img src="{{ asset('img/error.png') }}" alt="" class="img-fluid">
                    </div>
                </div>
            </div>
            @if($debug ?? true)
                <div class="mt-3">
                    {{ $message ?? '' }}
                    @dump($trace ?? [])
                </div>
            @endif
        </div>
    </div>

@endsection