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.
45 lines
1.9 KiB
45 lines
1.9 KiB
<div class="max-w-md w-full bg-white shadow-xl rounded-lg p-8 relative z-10">
|
|
<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">
|
|
<!-- Email -->
|
|
<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>
|
|
|
|
<!-- Password -->
|
|
<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>
|
|
|
|
<!-- Remember -->
|
|
<div class="flex items-center">
|
|
<input type="checkbox" wire:model="remember" id="remember"
|
|
class="h-4 w-4 bg-red-500 border-gray-300 rounded">
|
|
<label for="remember" class="ml-2 text-sm text-gray-900">Ghi nhớ đăng nhập</label>
|
|
</div>
|
|
|
|
<!-- Button -->
|
|
<button type="submit"
|
|
class="block w-full py-3 bg-indigo-600 text-white font-medium rounded hover:bg-indigo-700
|
|
transition duration-200">
|
|
Đăng nhập
|
|
</button>
|
|
</form>
|
|
</div>
|
|
|