Spaces:
Sleeping
Sleeping
File size: 2,313 Bytes
10dc6f2 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | <x-guest-layout>
<form method="POST" action="{{ route('register') }}">
@csrf
<div>
<label for="name" class="block text-sm font-medium text-gray-300 mb-1">Nama</label>
<input id="name" type="text" name="name" value="{{ old('name') }}" required autofocus
class="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-2.5 text-white focus:border-purple-500 focus:ring-purple-500">
@error('name') <p class="text-red-400 text-xs mt-1">{{ $message }}</p> @enderror
</div>
<div class="mt-4">
<label for="email" class="block text-sm font-medium text-gray-300 mb-1">Email</label>
<input id="email" type="email" name="email" value="{{ old('email') }}" required
class="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-2.5 text-white focus:border-purple-500 focus:ring-purple-500">
@error('email') <p class="text-red-400 text-xs mt-1">{{ $message }}</p> @enderror
</div>
<div class="mt-4">
<label for="password" class="block text-sm font-medium text-gray-300 mb-1">Password</label>
<input id="password" type="password" name="password" required
class="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-2.5 text-white focus:border-purple-500 focus:ring-purple-500">
@error('password') <p class="text-red-400 text-xs mt-1">{{ $message }}</p> @enderror
</div>
<div class="mt-4">
<label for="password_confirmation" class="block text-sm font-medium text-gray-300 mb-1">Konfirmasi Password</label>
<input id="password_confirmation" type="password" name="password_confirmation" required
class="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-2.5 text-white focus:border-purple-500 focus:ring-purple-500">
</div>
<button type="submit" class="w-full mt-6 bg-purple-600 hover:bg-purple-700 py-3 rounded-xl font-semibold transition">
Daftar
</button>
<p class="text-center text-sm text-gray-400 mt-4">
Sudah punya akun? <a href="{{ route('login') }}" class="text-purple-400 hover:text-purple-300 font-medium">Login</a>
</p>
</form>
</x-guest-layout>
|