@extends('layouts.admin', ['title' => 'التسويق'])

@php $s = $data['summary']; $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 class="ac-actions">
                    <a class="ac-btn secondary" href="{{ route('admin.banners.index') }}">البانرات</a>
                    <a class="ac-btn secondary" href="{{ route('admin.coupons.index') }}">الكوبونات</a>
                    <a class="ac-btn secondary" href="{{ route('admin.vouchers.index') }}">أكواد الشحن</a>
                </div>
            </div>
            <div class="ac-kpi-grid">
                <div class="ac-kpi"><span>بانرات نشطة</span><strong>{{ number_format($s['activeBanners']) }}</strong></div>
                <div class="ac-kpi" style="--accent:#16a34a"><span>كوبونات نشطة</span><strong>{{ number_format($s['activeCoupons']) }}</strong></div>
                <div class="ac-kpi" style="--accent:#0ea5e9"><span>مشاهدات المنتجات</span><strong>{{ number_format($s['productViews']) }}</strong></div>
                <div class="ac-kpi" style="--accent:#7c3aed"><span>عمليات البحث</span><strong>{{ number_format($s['searches']) }}</strong></div>
                <div class="ac-kpi" style="--accent:#f59e0b"><span>إضافات السلة</span><strong>{{ number_format($s['cartAdds']) }}</strong></div>
                <div class="ac-kpi" style="--accent:#2563eb"><span>التحويل</span><strong>{{ $s['conversion'] }}%</strong></div>
            </div>
        </div>

        <div class="ac-grid-3">
            <div class="ac-panel">
                <div class="ac-panel-head"><h2>قمع التحويل</h2></div>
                <div class="ac-funnel">
                    @foreach($data['funnel'] as $step)
                        <div class="ac-funnel-row"><header><span>{{ $step['label'] }}</span><b>{{ $step['value'] }}</b></header><div><b style="width:{{ max($step['percent'], 4) }}%"></b></div></div>
                    @endforeach
                </div>
            </div>
            <div class="ac-panel">
                <div class="ac-panel-head"><h2>منتجات تمت مشاهدتها</h2></div>
                <div class="ac-list">
                    @forelse($data['topViewedProducts'] as $row)
                        <div class="ac-list-row"><span>{{ $row->entity_type }} #{{ $row->entity_id }}</span><strong>{{ $row->views }}</strong><em>مشاهدة</em></div>
                    @empty
                        <div class="ac-empty">المشاهدات ستظهر بعد بداية التتبع.</div>
                    @endforelse
                </div>
            </div>
            <div class="ac-panel">
                <div class="ac-panel-head"><h2>استخدام الكوبونات</h2></div>
                <div class="ac-list">
                    @forelse($data['coupons'] as $coupon)
                        <div class="ac-list-row"><span>{{ $coupon->code }}</span><strong>{{ $coupon->redemptions_count }}</strong><em>{{ $coupon->is_active ? 'نشط' : 'متوقف' }}</em></div>
                    @empty
                        <div class="ac-empty">لا توجد كوبونات بعد.</div>
                    @endforelse
                </div>
            </div>
        </div>

        <div class="ac-grid-2">
            <div class="ac-panel">
                <div class="ac-panel-head"><h2>أكثر عمليات البحث</h2></div>
                <div class="ac-list">
                    @forelse($data['searches'] as $search)
                        <div class="ac-list-row"><span>{{ $search->query ?: 'بحث فارغ' }}</span><strong>{{ number_format($search->total) }}</strong><em>مرة</em></div>
                    @empty
                        <div class="ac-empty">البحث سيظهر بعد استخدام العملاء للبحث.</div>
                    @endforelse
                </div>
            </div>

            <div class="ac-panel">
                <div class="ac-panel-head"><h2>الألعاب المفضلة</h2></div>
                <div class="ac-list">
                    @forelse($data['favorites'] as $favorite)
                        <div class="ac-list-row"><span>{{ $favorite->name_ar }}</span><strong>{{ number_format($favorite->total) }}</strong><em>إضافة للمفضلة</em></div>
                    @empty
                        <div class="ac-empty">لا توجد مفضلات بعد.</div>
                    @endforelse
                </div>
            </div>
        </div>

        <div class="ac-panel">
            <div class="ac-panel-head"><h2>أكثر المنتجات مبيعًا</h2></div>
            <div class="ac-table-wrap">
                <table class="ac-table">
                    <thead><tr><th>المنتج</th><th>الكمية</th><th>الإيراد</th></tr></thead>
                    <tbody>
                        @forelse($data['topProducts'] as $product)
                            <tr><td>{{ $product->name_snapshot }}</td><td>{{ $product->quantity }}</td><td>{{ $fmt($product->revenue_minor) }}</td></tr>
                        @empty
                            <tr><td colspan="3"><div class="ac-empty">لا توجد مبيعات بعد.</div></td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </section>
@endsection
