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

@php
    $summary = $data['summary'];
    $customers = $data['customers'];
    $filters = $data['filters'];
    $fmt = fn ($minor) => number_format(($minor ?? 0) / 100, 2).' ج.م';
    $statusLabels = ['active' => 'نشط', 'suspended' => 'موقوف', 'frozen' => 'مجمد', 'banned' => 'محظور', 'deleted' => 'محذوف'];
    $tierLabels = ['general' => 'عام', 'silver' => 'سلفر', 'vip_silver' => 'VIP فضي', 'merchant_gold' => 'تاجر ذهبي'];
@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">
                <a class="ac-kpi" href="{{ route('admin.customers.index') }}"><span>إجمالي العملاء</span><strong>{{ number_format($summary['total']) }}</strong></a>
                <a class="ac-kpi" style="--accent:#16a34a" href="{{ route('admin.customers.index', ['status' => 'active']) }}"><span>نشطين حاليًا</span><strong>{{ number_format($summary['active']) }}</strong></a>
                <a class="ac-kpi" style="--accent:#dc2626" href="{{ route('admin.customers.index', ['status' => 'banned']) }}"><span>محظورين</span><strong>{{ number_format($summary['banned']) }}</strong></a>
                <a class="ac-kpi" style="--accent:#7c3aed" href="{{ route('admin.customers.index', ['wallet' => 'active']) }}"><span>محافظ نشطة</span><strong>{{ number_format($summary['activeWallets']) }}</strong></a>
                <a class="ac-kpi" style="--accent:#f59e0b" href="{{ route('admin.customers.index', ['wallet' => 'frozen']) }}"><span>محافظ مجمدة</span><strong>{{ number_format($summary['frozenWallets']) }}</strong></a>
            </div>
        </div>

        <form method="GET" class="ac-panel ac-filter">
            <label class="form-field"><span>بحث</span><input name="q" value="{{ $filters['query'] }}" placeholder="اسم، بريد، هاتف، ID"></label>
            <label class="form-field"><span>الحالة</span><select name="status"><option value="">كل الحالات</option>@foreach($statusLabels as $value => $label)<option value="{{ $value }}" @selected($filters['status'] === $value)>{{ $label }}</option>@endforeach</select></label>
            <label class="form-field"><span>المحفظة</span><select name="wallet"><option value="">كل المحافظ</option><option value="active" @selected($filters['wallet'] === 'active')>النشطة</option><option value="frozen" @selected($filters['wallet'] === 'frozen')>المجمدة</option></select></label>
            <label class="form-field"><span>الترقيات</span><select name="tier"><option value="">كل الترقيات</option>@foreach($tierLabels as $value => $label)<option value="{{ $value }}" @selected($filters['tier'] === $value)>{{ $label }}</option>@endforeach</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="tier" @selected($filters['sort'] === 'tier')>الترقيات</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)
                @php
                    $name = $customer->display_name ?: $customer->name;
                    $statusClass = match($customer->status) { 'active' => 'green', 'suspended', 'frozen' => 'orange', default => 'red' };
                @endphp
                <article class="ac-customer-card">
                    <div class="ac-customer-head">
                        <input form="bulk-customers-form" type="checkbox" name="ids[]" value="{{ $customer->id }}">
                        <span class="ac-avatar">{{ mb_strtoupper(mb_substr($name, 0, 1)) }}</span>
                        <span class="ac-badge {{ $statusClass }}">{{ $statusLabels[$customer->status] ?? $customer->status }}</span>
                    </div>
                    <h3 class="ac-customer-name">{{ $name }}</h3>
                    <p class="ac-muted">ID: {{ $customer->public_id ?: $customer->id }}</p>
                    <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>{{ $tierLabels[$customer->customer_tier ?? 'general'] ?? 'عام' }}</strong><em>{{ $customer->wallet?->is_frozen ? 'محفظة مجمدة' : 'محفظة نشطة' }}</em></div>
                    </div>
                    <a class="ac-btn secondary" style="width:100%" href="{{ route('admin.customers.show', $customer) }}">الملف الشخصي</a>
                </article>
            @empty
                <div class="ac-empty">لا يوجد عملاء مطابقين للفلاتر.</div>
            @endforelse
        </div>

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