56 lines
2.6 KiB
PHP
56 lines
2.6 KiB
PHP
|
<div>
|
||
|
|
<h2 class="text-2xl text-center text-accent-blue mb-6">Register</h2>
|
||
|
|
|
||
|
|
<form wire:submit="register">
|
||
|
|
<div>
|
||
|
|
<label for="name" class="block text-sm font-medium mb-2">Name</label>
|
||
|
|
<input wire:model="name"
|
||
|
|
type="text"
|
||
|
|
id="name"
|
||
|
|
class="w-full p-2 mb-4 border rounded bg-gray-600 border-secondary text-gray-100 focus:bg-gray-900 focus:outline-none focus:border-accent-blue"
|
||
|
|
placeholder="Enter your name"
|
||
|
|
autofocus>
|
||
|
|
@error('name') <span class="text-danger text-xs block -mt-2 mb-2">{{ $message }}</span> @enderror
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<label for="email" class="block text-sm font-medium mb-2">Email</label>
|
||
|
|
<input wire:model="email"
|
||
|
|
type="email"
|
||
|
|
id="email"
|
||
|
|
class="w-full p-2 mb-4 border rounded bg-gray-600 border-secondary text-gray-100 focus:bg-gray-900 focus:outline-none focus:border-accent-blue"
|
||
|
|
placeholder="Enter your email">
|
||
|
|
@error('email') <span class="text-danger text-xs block -mt-2 mb-2">{{ $message }}</span> @enderror
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<label for="password" class="block text-sm font-medium mb-2">Password</label>
|
||
|
|
<input wire:model="password"
|
||
|
|
type="password"
|
||
|
|
id="password"
|
||
|
|
class="w-full p-2 mb-4 border rounded bg-gray-600 border-secondary text-gray-100 focus:bg-gray-900 focus:outline-none focus:border-accent-blue"
|
||
|
|
placeholder="Enter your password">
|
||
|
|
@error('password') <span class="text-danger text-xs block -mt-2 mb-2">{{ $message }}</span> @enderror
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<label for="password_confirmation" class="block text-sm font-medium mb-2">Confirm Password</label>
|
||
|
|
<input wire:model="password_confirmation"
|
||
|
|
type="password"
|
||
|
|
id="password_confirmation"
|
||
|
|
class="w-full p-2 mb-4 border rounded bg-gray-600 border-secondary text-gray-100 focus:bg-gray-900 focus:outline-none focus:border-accent-blue"
|
||
|
|
placeholder="Confirm your password">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<button type="submit" class="w-full py-2 px-4 bg-primary text-white text-xl rounded hover:bg-secondary transition-colors duration-200 mb-4">
|
||
|
|
Register
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<div class="text-center">
|
||
|
|
<a href="{{ route('login') }}" class="text-accent-blue hover:underline text-sm">
|
||
|
|
Already have an account? Login here
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|