<div class="flex min-h-screen items-center justify-center bg-bg px-6 py-12">
    <div class="w-full max-w-sm animate-rise">
        <x-ui.brand size="md" class="mb-9" />

        <h1 class="text-2xl font-bold leading-tight tracking-tight text-ink">{{ __('auth.console_login_title') }}</h1>
        <p class="mt-2 text-sm text-muted">{{ __('auth.console_login_subtitle') }}</p>

        <form wire:submit="authenticate" class="mt-8 space-y-5">
            <x-ui.input name="email" type="email" wire:model="email" :label="__('auth.email')" autocomplete="username" autofocus required />
            <x-ui.input name="password" type="password" wire:model="password" :label="__('auth.password_label')" autocomplete="current-password" required />
            <x-ui.checkbox name="remember" wire:model="remember" :label="__('auth.remember')" value="1" />
            <x-ui.button type="submit" variant="primary" size="md" class="w-full">{{ __('auth.sign_in') }}</x-ui.button>
        </form>
    </div>
</div>
