<x-auth-layout>
<x-slot name="title">Create Account</x-slot>
<h2 class="text-xl font-bold text-gray-900 mb-6 text-center">Create your account</h2>
@if ($errors->any())
<div class="bg-red-50 border border-red-200 text-red-700 rounded-lg px-4 py-3 text-sm mb-4">
@foreach ($errors->all() as $error)<p>{{ $error }}</p>@endforeach
</div>
@endif
<form method="POST" action="{{ route('register') }}" class="space-y-4">
@csrf
<div>
<label class="label">Full Name</label>
<input type="text" name="name" value="{{ old('name') }}" required autofocus class="input">
</div>
<div>
<label class="label">Email Address</label>
<input type="email" name="email" value="{{ old('email') }}" required class="input">
</div>
<div>
<label class="label">Phone (optional)</label>
<input type="tel" name="phone" value="{{ old('phone') }}" class="input" placeholder="+977...">
</div>
<div>
<label class="label">Password</label>
<input type="password" name="password" required class="input">
</div>
<div>
<label class="label">Confirm Password</label>
<input type="password" name="password_confirmation" required class="input">
</div>
<button type="submit" class="btn-primary w-full">Create Account</button>
</form>
<p class="text-center text-sm text-gray-500 mt-6">
Already have an account? <a href="{{ route('login') }}" class="text-primary-600 hover:underline font-medium">Sign In</a>
</p>
</x-auth-layout>