@php
    $layout = Auth::check() ? 'app-layout' : 'guest-layout';
@endphp

<x-dynamic-component :component="$layout">
    <div class="mt-48 mb-36 flex flex-col items-center justify-center px-4">
        <div class="text-center leading-loose">
            <h3 class="text-lg font-medium text-theme-primary mb-4">
                {{ __('Service unavailable') }}
            </h3>
            <div class="text-sm text-theme-secondary">
                503
            </div>
        </div>

        <div class="mt-12">
            <a href="{{ route('static-report-error') }}" target="_blank" rel="noopener noreferrer" class="text-theme-brand underline">
                {{ __('Report website bugs and issues here') }}
            </a>
        </div>

        <x-jetstream.button onclick="window.location.href='{{ route('main') }}'" class="mt-12">
            {{ __('Main page') }}
        </x-jetstream.button>
    </div>
</x-dynamic-component>