@extends('admin.layouts.admin')

@section('content')
<div class="max-w-4xl mx-auto">
    <div class="flex items-center justify-between mb-6">
        <h2 class="text-2xl font-bold text-gray-800">تفاصيل الحساب: {{ $user->name }}</h2>
        <a href="{{ route('admin.users.index') }}" class="bg-gray-500 hover:bg-gray-600 text-white px-4 py-2 rounded shadow">
            <i class="fas fa-arrow-right ml-1"></i> عودة للقائمة
        </a>
    </div>

    <div class="bg-white rounded-lg shadow-md overflow-hidden">
        <div class="bg-gradient-to-r from-blue-600 to-blue-400 p-6 text-white flex items-center gap-6">
            <div class="w-24 h-24 bg-white/20 rounded-full flex items-center justify-center text-4xl">
                <i class="fas fa-user"></i>
            </div>
            <div>
                <h3 class="text-3xl font-bold">{{ $user->name }}</h3>
                <p class="opacity-90"><i class="fas fa-calendar-alt ml-1"></i> سجل في: {{ $user->created_at->format('Y-m-d H:i') }}</p>
                <span class="mt-2 inline-block px-3 py-1 bg-white/30 rounded-full text-sm font-bold">
                    {{ $user->user_type }}
                </span>
            </div>
        </div>

        <div class="p-8 grid grid-cols-1 md:grid-cols-2 gap-8">
            <div class="space-y-4">
                <h4 class="text-lg font-bold text-blue-800 border-b pb-2 mb-4">المعلومات الأساسية</h4>
                
                <div class="flex justify-between border-b border-gray-50 py-2">
                    <span class="text-gray-500 font-bold">رقم الهاتف:</span>
                    <span class="font-semibold" dir="ltr">{{ $user->phone }}</span>
                </div>
                
                <div class="flex justify-between border-b border-gray-50 py-2">
                    <span class="text-gray-500 font-bold">البريد الإلكتروني:</span>
                    <span class="font-semibold">{{ $user->email }}</span>
                </div>

                <div class="flex justify-between border-b border-gray-50 py-2">
                    <span class="text-gray-500 font-bold">نوع الحساب:</span>
                    <span class="font-bold text-blue-600 italic">
                        @switch($user->user_type)
                            @case('customer') عميل (مشتري) @break
                            @case('pharmacy') صاحب صيدلية @break
                            @case('doctor') طبيب استشاري @break
                            @case('merchant') تاجر / مورد @break
                            @case('file_owner') صاحب ملفات دوائية @break
                        @endswitch
                    </span>
                </div>

                <div class="flex justify-between border-b border-gray-50 py-2">
                    <span class="text-gray-500 font-bold">حالة الحساب:</span>
                    @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-3 py-1 rounded-full text-xs font-black {{ $statusClasses[$user->status] ?? 'bg-gray-100' }}">
                        {{ $statusLabels[$user->status] ?? $user->status }}
                    </span>
                </div>
            </div>

            <div class="space-y-4">
                <h4 class="text-lg font-bold text-blue-800 border-b pb-2 mb-4">تفاصيل العمل والعنوان</h4>
                
                @if($user->pharmacy_name)
                <div class="flex justify-between border-b border-gray-50 py-2">
                    <span class="text-gray-500 font-bold">اسم الصيدلية:</span>
                    <span class="font-semibold">{{ $user->pharmacy_name }}</span>
                </div>
                @endif

                @if($user->specialization)
                <div class="flex justify-between border-b border-gray-50 py-2">
                    <span class="text-gray-500 font-bold">التخصص:</span>
                    <span class="font-semibold">{{ $user->specialization }}</span>
                </div>
                @endif

                <div class="flex justify-between border-b border-gray-50 py-2">
                    <span class="text-gray-500 font-bold">المحافظة/المدينة:</span>
                    <span class="font-semibold">{{ $user->city ?? 'غير محدد' }}</span>
                </div>

                <div class="flex justify-between border-b border-gray-50 py-2">
                    <span class="text-gray-500 font-bold">العنوان التفصيلي:</span>
                    <span class="font-semibold">{{ $user->address ?? 'غير محدد' }}</span>
                </div>
            </div>
        </div>

        <div class="bg-gray-50 p-6 flex flex-wrap justify-between items-center gap-4">
            <div class="flex gap-4">
                @if($user->status === 'pending')
                    <form action="{{ route('admin.users.update_status', $user->id) }}" method="POST">
                        @csrf
                        <input type="hidden" name="status" value="approved">
                        <button type="submit" class="bg-green-500 hover:bg-green-600 text-white px-6 py-2 rounded-lg font-bold transition flex items-center">
                            <i class="fas fa-check-circle ml-2"></i> الموافقة على الحساب
                        </button>
                    </form>
                    <form action="{{ route('admin.users.update_status', $user->id) }}" method="POST">
                        @csrf
                        <input type="hidden" name="status" value="rejected">
                        <button type="submit" class="bg-orange-500 hover:bg-orange-600 text-white px-6 py-2 rounded-lg font-bold transition flex items-center">
                            <i class="fas fa-times-circle ml-2"></i> رفض الحساب
                        </button>
                    </form>
                @endif
            </div>

            <div class="flex gap-4 border-r pr-4 border-gray-300">
                <a href="{{ route('admin.users.edit', $user->id) }}" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg font-bold transition">
                    <i class="fas fa-edit ml-1"></i> تعديل البيانات
                </a>
                <form action="{{ route('admin.users.destroy', $user->id) }}" method="POST" onsubmit="return confirm('هل أنت متأكد من حذف هذا المستخدم نهائياً؟')">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="bg-red-600 hover:bg-red-700 text-white px-6 py-2 rounded-lg font-bold transition">
                        <i class="fas fa-trash ml-1"></i> حذف الحساب
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection