47 lines
2.1 KiB
PHP
47 lines
2.1 KiB
PHP
|
<div class="mx-auto max-w-sm px-4 py-16">
|
||
|
|
<h1 class="text-2xl font-semibold">Log in</h1>
|
||
|
|
|
||
|
|
<form wire:submit="login" class="mt-6 space-y-4">
|
||
|
|
<div>
|
||
|
|
<label for="email" class="block text-sm font-medium text-neutral-700 dark:text-neutral-300">Email</label>
|
||
|
|
<input
|
||
|
|
type="email"
|
||
|
|
id="email"
|
||
|
|
wire:model="email"
|
||
|
|
autofocus
|
||
|
|
autocomplete="username"
|
||
|
|
class="mt-1 w-full rounded-md border border-neutral-300 px-3 py-2 text-sm focus:border-neutral-500 focus:outline-none dark:border-neutral-700 dark:bg-neutral-900"
|
||
|
|
>
|
||
|
|
@error('email') <p class="mt-1 text-sm text-red-600 dark:text-red-400">{{ $message }}</p> @enderror
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<label for="password" class="block text-sm font-medium text-neutral-700 dark:text-neutral-300">Password</label>
|
||
|
|
<input
|
||
|
|
type="password"
|
||
|
|
id="password"
|
||
|
|
wire:model="password"
|
||
|
|
autocomplete="current-password"
|
||
|
|
class="mt-1 w-full rounded-md border border-neutral-300 px-3 py-2 text-sm focus:border-neutral-500 focus:outline-none dark:border-neutral-700 dark:bg-neutral-900"
|
||
|
|
>
|
||
|
|
@error('password') <p class="mt-1 text-sm text-red-600 dark:text-red-400">{{ $message }}</p> @enderror
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<label class="flex items-center gap-2 text-sm text-neutral-600 dark:text-neutral-400">
|
||
|
|
<input type="checkbox" wire:model="remember" class="rounded border-neutral-300 dark:border-neutral-700">
|
||
|
|
Remember me
|
||
|
|
</label>
|
||
|
|
|
||
|
|
<button
|
||
|
|
type="submit"
|
||
|
|
class="w-full rounded-md bg-neutral-900 px-4 py-2 text-sm font-medium text-white hover:bg-neutral-700 dark:bg-white dark:text-neutral-900 dark:hover:bg-neutral-200"
|
||
|
|
>
|
||
|
|
Log in
|
||
|
|
</button>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<p class="mt-6 text-sm text-neutral-500">
|
||
|
|
Don't have an account? <a href="{{ route('register') }}" class="text-blue-600 hover:underline dark:text-blue-400">Sign up</a>.
|
||
|
|
</p>
|
||
|
|
</div>
|