@extends('layouts.admin')

@section('title', 'تفاصيل المستخدم')
@section('heading', 'تفاصيل المستخدم')
@section('subheading')
    {{ $user->full_name }} — {{ '@'.$user->username }}
@endsection

@section('content')
    @if (session('success'))
        <div class="mb-4 rounded-xl border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-900">{{ session('success') }}</div>
    @endif
    @if (session('error'))
        <div class="mb-4 rounded-xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-900">{{ session('error') }}</div>
    @endif

    <div class="mb-6">
        <a href="{{ route('admin.users.index') }}" class="text-sm font-medium text-teal-700 hover:underline">← العودة إلى قائمة المستخدمين</a>
    </div>

    <div class="grid gap-6 lg:grid-cols-3">
        <div class="space-y-6 lg:col-span-2">
            <div class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm">
                <h2 class="mb-4 text-lg font-bold text-zinc-900">البيانات الأساسية</h2>
                <dl class="grid gap-4 sm:grid-cols-2">
                    <div>
                        <dt class="text-xs font-medium uppercase text-zinc-500">الاسم الكامل</dt>
                        <dd class="mt-1 font-medium text-zinc-900">{{ $user->full_name }}</dd>
                    </div>
                    <div>
                        <dt class="text-xs font-medium uppercase text-zinc-500">اسم المستخدم</dt>
                        <dd class="mt-1 text-zinc-800">{{ $user->username }}</dd>
                    </div>
                    <div>
                        <dt class="text-xs font-medium uppercase text-zinc-500">البريد</dt>
                        <dd class="mt-1 break-all text-zinc-800">{{ $user->email ?? '—' }}</dd>
                    </div>
                    <div>
                        <dt class="text-xs font-medium uppercase text-zinc-500">الهاتف</dt>
                        <dd class="mt-1 text-zinc-800">{{ $user->phone ?? '—' }}</dd>
                    </div>
                    <div>
                        <dt class="text-xs font-medium uppercase text-zinc-500">رمز الدولة</dt>
                        <dd class="mt-1 text-zinc-800">{{ $user->country_code ?? '—' }}</dd>
                    </div>
                    <div>
                        <dt class="text-xs font-medium uppercase text-zinc-500">رمز الإحالة</dt>
                        <dd class="mt-1 font-mono text-zinc-800">{{ $user->referral_code ?? '—' }}</dd>
                    </div>
                    <div>
                        <dt class="text-xs font-medium uppercase text-zinc-500">مسؤول لوحة</dt>
                        <dd class="mt-1 text-zinc-800">{{ $user->is_admin ? 'نعم' : 'لا' }}</dd>
                    </div>
                    <div>
                        <dt class="text-xs font-medium uppercase text-zinc-500">تاريخ التسجيل</dt>
                        <dd class="mt-1 text-zinc-800">{{ $user->created_at?->format('Y-m-d H:i') }}</dd>
                    </div>
                </dl>
            </div>

            <div class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm">
                <h2 class="mb-4 text-lg font-bold text-zinc-900">آخر المعاملات</h2>
                <div class="overflow-x-auto">
                    <table class="min-w-full divide-y divide-zinc-100 text-sm">
                        <thead class="bg-zinc-50 text-right text-xs text-zinc-500">
                            <tr>
                                <th class="px-3 py-2">النوع</th>
                                <th class="px-3 py-2">المبلغ</th>
                                <th class="px-3 py-2">الحالة</th>
                                <th class="px-3 py-2">المرجع</th>
                                <th class="px-3 py-2">التاريخ</th>
                            </tr>
                        </thead>
                        <tbody class="divide-y divide-zinc-100">
                            @forelse ($transactions as $tx)
                                <tr>
                                    <td class="px-3 py-2">{{ $tx->type }}</td>
                                    <td class="px-3 py-2 font-mono {{ (float) $tx->amount < 0 ? 'text-red-600' : 'text-emerald-700' }}">{{ number_format((float) $tx->amount, 2) }}</td>
                                    <td class="px-3 py-2">{{ $tx->status }}</td>
                                    <td class="max-w-[8rem] truncate px-3 py-2 text-xs text-zinc-500">{{ $tx->reference ?? '—' }}</td>
                                    <td class="whitespace-nowrap px-3 py-2 text-xs text-zinc-500">{{ $tx->created_at?->format('Y-m-d H:i') }}</td>
                                </tr>
                            @empty
                                <tr><td colspan="5" class="px-3 py-6 text-center text-zinc-500">لا توجد معاملات.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm">
                <h2 class="mb-4 text-lg font-bold text-zinc-900">آخر طلبات AI</h2>
                <div class="overflow-x-auto">
                    <table class="min-w-full divide-y divide-zinc-100 text-sm">
                        <thead class="bg-zinc-50 text-right text-xs text-zinc-500">
                            <tr>
                                <th class="px-3 py-2">#</th>
                                <th class="px-3 py-2">الحالة</th>
                                <th class="px-3 py-2">مقتطف</th>
                                <th class="px-3 py-2"></th>
                            </tr>
                        </thead>
                        <tbody class="divide-y divide-zinc-100">
                            @forelse ($aiRequests as $req)
                                <tr>
                                    <td class="px-3 py-2 text-zinc-500">{{ $req->id }}</td>
                                    <td class="px-3 py-2">{{ $req->status }}</td>
                                    <td class="max-w-md truncate px-3 py-2 text-zinc-700">{{ \Illuminate\Support\Str::limit($req->prompt, 80) }}</td>
                                    <td class="px-3 py-2">
                                        <a href="{{ route('admin.ai-requests.show', $req) }}" class="text-xs font-bold text-teal-700 hover:underline">عرض</a>
                                    </td>
                                </tr>
                            @empty
                                <tr><td colspan="4" class="px-3 py-6 text-center text-zinc-500">لا توجد طلبات.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="space-y-6">
            <div class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm">
                <h2 class="mb-4 text-lg font-bold text-zinc-900">الاشتراك وحدود AI</h2>
                <p class="mb-2 text-sm text-zinc-600">الخطة الفعّالة الآن: <span class="font-bold text-madar-950">{{ $aiQuota['plan']['name'] ?? '—' }}</span>
                    <span class="font-mono text-xs text-zinc-500">({{ $aiQuota['plan']['slug'] ?? '' }})</span>
                </p>
                <p class="text-sm text-zinc-700">استخدام اليوم: <strong>{{ $aiQuota['daily_used'] ?? 0 }}</strong> / {{ $aiQuota['daily_limit'] ?? '—' }}</p>
                <p class="text-sm text-zinc-700">استخدام الشهر: <strong>{{ $aiQuota['monthly_used'] ?? 0 }}</strong>
                    @if (($aiQuota['monthly_limit'] ?? null) === null)
                        / <span class="text-emerald-700">غير محدود</span>
                    @else
                        / {{ $aiQuota['monthly_limit'] }}
                    @endif
                </p>

                <h3 class="mb-2 mt-6 text-base font-bold text-zinc-900">تعيين خطة (تجريبي)</h3>
                <p class="mb-3 text-xs text-zinc-500">لا يوجد دفع حقيقي — يُستخدم للاختبار والترقية اليدوية من الإدارة.</p>
                <form method="post" action="{{ route('admin.users.subscription.assign', $user) }}" class="space-y-3">
                    @csrf
                    <div>
                        <label for="plan_id" class="mb-1 block text-xs font-medium text-zinc-700">الخطة</label>
                        <select id="plan_id" name="plan_id" class="w-full rounded-xl border border-zinc-300 px-3 py-2 text-sm" required>
                            @foreach ($subscriptionPlans as $p)
                                <option value="{{ $p->id }}">{{ $p->name }} ({{ $p->slug }})</option>
                            @endforeach
                        </select>
                    </div>
                    <div>
                        <label for="ends_at" class="mb-1 block text-xs font-medium text-zinc-700">تاريخ الانتهاء (اختياري — الافتراضي +30 يوماً)</label>
                        <input id="ends_at" name="ends_at" type="datetime-local" value="{{ old('ends_at') }}"
                               class="w-full rounded-xl border border-zinc-300 px-3 py-2 text-sm">
                    </div>
                    <label class="flex items-center gap-2 text-sm text-zinc-800">
                        <input type="checkbox" name="open_ended" value="1" class="size-4 rounded border-zinc-300 text-teal-600" @checked(old('open_ended'))>
                        اشتراك مفتوح (بدون تاريخ انتهاء)
                    </label>
                    <button type="submit" class="w-full rounded-xl bg-madar-950 py-2.5 text-sm font-bold text-white hover:bg-madar-900">تطبيق الخطة</button>
                </form>

                <h3 class="mb-2 mt-8 text-base font-bold text-zinc-900">آخر سجلات الاشتراك</h3>
                <ul class="max-h-48 space-y-2 overflow-y-auto text-xs text-zinc-600">
                    @forelse ($subscriptionHistory as $h)
                        <li class="rounded-lg border border-zinc-100 bg-zinc-50 px-2 py-1">
                            {{ $h->plan?->name }} — {{ $h->status }}
                            — {{ $h->starts_at?->format('Y-m-d') }}
                            @if ($h->ends_at) — حتى {{ $h->ends_at->format('Y-m-d') }} @endif
                        </li>
                    @empty
                        <li>لا سجلات.</li>
                    @endforelse
                </ul>
            </div>

            <div class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm">
                <h2 class="mb-4 text-lg font-bold text-zinc-900">المحفظة والنقاط</h2>
                <p class="text-sm text-zinc-600">رصيد المحفظة</p>
                <p class="mt-1 text-2xl font-bold font-mono text-madar-950">{{ number_format((float) $user->wallet_balance, 2) }}</p>
                <p class="mt-4 text-sm text-zinc-600">نقاط المكافآت</p>
                <p class="mt-1 text-2xl font-bold text-teal-700">{{ number_format($user->reward_points) }}</p>
                <p class="mt-4 text-sm text-zinc-600">حالة الحساب</p>
                <p class="mt-1">
                    <span class="inline-flex rounded-full px-2 py-0.5 text-xs font-medium {{ $user->status === 'active' ? 'bg-emerald-100 text-emerald-800' : 'bg-red-100 text-red-800' }}">
                        {{ $user->status === 'active' ? 'نشط' : 'موقوف' }}
                    </span>
                </p>
            </div>

            <div class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm">
                <h2 class="mb-3 text-base font-bold text-zinc-900">تعديل الرصيد</h2>
                <p class="mb-4 text-xs leading-relaxed text-zinc-500">أدخل قيمة موجبة للإضافة أو سالبة للخصم (مثال: ‎-50.00). يُسجّل سطر في المعاملات تلقائياً.</p>
                <form method="post" action="{{ route('admin.users.wallet', $user) }}" class="space-y-3">
                    @csrf
                    <div>
                        <label for="adjustment" class="mb-1 block text-xs font-medium text-zinc-700">المبلغ (موجب أو سالب)</label>
                        <input id="adjustment" name="adjustment" type="text" inputmode="decimal" value="{{ old('adjustment') }}"
                               class="w-full rounded-xl border border-zinc-300 px-3 py-2 text-sm" required>
                    </div>
                    <div>
                        <label for="description" class="mb-1 block text-xs font-medium text-zinc-700">الوصف (اختياري)</label>
                        <input id="description" name="description" type="text" value="{{ old('description') }}"
                               class="w-full rounded-xl border border-zinc-300 px-3 py-2 text-sm" maxlength="500">
                    </div>
                    <button type="submit" class="w-full rounded-xl bg-madar-950 py-2.5 text-sm font-bold text-white hover:bg-madar-900">تطبيق التعديل</button>
                </form>
            </div>

            <div class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm">
                <h2 class="mb-3 text-base font-bold text-zinc-900">إضافة نقاط مكافأة</h2>
                <form method="post" action="{{ route('admin.users.points', $user) }}" class="space-y-3">
                    @csrf
                    <div>
                        <label for="points" class="mb-1 block text-xs font-medium text-zinc-700">عدد النقاط</label>
                        <input id="points" name="points" type="number" min="1" value="{{ old('points') }}"
                               class="w-full rounded-xl border border-zinc-300 px-3 py-2 text-sm" required>
                    </div>
                    <button type="submit" class="w-full rounded-xl border border-teal-600 bg-teal-50 py-2.5 text-sm font-bold text-teal-900 hover:bg-teal-100">إضافة النقاط</button>
                </form>
            </div>

            <div class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm">
                <h2 class="mb-3 text-base font-bold text-zinc-900">حظر / تفعيل</h2>
                @if ($user->id === auth()->id())
                    <p class="text-sm text-amber-800">لا يمكن تغيير حالة الحساب الحالي من هنا.</p>
                @else
                    @if ($user->status === 'active')
                        <form method="post" action="{{ route('admin.users.status', $user) }}" onsubmit="return confirm('تأكيد حظر المستخدم؟');">
                            @csrf
                            @method('PATCH')
                            <input type="hidden" name="status" value="blocked">
                            <button type="submit" class="w-full rounded-xl border border-red-200 bg-red-50 py-2.5 text-sm font-bold text-red-800 hover:bg-red-100">حظر المستخدم</button>
                        </form>
                    @else
                        <form method="post" action="{{ route('admin.users.status', $user) }}" onsubmit="return confirm('تأكيد تفعيل المستخدم؟');">
                            @csrf
                            @method('PATCH')
                            <input type="hidden" name="status" value="active">
                            <button type="submit" class="w-full rounded-xl border border-emerald-200 bg-emerald-50 py-2.5 text-sm font-bold text-emerald-800 hover:bg-emerald-100">تفعيل المستخدم</button>
                        </form>
                    @endif
                @endif
            </div>
        </div>
    </div>
@endsection