@extends('layouts.app')
@section('title', 'المستخدمون')
@section('sidebar') @include('admin._sidebar') @endsection
@section('content')
<div class="flex items-center justify-between mb-4">
    <h1 class="text-xl font-bold">المستخدمون والموظفون</h1>
    <a href="{{ route('admin.users.create') }}" class="bg-indigo-600 text-white rounded-lg px-4 py-2 text-sm">+ إضافة مستخدم</a>
</div>
<div class="bg-white rounded-xl border border-gray-200 overflow-hidden">
    <table class="w-full text-sm text-right">
        <thead class="bg-gray-50 text-gray-500 text-xs"><tr>
            <th class="px-4 py-3">الاسم</th><th class="px-4 py-3">البريد</th><th class="px-4 py-3">الدور</th>
            <th class="px-4 py-3">القسم</th><th class="px-4 py-3">الحالة</th><th class="px-4 py-3"></th>
        </tr></thead>
        <tbody class="divide-y divide-gray-100">
            @foreach($users as $user)
            <tr>
                <td class="px-4 py-3 font-medium">{{ $user->name }}</td>
                <td class="px-4 py-3 text-gray-500">{{ $user->email }}</td>
                <td class="px-4 py-3">{{ $user->roles->pluck('name')->join(', ') }}</td>
                <td class="px-4 py-3">{{ $user->department?->name_ar ?? '-' }}</td>
                <td class="px-4 py-3">
                    <span class="px-2 py-0.5 rounded text-xs {{ $user->is_active ? 'bg-green-100 text-green-700' : 'bg-gray-200 text-gray-500' }}">
                        {{ $user->is_active ? 'نشط' : 'موقوف' }}
                    </span>
                </td>
                <td class="px-4 py-3 flex gap-2">
                    <a href="{{ route('admin.users.edit', $user) }}" class="text-indigo-600 hover:underline">تعديل</a>
                    @if($user->is_active)
                    <form method="POST" action="{{ route('admin.users.destroy', $user) }}" onsubmit="return confirm('إيقاف هذا الحساب؟')">
                        @csrf @method('DELETE')
                        <button class="text-red-600 hover:underline">إيقاف</button>
                    </form>
                    @endif
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $users->links() }}</div>
@endsection