@extends('admin.layouts.admin')

@section('content')
<div class="bg-white p-6 rounded-lg shadow-md">
    <div class="flex justify-between items-center mb-6">
        <h2 class="text-2xl font-bold text-gray-800">إدارة المستخدمين المسجلين</h2>
        <span class="bg-blue-100 text-blue-800 text-xs font-semibold px-2.5 py-0.5 rounded">إجمالي: {{ $users->total() }}</span>
    </div>

    @if(session('success'))
        <div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded mb-4">
            {{ session('success') }}
        </div>
    @endif

    <div class="overflow-x-auto">
        <table class="w-full text-right border-collapse">
            <thead>
                <tr class="bg-gray-100">
                    <th class="p-3 border">الاسم</th>
                    <th class="p-3 border">رقم الهاتف</th>
                    <th class="p-3 border">البريد الإلكتروني</th>
                    <th class="p-3 border">نوع الحساب</th>
                    <th class="p-3 border">الحالة</th>
                    <th class="p-3 border">تاريخ التسجيل</th>
                    <th class="p-3 border">العمليات</th>
                </tr>
            </thead>
            <tbody>
                @forelse($users as $user)
                <tr class="hover:bg-gray-50">
                    <td class="p-3 border font-bold text-gray-700">{{ $user->name }}</td>
                    <td class="p-3 border" dir="ltr">{{ $user->phone }}</td>
                    <td class="p-3 border">{{ $user->email }}</td>
                    <td class="p-3 border">
                        @php
                            $typeLabels = [
                                'customer' => 'عميل (مشتري)',
                                'pharmacy' => 'صاحب صيدلية',
                                'doctor' => 'طبيب استشاري',
                                'merchant' => 'تاجر / مورد',
                                'file_owner' => 'صاحب ملفات',
                                'job_seeker' => 'باحث عن عمل',
                            ];
                            $typeClasses = [
                                'customer' => 'bg-blue-50 text-blue-700',
                                'pharmacy' => 'bg-green-50 text-green-700',
                                'doctor' => 'bg-purple-50 text-purple-700',
                                'merchant' => 'bg-orange-50 text-orange-700',
                                'file_owner' => 'bg-yellow-50 text-yellow-700',
                                'job_seeker' => 'bg-indigo-50 text-indigo-700',
                            ];
                        @endphp
                        <span class="px-2 py-1 rounded text-xs font-bold {{ $typeClasses[$user->user_type] ?? 'bg-gray-100' }}">
                            {{ $typeLabels[$user->user_type] ?? $user->user_type }}
                        </span>
                    </td>
                    <td class="p-3 border">
                        @php
                            $statusLabels = ['pending' => 'قيد المراجعة', 'approved' => 'مقبول', 'rejected' => 'مرفوض'];
                            $statusClasses = ['pending' => 'bg-yellow-100 text-yellow-800', 'approved' => 'bg-green-100 text-green-800', 'rejected' => 'bg-red-100 text-red-800'];
                        @endphp
                        <span class="px-2 py-1 rounded text-xs font-bold {{ $statusClasses[$user->status] ?? 'bg-gray-100' }}">
                            {{ $statusLabels[$user->status] ?? $user->status }}
                        </span>

                        @if($user->status === 'pending')
                            <div class="mt-2 flex gap-2">
                                <form action="{{ route('admin.users.update_status', $user->id) }}" method="POST">
                                    @csrf
                                    <input type="hidden" name="status" value="approved">
                                    <button type="submit" class="text-[10px] bg-green-500 text-white px-2 py-1 rounded hover:bg-green-600 transition shadow-sm">
                                        <i class="fas fa-check ml-1"></i> قبول
                                    </button>
                                </form>
                                @if(!$user->email_verified_at)
                                <span class="text-[8px] text-orange-500 block mt-1">لم يؤكد البريد</span>
                                @endif
                                <form action="{{ route('admin.users.update_status', $user->id) }}" method="POST">
                                    @csrf
                                    <input type="hidden" name="status" value="rejected">
                                    <button type="submit" class="text-[10px] bg-red-500 text-white px-2 py-1 rounded hover:bg-red-600 transition shadow-sm">
                                        <i class="fas fa-times ml-1"></i> رفض
                                    </button>
                                </form>
                            </div>
                        @endif
                    </td>
                    <td class="p-3 border text-gray-600 text-sm">{{ $user->created_at->format('Y-m-d') }}</td>
                    <td class="p-3 border flex gap-3">
                        <a href="{{ route('admin.users.show', $user->id) }}" class="text-blue-600 hover:text-blue-800" title="عرض التفاصيل">
                            <i class="fas fa-eye"></i>
                        </a>
                        <a href="{{ route('admin.users.edit', $user->id) }}" class="text-green-600 hover:text-green-800" title="تعديل">
                            <i class="fas fa-edit"></i>
                        </a>
                        <form action="{{ route('admin.users.destroy', $user->id) }}" method="POST" onsubmit="return confirm('هل أنت متأكد من حذف هذا المستخدم؟')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="text-red-600 hover:text-red-800" title="حذف">
                                <i class="fas fa-trash"></i>
                            </button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="7" class="p-8 text-center text-gray-500 italic">لا يوجد مستخدمين مسجلين حالياً.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-6">
        {{ $users->links() }}
    </div>
</div>
@endsection