<x-layouts.app title="Client Registration">
    <div class="auth-wrap">
        <form class="form-card auth-card" method="post" action="{{ route('register.store') }}">
            @csrf
            <p class="eyebrow">Client Registration</p>
            <h1>Create your client portal</h1>
            <div class="field"><label>Full Name</label><input name="name" value="{{ old('name') }}" required autofocus></div>
            <div class="field"><label>Business Name</label><input name="business_name" value="{{ old('business_name') }}"></div>
            <div class="field"><label>Email</label><input type="email" name="email" value="{{ old('email') }}" required></div>
            <div class="field"><label>Phone Number</label><input name="phone" value="{{ old('phone') }}"></div>
            <div class="field"><label>Password</label><input type="password" name="password" required></div>
            <div class="field"><label>Confirm Password</label><input type="password" name="password_confirmation" required></div>
            <button class="btn full">Create Account</button>
            <p class="muted">Already have an account? <a href="{{ route('login') }}">Login</a></p>
        </form>
    </div>
</x-layouts.app>
