@extends('layouts.admin', ['title' => 'إدارة العملاء'])

@php
    $summary = $data['summary'];
    $customers = $data['customers'];
    $filters = $data['filters'];
    $fmt = fn ($minor) => number_format(($minor ?? 0) / 100, 2).' EGP';
@endphp

@section('content')
    <section class="ac-section">
        <div class="ac-panel">
            <div class="ac-panel-head">
                <div>
                    <h2>بطاقات العملاء</h2>
                    <p>بطاقات عملاء قابلة للتعديل: حالة العميل، درجة المخاطر، الهاتف، وتجميد المحفظة تلقائيًا عند الإيقاف.</p>
                </div>
            </div>
            <div class="ac-kpi-grid">
                <div class="ac-kpi"><span>إجمالي العملاء</span><strong>{{ number_format($summary['total']) }}</strong></div>
                <div class="ac-kpi" style="--accent:#16a34a"><span>جدد بالفترة</span><strong>{{ number_format($summary['new']) }}</strong></div>
                <div class="ac-kpi" style="--accent:#0ea5e9"><span>نشطون</span><strong>{{ number_format($summary['active']) }}</strong></div>
                <div class="ac-kpi" style="--accent:#dc2626"><span>محافظ مجمدة</span><strong>{{ number_format($summary['frozenWallets']) }}</strong></div>
            </div>
        </div>

        <form method="GET" class="ac-panel ac-filter" style="align-items:end">
            <label class="form-field"><span>بحث</span><input name="q" value="{{ $filters['query'] }}" placeholder="اسم، بريد، هاتف، رقم عميل"></label>
            <label class="form-field"><span>الحالة</span><select name="status"><option value="">كل الحالات</option><option value="active" @selected($filters['status'] === 'active')>نشط</option><option value="suspended" @selected($filters['status'] === 'suspended')>موقوف</option></select></label>
            <label class="form-field"><span>المخاطر</span><select name="risk"><option value="">كل المخاطر</option><option value="high" @selected($filters['risk'] === 'high')>عالية</option><option value="medium" @selected($filters['risk'] === 'medium')>متوسطة</option><option value="low" @selected($filters['risk'] === 'low')>منخفضة</option></select></label>
            <label class="form-field"><span>المحفظة</span><select name="wallet"><option value="">كل المحافظ</option><option value="frozen" @selected($filters['wallet'] === 'frozen')>مجمدة فقط</option></select></label>
            <label class="form-field"><span>الترتيب</span><select name="sort"><option value="latest" @selected($filters['sort'] === 'latest')>الأحدث</option><option value="spent" @selected($filters['sort'] === 'spent')>الأعلى إنفاقًا</option><option value="orders" @selected($filters['sort'] === 'orders')>الأكثر طلبًا</option><option value="risk" @selected($filters['sort'] === 'risk')>الأعلى خطورة</option></select></label>
            <button class="ac-btn" type="submit">تصفية العملاء</button>
        </form>

        <form id="bulk-customers-form" method="POST" action="{{ route('admin.bulk.customers') }}">
            @csrf
            <div class="ac-bulkbar">
                <select name="action" required>
                    <option value="">إجراء جماعي للعملاء</option>
                    <option value="activate">تفعيل العملاء</option>
                    <option value="suspend">إيقاف العملاء</option>
                    <option value="freeze_wallets">تجميد المحافظ</option>
                    <option value="unfreeze_wallets">فك تجميد المحافظ</option>
                </select>
                <button class="ac-btn secondary">تنفيذ</button>
            </div>
        </form>
        <div class="ac-customer-grid">
            @forelse($customers as $customer)
                <article class="ac-customer-card">
                    <div class="ac-customer-head">
                        <div style="display:flex;align-items:center;gap:12px">
                            <input form="bulk-customers-form" type="checkbox" name="ids[]" value="{{ $customer->id }}">
                            <span class="ac-avatar">{{ mb_strtoupper(mb_substr($customer->display_name ?: $customer->name, 0, 1)) }}</span>
                            <div>
                                <h3>{{ $customer->display_name ?: $customer->name }}</h3>
                                <small>{{ $customer->email }}</small>
                            </div>
                        </div>
                        <span class="ac-badge {{ $customer->status === 'active' ? 'green' : 'red' }}">{{ $customer->status === 'active' ? 'نشط' : 'موقوف' }}</span>
                    </div>

                    <div class="ac-mini-stats">
                        <div><span>الإنفاق</span><b>{{ $fmt($customer->total_spent_minor ?: $customer->total_spent_range) }}</b></div>
                        <div><span>الطلبات</span><b>{{ number_format($customer->orders_count) }}</b></div>
                        <div><span>الرصيد</span><b>{{ $fmt($customer->wallet?->balance_minor) }}</b></div>
                    </div>

                    <div class="ac-list" style="margin-bottom:14px">
                        <div class="ac-list-row"><span>درجة المخاطر</span><strong>{{ $customer->risk_score }}/100</strong><em>{{ $customer->wallet?->is_frozen ? 'المحفظة مجمدة' : 'المحفظة نشطة' }}</em></div>
                        <div class="ac-list-row"><span>آخر دخول</span><strong>{{ $customer->last_login_at?->diffForHumans() ?: 'لم يدخل' }}</strong><em>{{ $customer->locale }}</em></div>
                    </div>

                    <a class="ac-btn secondary" style="width:100%;margin-bottom:12px" href="{{ route('admin.customers.show', $customer) }}">فتح ملف 360</a>

                    <form method="POST" action="{{ route('admin.customers.update', $customer) }}" class="ac-form-grid">
                        @csrf
                        @method('PATCH')
                        <label>اسم العرض
                            <input name="display_name" value="{{ old('display_name', $customer->display_name) }}" placeholder="{{ $customer->name }}">
                        </label>
                        <label>الهاتف
                            <input name="phone" value="{{ old('phone', $customer->phone) }}">
                        </label>
                        <label>الحالة
                            <select name="status">
                                <option value="active" @selected($customer->status === 'active')>نشط</option>
                                <option value="suspended" @selected($customer->status === 'suspended')>موقوف</option>
                            </select>
                        </label>
                        <label>المخاطر
                            <input type="number" min="0" max="100" name="risk_score" value="{{ old('risk_score', $customer->risk_score) }}">
                        </label>
                        <button class="ac-btn" style="grid-column:1/-1" type="submit">حفظ العميل</button>
                    </form>
                </article>
            @empty
                <div class="ac-empty">لا يوجد عملاء بعد.</div>
            @endforelse
        </div>

        {{ $customers->links() }}
    </section>
@endsection