@extends('layouts.admin')
@section('title','Edit User')
@section('page-title','Edit User')
@section('content')
<div style="max-width:640px;">
    <div class="page-header">
        <h1>Edit: {{ $user->name }}</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.update',$user) }}">
                @csrf @method('PUT')
                <div class="grid-2" style="gap:1rem;">
                    <div class="form-group">
                        <label>Full Name *</label>
                        <input type="text" name="name" value="{{ old('name',$user->name) }}" required>
                    </div>
                    <div class="form-group">
                        <label>Email Address *</label>
                        <input type="email" name="email" value="{{ old('email',$user->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',$user->phone) }}">
                    </div>
                    <div class="form-group">
                        <label>Birthday</label>
                        <input type="date" name="birthday" value="{{ old('birthday',$user->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',$user->role)===$val?'selected':'' }}>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Permission Role</label>
                        <select name="role_id">
                            <option value="">— None —</option>
                            @foreach($roles as $r)
                            <option value="{{ $r->id }}" {{ old('role_id',$user->role_id)==$r->id?'selected':'' }}>{{ $r->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label>Loyalty Points</label>
                    <input type="number" name="loyalty_points" value="{{ old('loyalty_points',$user->loyalty_points) }}" min="0">
                </div>
                <div class="grid-2" style="gap:1rem;">
                    <div class="form-group">
                        <label>New Password <small style="color:#7A6058;">(leave blank to keep current)</small></label>
                        <input type="password" name="password" minlength="6">
                    </div>
                    <div class="form-group">
                        <label>Confirm Password</label>
                        <input type="password" name="password_confirmation">
                    </div>
                </div>
                <div class="form-group">
                    <label>Notes</label>
                    <textarea name="notes" rows="2">{{ old('notes',$user->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',$user->is_active)?'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%;">Update User</button>
            </form>
        </div>
    </div>
</div>
@endsection