@extends('layouts.auth', ['title' => '500'])

@section('content')

<div class="card">
    <div class="card-body p-0 bg-black auth-header-box rounded-top">
        <div class="text-center p-3">
            <a href="{{ route('any', 'index')}}" class="logo logo-admin">
                <img src="/images/logo-sm.png" height="50" alt="logo" class="auth-logo">
            </a>
            <h4 class="mt-3 mb-1 fw-semibold text-white fs-18">Sorry! Unexpected Server Error</h4>
            <p class="text-muted fw-medium mb-0">Back to dashboard of Approx</p>
        </div>
    </div>
    <div class="card-body pt-0">
        <div class="ex-page-content text-center">
            <img src="/images/extra/error.svg" alt="0" class="" height="170">
            <h1 class="my-2">500!</h1>
            <h5 class="fs-16 text-muted mb-3">Internal Server Error</h5>
        </div>
        <a class="btn btn-primary w-100" href="{{ route('any', 'index')}}">Back to Dashboard <i class="fas fa-redo ms-1"></i></a>
    </div><!--end card-body-->
</div><!--end card-->

@endsection