@php $user = $user ?? null; @endphp
<form method="POST" action="{{ $user ? route('admin.users.update', $user) : route('admin.users.store') }}" class="bg-white rounded-xl border border-gray-200 p-6 space-y-4 max-w-xl">
    @csrf
    @if($user) @method('PUT') @endif

    <div>
        <label class="block text-sm mb-1">الاسم الكامل</label>
        <input type="text" name="name" required value="{{ old('name', $user->name ?? '') }}" class="w-full border border-gray-300 rounded-lg px-3 py-2">
    </div>
    <div>
        <label class="block text-sm mb-1">البريد الإلكتروني</label>
        <input type="email" name="email" required value="{{ old('email', $user->email ?? '') }}" class="w-full border border-gray-300 rounded-lg px-3 py-2">
    </div>
    <div>
        <label class="block text-sm mb-1">كلمة المرور {{ $user ? '(اتركها فارغة لعدم التغيير)' : '' }}</label>
        <input type="password" name="password" {{ $user ? '' : 'required' }} class="w-full border border-gray-300 rounded-lg px-3 py-2">
    </div>
    <div>
        <label class="block text-sm mb-1">الدور</label>
        <select name="role" required class="w-full border border-gray-300 rounded-lg px-3 py-2">
            @php $currentRole = $user?->roles->first()?->name; @endphp
            <option value="customer" @selected($currentRole === 'customer')>عميل</option>
            <option value="staff" @selected($currentRole === 'staff')>موظف دعم فني</option>
            <option value="admin" @selected($currentRole === 'admin')>مدير</option>
        </select>
    </div>
    <div>
        <label class="block text-sm mb-1">القسم (للموظفين فقط)</label>
        <select name="department_id" class="w-full border border-gray-300 rounded-lg px-3 py-2">
            <option value="">— بدون —</option>
            @foreach($departments as $dept)
                <option value="{{ $dept->id }}" @selected(($user->department_id ?? null) == $dept->id)>{{ $dept->name_ar }}</option>
            @endforeach
        </select>
    </div>
    <div class="grid grid-cols-2 gap-4">
        <div>
            <label class="block text-sm mb-1">رقم الهاتف</label>
            <input type="text" name="phone" value="{{ old('phone', $user->phone ?? '') }}" class="w-full border border-gray-300 rounded-lg px-3 py-2">
        </div>
        <div>
            <label class="block text-sm mb-1">رقم واتساب (اختياري)</label>
            <input type="text" name="whatsapp_number" value="{{ old('whatsapp_number', $user->whatsapp_number ?? '') }}" class="w-full border border-gray-300 rounded-lg px-3 py-2">
        </div>
    </div>
    @if($user)
    <label class="flex items-center gap-2 text-sm">
        <input type="checkbox" name="is_active" value="1" @checked($user->is_active)> الحساب نشط
    </label>
    @endif

    <button class="bg-indigo-600 text-white rounded-lg px-6 py-2.5 font-medium hover:bg-indigo-700">
        {{ $user ? 'حفظ التعديلات' : 'إنشاء المستخدم' }}
    </button>
</form>