@extends('layouts.app')
@section('content')
<div class="auth-page">
    <div class="auth-card">
        <div class="auth-logo">HR</div>
        <h1>User Registration</h1>
        <p class="muted">Registration creates user role only. Admin role must be changed manually in database, as requested.</p>
        @include('layouts.flash')
        <form method="POST" action="{{ route('register.post') }}">
            @csrf
            <div class="field"><label>Full Name</label><input class="input" name="name" value="{{ old('name') }}" required></div>
            <div class="field"><label>Email</label><input class="input" type="email" name="email" value="{{ old('email') }}" required></div>
            <div class="field"><label>Phone</label><input class="input" name="phone" value="{{ old('phone') }}"></div>
            <div class="field"><label>Password</label><input class="input" type="password" name="password" required></div>
            <div class="field"><label>Confirm Password</label><input class="input" type="password" name="password_confirmation" required></div>
            <button class="btn" style="width:100%">Create User Account</button>
        </form>
        <p class="muted">Already registered? <a href="{{ route('login') }}" style="color:var(--green);font-weight:800">Login</a></p>
    </div>
</div>
@endsection
