@extends('layouts.admin')
@section('title','Add User')
@section('page-title','Add New User')
@section('content')
<div style="max-width:640px;">
    <div class="page-header">
        <h1>Add New User</h1>
        <a href="{{ route('admin.users.index') }}" class="btn btn-outline btn-sm">← Back</a>
    </div>
    <div class="card">
        <div class="card-body">
            @if($errors->any())<div class="alert alert-error">{{ $errors->first() }}</div>@endif
            <form method="POST" action="{{ route('admin.users.store') }}">
                @csrf
                <div class="grid-2" style="gap:1rem;">
                    <div class="form-group">
                        <label>Full Name *</label>
                        <input type="text" name="name" value="{{ old('name') }}" required>
                    </div>
                    <div class="form-group">
                        <label>Email Address *</label>
                        <input type="email" name="email" value="{{ old('email') }}" required>
                    </div>
                </div>
                <div class="grid-2" style="gap:1rem;">
                    <div class="form-group">
                        <label>Phone</label>
                        <input type="text" name="phone" value="{{ old('phone') }}">
                    </div>
                    <div class="form-group">
                        <label>Birthday</label>
                        <input type="date" name="birthday" value="{{ old('birthday') }}">
                    </div>
                </div>
                <div class="grid-2" style="gap:1rem;">
                    <div class="form-group">
                        <label>System Role *</label>
                        <select name="role" required>
                            @foreach(['client'=>'Client','receptionist'=>'Receptionist','manager'=>'Manager','admin'=>'Admin','super_admin'=>'Super Admin'] as $val=>$label)
                            <option value="{{ $val }}" {{ old('role')===$val?'selected':'' }}>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Permission Role <small style="color:#7A6058;">(optional)</small></label>
                        <select name="role_id">
                            <option value="">— None —</option>
                            @foreach($roles as $r)
                            <option value="{{ $r->id }}" {{ old('role_id')==$r->id?'selected':'' }}>{{ $r->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="grid-2" style="gap:1rem;">
                    <div class="form-group">
                        <label>Password *</label>
                        <input type="password" name="password" required minlength="6">
                    </div>
                    <div class="form-group">
                        <label>Confirm Password *</label>
                        <input type="password" name="password_confirmation" required>
                    </div>
                </div>
                <div class="form-group">
                    <label>Notes</label>
                    <textarea name="notes" rows="2">{{ old('notes') }}</textarea>
                </div>
                <div class="form-group" style="display:flex;align-items:center;gap:.5rem;">
                    <input type="checkbox" name="is_active" value="1" id="is_active" {{ old('is_active',true)?'checked':'' }} style="width:auto;">
                    <label for="is_active" style="margin:0;">Account Active</label>
                </div>
                <button type="submit" class="btn btn-primary" style="width:100%;">Create User</button>
            </form>
        </div>
    </div>
</div>
@endsection