<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<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">
    {{-- Demo Mode Banner --}}
    <x-demo-banner />

    {{-- System Notice Banner --}}
    <x-system-notice />

    <div class="bg-background flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
        <div class="flex w-full max-w-sm flex-col gap-2">
            <a href="{{ route('home') }}" class="flex flex-col items-center gap-2 font-medium" wire:navigate>
                <x-app-logo class="[&>div]:size-9 [&_img]:size-full [&_svg]:size-5 [&>div]:bg-ocean-600 dark:[&>div]:bg-ocean-500 mb-1" />
                <span class="sr-only">{{ config('app.name', 'Laravel') }}</span>
            </a>
            <div class="flex flex-col gap-6">{{ $slot }}</div>
        </div>
    </div>
    @fluxScripts
</body>
</html>
