45 lines
3.5 KiB
PHP
45 lines
3.5 KiB
PHP
<x-layouts::auth :title="__('Log in')">
|
|
<div class="flex flex-col gap-6">
|
|
<x-auth-header :title="__('Log in to your account')" :description="__('Enter your email and password below to log in')" />
|
|
|
|
<x-auth-session-status class="text-center" :status="session('status')" />
|
|
|
|
<x-passkey-verify />
|
|
|
|
<form method="POST" action="{{ route('login.store') }}" class="flex flex-col gap-6">
|
|
@csrf
|
|
|
|
<div class="grid gap-2">
|
|
<label for="email" class="text-sm font-medium text-zinc-800 dark:text-zinc-200">{{ __('Email address') }}</label>
|
|
<input id="email" name="email" type="email" value="{{ old('email') }}" required autofocus autocomplete="email" placeholder="email@example.com" class="w-full rounded-xl border border-zinc-300 bg-white px-3 py-2.5 text-sm text-zinc-900 shadow-sm outline-none transition placeholder:text-zinc-400 focus:border-cyan-500 focus:ring-2 focus:ring-cyan-200 dark:border-zinc-700 dark:bg-zinc-950 dark:text-white dark:placeholder:text-zinc-500 dark:focus:border-cyan-400 dark:focus:ring-cyan-900" />
|
|
@error('email')<p class="text-sm text-red-600 dark:text-red-400">{{ $message }}</p>@enderror
|
|
</div>
|
|
|
|
<div class="grid gap-2">
|
|
<div class="flex items-center justify-between gap-3">
|
|
<label for="password" class="text-sm font-medium text-zinc-800 dark:text-zinc-200">{{ __('Password') }}</label>
|
|
@if (Route::has('password.request'))
|
|
<a class="text-sm font-medium text-cyan-700 underline underline-offset-4 hover:text-cyan-900 dark:text-cyan-300" href="{{ route('password.request') }}" wire:navigate>{{ __('Forgot your password?') }}</a>
|
|
@endif
|
|
</div>
|
|
<input id="password" name="password" type="password" required autocomplete="current-password" placeholder="{{ __('Password') }}" class="w-full rounded-xl border border-zinc-300 bg-white px-3 py-2.5 text-sm text-zinc-900 shadow-sm outline-none transition placeholder:text-zinc-400 focus:border-cyan-500 focus:ring-2 focus:ring-cyan-200 dark:border-zinc-700 dark:bg-zinc-950 dark:text-white dark:placeholder:text-zinc-500 dark:focus:border-cyan-400 dark:focus:ring-cyan-900" />
|
|
@error('password')<p class="text-sm text-red-600 dark:text-red-400">{{ $message }}</p>@enderror
|
|
</div>
|
|
|
|
<label class="flex items-center gap-2 text-sm text-zinc-700 dark:text-zinc-300">
|
|
<input name="remember" type="checkbox" value="1" @checked(old('remember')) class="rounded border-zinc-300 text-cyan-600 focus:ring-cyan-500 dark:border-zinc-700 dark:bg-zinc-950" />
|
|
<span>{{ __('Remember me') }}</span>
|
|
</label>
|
|
|
|
<button type="submit" class="w-full rounded-xl bg-zinc-950 px-4 py-2.5 text-sm font-semibold text-white shadow-sm transition hover:bg-zinc-800 focus:outline-none focus:ring-2 focus:ring-cyan-400 dark:bg-white dark:text-zinc-950 dark:hover:bg-zinc-200" data-test="login-button">
|
|
{{ __('Log in') }}
|
|
</button>
|
|
</form>
|
|
|
|
<div class="space-x-1 text-center text-sm text-zinc-600 rtl:space-x-reverse dark:text-zinc-400">
|
|
<span>{{ __('Don\'t have an account?') }}</span>
|
|
<a href="{{ route('register') }}" wire:navigate class="font-medium text-cyan-700 underline underline-offset-4 hover:text-cyan-900 dark:text-cyan-300">{{ __('Sign up') }}</a>
|
|
</div>
|
|
</div>
|
|
</x-layouts::auth>
|