49 lines
2.4 KiB
PHP
49 lines
2.4 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-white 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 z-50">
|
|
<x-language-toggle />
|
|
</div>
|
|
|
|
<main id="main-content" role="main" tabindex="-1" class="relative grid h-dvh flex-col items-center justify-center px-8 sm:px-0 lg:max-w-none lg:grid-cols-2 lg:px-0">
|
|
<div class="bg-muted relative hidden h-full flex-col p-10 text-white lg:flex dark:border-e dark:border-neutral-800">
|
|
<div class="absolute inset-0 bg-neutral-900"></div>
|
|
<a href="{{ route('home') }}" class="relative z-20 flex items-center gap-3 text-lg font-medium" wire:navigate>
|
|
<x-logo size="md" />
|
|
<span class="text-white">{{ config('app.name', 'Laravel') }}</span>
|
|
</a>
|
|
|
|
@php
|
|
[$message, $author] = str(Illuminate\Foundation\Inspiring::quotes()->random())->explode('-');
|
|
@endphp
|
|
|
|
<div class="relative z-20 mt-auto">
|
|
<blockquote class="space-y-2">
|
|
<flux:heading size="lg">“{{ trim($message) }}”</flux:heading>
|
|
<footer><flux:heading>{{ trim($author) }}</flux:heading></footer>
|
|
</blockquote>
|
|
</div>
|
|
</div>
|
|
<div class="w-full lg:p-8">
|
|
<div class="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]">
|
|
<a href="{{ route('home') }}" class="z-20 flex flex-col items-center gap-2 font-medium lg:hidden" wire:navigate>
|
|
<x-logo size="xl" />
|
|
<span class="sr-only">{{ config('app.name', 'Laravel') }}</span>
|
|
</a>
|
|
{{ $slot }}
|
|
</div>
|
|
</div>
|
|
</main>
|
|
@fluxScripts
|
|
</body>
|
|
</html>
|