sbb45
30 lines
1.6 KiB
PHP
30 lines
1.6 KiB
PHP
<div>
|
|
<form wire:submit="login" class="space-y-4">
|
|
<div>
|
|
<label class="block text-sm font-medium mb-1">Email</label>
|
|
<input wire:model.defer="email" type="email" class="w-full rounded-xl border border-slate-300 px-4 py-2.5 focus:border-slate-900 focus:ring-0" placeholder="name@service.local">
|
|
@error('email') <p class="text-xs text-rose-600 mt-1">{{ $message }}</p> @enderror
|
|
</div>
|
|
|
|
<div>
|
|
<label class="block text-sm font-medium mb-1">Пароль</label>
|
|
<div class="relative">
|
|
<input wire:model.defer="password" type="{{ $showPassword ? 'text' : 'password' }}" class="w-full rounded-xl border border-slate-300 px-4 py-2.5 pr-24 focus:border-slate-900 focus:ring-0" placeholder="Введите пароль">
|
|
<button type="button" wire:click="$toggle('showPassword')" class="absolute right-2 top-1/2 -translate-y-1/2 text-xs rounded-lg border border-slate-300 px-2.5 py-1">{{ $showPassword ? 'Скрыть' : 'Показать' }}</button>
|
|
</div>
|
|
@error('password') <p class="text-xs text-rose-600 mt-1">{{ $message }}</p> @enderror
|
|
</div>
|
|
|
|
<div class="flex items-center justify-between">
|
|
<label class="inline-flex items-center gap-2 text-sm">
|
|
<input wire:model="remember" type="checkbox" class="rounded border-slate-300">
|
|
Запомнить меня
|
|
</label>
|
|
</div>
|
|
|
|
<button type="submit" class="w-full rounded-xl bg-slate-900 text-white py-2.5 font-medium hover:bg-slate-800 transition">
|
|
Войти
|
|
</button>
|
|
</form>
|
|
</div>
|