@extends('layouts.base')
<div class="min-h-screen hero ">
    <div class="text-center hero-content">
        <div>
            <p class="font-mono text-6xl font-semibold text-warning">500</p>
            <h1 class="mt-4 font-bold tracking-tight text-white">Something is not okay, are you okay?</h1>
            <p class="mt-6 text-base leading-7 text-neutral-300">There has been an error, we are working on it.
            </p>
            @if ($exception->getMessage() !== '')
                <code class="mt-6 text-xs text-left text-red-500">Error: {{ $exception->getMessage() }}
                </code>
            @endif
            <div class="flex items-center justify-center mt-10 gap-x-6">
                <a href="/">
                    <x-forms.button>Go back home</x-forms.button>
                </a>
                <a href="https://docs.coollabs.io/contact.html" class="font-semibold text-white">Contact
                    support
                    <span aria-hidden="true">&rarr;</span></a>
            </div>
        </div>
    </div>
</div>