<x-guest-layout>
    <x-slot name="header">
            {{ __('Posts') }}
    </x-slot>

    <div class="py-0 md:py-12" id="custom-timebank-style">
        <div class="mx-auto max-w-7xl sm:px-6 lg:px-8">
            <div class="overflow-hidden bg-theme-background shadow-xl sm:rounded-lg">
                <div class="px-3 sm:px-0">
                    <div class="max-w-4xl mx-auto my-12 p-4">
                        <div class="mt-48 mb-36 flex flex-col items-center justify-center">
                            <h1 class="text-3xl font-bold text-theme-primary dark:text-gray-200">{{ __('Sorry') }}</h1>
                            <p class="text-lg text-theme-secondary dark:text-theme-muted mt-4">{{ __('No page available in your language at the moment') }}</p>

                            @if(isset($fallbackUrl) && $fallbackUrl)
                                <a href="{{ $fallbackUrl }}">
                                    <x-jetstream.button class="mt-6">
                                        {{ __('messages.view_in_language', ['lang' => $fallbackLanguageName]) }}
                                    </x-jetstream.button>
                                </a>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</x-guest-layout>
