34 lines
1.6 KiB
PHP
34 lines
1.6 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" dir="{{ app()->getLocale() === 'ar' ? 'rtl' : 'ltr' }}" class="dark">
|
|
<head>
|
|
@include('partials.head')
|
|
</head>
|
|
<body class="min-h-screen bg-neutral-100 antialiased dark:bg-linear-to-b dark:from-neutral-950 dark:to-neutral-900" style="font-family: var(--font-{{ app()->getLocale() === 'ar' ? 'arabic' : 'english' }})">
|
|
<!-- Skip to content link for keyboard accessibility -->
|
|
<a href="#main-content" class="skip-link" data-test="skip-to-content">
|
|
{{ __('accessibility.skip_to_content') }}
|
|
</a>
|
|
|
|
<!-- Language Toggle -->
|
|
<div class="absolute end-4 top-4">
|
|
<x-language-toggle />
|
|
</div>
|
|
|
|
<main id="main-content" role="main" tabindex="-1" class="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
|
|
<div class="flex w-full max-w-md flex-col gap-6">
|
|
<a href="{{ route('home') }}" class="flex flex-col items-center gap-2 font-medium" wire:navigate>
|
|
<x-logo size="xl" />
|
|
<span class="sr-only">{{ config('app.name', 'Laravel') }}</span>
|
|
</a>
|
|
|
|
<div class="flex flex-col gap-6">
|
|
<div class="rounded-xl border bg-white dark:bg-stone-950 dark:border-stone-800 text-stone-800 shadow-xs">
|
|
<div class="px-10 py-8">{{ $slot }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
@fluxScripts
|
|
</body>
|
|
</html>
|