You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
1.7 KiB
36 lines
1.7 KiB
<div class="max-w-md w-full bg-white shadow-xl rounded-lg p-8">
|
|
<div class="flex justify-center mb-4">
|
|
<img src="{{ asset('images/logo.png') }}" alt="Logo" class="h-16 w-auto">
|
|
</div>
|
|
|
|
<h2 class="text-2xl font-semibold text-center text-gray-900 mb-6">Đăng nhập hệ thống</h2>
|
|
|
|
<form wire:submit.prevent="login" class="space-y-4">
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700">Email:</label>
|
|
<input type="email" wire:model="email" required
|
|
class="mt-1 block w-full rounded-md border border-gray-300 shadow-sm py-2 px-3 focus:ring-indigo-500 focus:border-indigo-500">
|
|
@error('email')
|
|
<div class="text-red-500 text-sm">{{ $message }}</div>
|
|
@enderror
|
|
</div>
|
|
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700">Mật khẩu:</label>
|
|
<input type="password" wire:model="password" required
|
|
class="mt-1 block w-full rounded-md border border-gray-300 shadow-sm py-2 px-3 focus:ring-indigo-500 focus:border-indigo-500">
|
|
@error('password')
|
|
<div class="text-red-500 text-sm">{{ $message }}</div>
|
|
@enderror
|
|
</div>
|
|
|
|
<div class="flex items-center">
|
|
<input type="checkbox" wire:model="remember" id="remember" class="h-4 w-4 text-indigo-600 border-gray-300 rounded">
|
|
<label for="remember" class="ml-2 text-sm text-gray-900">Ghi nhớ đăng nhập</label>
|
|
</div>
|
|
|
|
<button type="submit" class="w-full py-2 px-4 bg-indigo-600 text-white rounded hover:bg-indigo-700 transition duration-200">
|
|
Đăng nhập
|
|
</button>
|
|
</form>
|
|
</div>
|
|
|