@extends('layouts.app')
@section('title', 'Register - Movex Canada Procurement')
@section('content')
<div class="auth-wrap">
    <div class="auth-card">
        <h1 class="auth-title">Department User Registration</h1>
        <p class="muted">This form creates procurement user accounts. Administrator access should be assigned only by a trusted system administrator.</p>
        @include('layouts.partials.messages')
        <form method="POST" action="{{ route('register.store') }}">
            @csrf
            <div class="field"><label>Full Name</label><input name="name" value="{{ old('name') }}" required></div>
            <div class="field"><label>Email</label><input type="email" name="email" value="{{ old('email') }}" required></div>
            <div class="field"><label>Canadian Phone</label><input name="phone" value="{{ old('phone') }}" placeholder="+1 204 555 0100"></div>
            <div class="field"><label>Department</label><select name="department_id"><option value="">Select department</option>@foreach($departments as $department)<option value="{{ $department->id }}" @selected(old('department_id') == $department->id)>{{ $department->name }}</option>@endforeach</select></div>
            <div class="form-row">
                <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>
            </div>
            <button class="btn" type="submit">Create User Account</button>
            <a class="btn light" href="{{ route('login') }}">Back to Login</a>
        </form>
    </div>
</div>
@endsection