@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>

    @if($user->status === 'pending')
        <div class="bg-blue-50 border-r-4 border-blue-500 p-4 mb-6 flex justify-between items-center shadow-sm">
            <div>
                <h4 class="font-bold text-blue-800">هذا الحساب قيد المراجعة</h4>
                <p class="text-sm text-blue-600">يمكنك الموافقة عليه فوراً من هنا أو تعديل بياناته بالأسفل.</p>
            </div>
            <div class="flex gap-3">
                @if($user->email_verified_at)
                <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-600 hover:bg-green-700 text-white px-4 py-2 rounded font-bold transition flex items-center shadow">
                        <i class="fas fa-check ml-2"></i> قبول الحساب
                    </button>
                </form>
                @else
                <div class="bg-gray-200 text-gray-500 px-4 py-2 rounded font-bold cursor-not-allowed">
                    بانتظار تأكيد الإيميل
                </div>
                @endif
                <form action="{{ route('admin.users.update_status', $user->id) }}" method="POST">
                    @csrf
                    <input type="hidden" name="status" value="rejected">
                    <button type="submit" class="bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded font-bold transition flex items-center shadow">
                        <i class="fas fa-times ml-2"></i> رفض الحساب
                    </button>
                </form>
            </div>
        </div>
    @endif

    @if($errors->any())
        <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-6">
            <ul class="list-disc mr-5">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="bg-white rounded-lg shadow-md p-8">
        <form action="{{ route('admin.users.update', $user->id) }}" method="POST">
            @csrf
            @method('PUT')

            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
                <!-- Name -->
                <div>
                    <label class="block text-gray-700 font-bold mb-2">الاسم بالكامل</label>
                    <input type="text" name="name" value="{{ old('name', $user->name) }}" class="w-full border p-2 rounded focus:ring-2 focus:ring-blue-500 outline-none" required>
                </div>

                <!-- Phone -->
                <div>
                    <label class="block text-gray-700 font-bold mb-2">رقم الهاتف</label>
                    <input type="text" name="phone" value="{{ old('phone', $user->phone) }}" class="w-full border p-2 rounded focus:ring-2 focus:ring-blue-500 outline-none" required placeholder="01xxxxxxxxx">
                </div>

                <!-- Email -->
                <div>
                    <label class="block text-gray-700 font-bold mb-2">البريد الإلكتروني</label>
                    <input type="email" name="email" value="{{ old('email', $user->email) }}" class="w-full border p-2 rounded focus:ring-2 focus:ring-blue-500 outline-none" required>
                </div>

                <!-- User Type -->
                <div>
                    <label class="block text-gray-700 font-bold mb-2">نوع الحساب</label>
                    <select name="user_type" class="w-full border p-2 rounded focus:ring-2 focus:ring-blue-500 outline-none" required>
                        <option value="customer" {{ old('user_type', $user->user_type) == 'customer' ? 'selected' : '' }}>عميل (مشتري)</option>
                        <option value="pharmacy" {{ old('user_type', $user->user_type) == 'pharmacy' ? 'selected' : '' }}>صاحب صيدلية</option>
                        <option value="doctor" {{ old('user_type', $user->user_type) == 'doctor' ? 'selected' : '' }}>طبيب استشاري</option>
                        <option value="merchant" {{ old('user_type', $user->user_type) == 'merchant' ? 'selected' : '' }}>تاجر / مورد</option>
                        <option value="file_owner" {{ old('user_type', $user->user_type) == 'file_owner' ? 'selected' : '' }}>صاحب ملفات دوائية</option>
                        <option value="job_seeker" {{ old('user_type', $user->user_type) == 'job_seeker' ? 'selected' : '' }}>باحث عن عمل (صيدلي)</option>
                    </select>
                </div>

                <!-- Password (Optional) -->
                <div>
                    <label class="block text-gray-700 font-bold mb-2">كلمة المرور الجديدة (اختياري)</label>
                    <input type="password" name="password" class="w-full border p-2 rounded focus:ring-2 focus:ring-blue-500 outline-none" placeholder="اتركه فارغاً إذا لا تريد التغيير">
                </div>

                <!-- Password Confirmation -->
                <div>
                    <label class="block text-gray-700 font-bold mb-2">تأكيد كلمة المرور</label>
                    <input type="password" name="password_confirmation" class="w-full border p-2 rounded focus:ring-2 focus:ring-blue-500 outline-none">
                </div>

                <!-- Status -->
                <div>
                    <label class="block text-gray-700 font-bold mb-2">حالة الحساب</label>
                    <select name="status" class="w-full border p-2 rounded focus:ring-2 focus:ring-blue-500 outline-none" required>
                        <option value="pending" {{ old('status', $user->status) == 'pending' ? 'selected' : '' }}>قيد المراجعة</option>
                        <option value="approved" {{ old('status', $user->status) == 'approved' ? 'selected' : '' }}>مقبول / نشط</option>
                        <option value="rejected" {{ old('status', $user->status) == 'rejected' ? 'selected' : '' }}>مرفوض</option>
                    </select>
                </div>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8 border-t pt-8">
                <!-- City -->
                <div>
                    <label class="block text-gray-700 font-bold mb-2">المحافظة / المدينة</label>
                    <input type="text" name="city" value="{{ old('city', $user->city) }}" class="w-full border p-2 rounded focus:ring-2 focus:ring-blue-500 outline-none">
                </div>

                <!-- Address -->
                <div>
                    <label class="block text-gray-700 font-bold mb-2">العنوان بالتفصيل</label>
                    <input type="text" name="address" value="{{ old('address', $user->address) }}" class="w-full border p-2 rounded focus:ring-2 focus:ring-blue-500 outline-none">
                </div>

                <!-- Pharmacy Name -->
                <div>
                    <label class="block text-gray-700 font-bold mb-2">اسم الصيدلية (إن وجد)</label>
                    <input type="text" name="pharmacy_name" value="{{ old('pharmacy_name', $user->pharmacy_name) }}" class="w-full border p-2 rounded focus:ring-2 focus:ring-blue-500 outline-none">
                </div>

                <!-- Specialization -->
                <div>
                    <label class="block text-gray-700 font-bold mb-2">التخصص (للأطباء)</label>
                    <input type="text" name="specialization" value="{{ old('specialization', $user->specialization) }}" class="w-full border p-2 rounded focus:ring-2 focus:ring-blue-500 outline-none">
                </div>
            </div>

            <div class="flex justify-end gap-4 border-t pt-6">
                <button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-lg font-bold shadow-lg transition transform hover:-translate-y-1">
                    حفظ التغييرات <i class="fas fa-save mr-2"></i>
                </button>
            </div>
        </form>
    </div>
</div>
@endsection