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

@php
    $fmt = fn ($minor) => number_format(($minor ?? 0) / 100, 2).' ج.م';
@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-filter">
                    @foreach(['today' => 'اليوم', 'week' => 'الأسبوع', 'month' => 'الشهر', 'year' => 'السنة'] as $key => $label)
                        <a href="{{ route('admin.analytics.index', ['period' => $key]) }}" @class(['active' => $period === $key])>{{ $label }}</a>
                    @endforeach
                </div>
            </div>
        </div>

        <div class="ac-grid-2">
            <section class="ac-panel">
                <div class="ac-panel-head">
                    <div>
                        <h2>أكثر الألعاب مشاهدة</h2>
                        <p>استخدمها لاختيار الألعاب اللي تتحط في الأكثر شيوعًا والصفحة الرئيسية.</p>
                    </div>
                </div>
                <div class="ac-list">
                    @forelse($data['topViewedGames'] as $row)
                        <div class="ac-list-row">
                            <span>{{ $row->name }}</span>
                            <strong>{{ number_format($row->views) }}</strong>
                            <em>مشاهدة</em>
                        </div>
                    @empty
                        <div class="ac-empty">لسه مفيش مشاهدات ألعاب كفاية. التتبع هيبدأ يملأها تلقائيًا.</div>
                    @endforelse
                </div>
            </section>

            <section class="ac-panel">
                <div class="ac-panel-head">
                    <div>
                        <h2>أكثر المنتجات مبيعًا</h2>
                        <p>دي أهم قائمة لتحديد المنتج الأكثر شيوعًا وعروض الصفحة الرئيسية.</p>
                    </div>
                </div>
                <div class="ac-list">
                    @forelse($data['topSellingProducts'] as $row)
                        <div class="ac-list-row">
                            <span>{{ $row->name_snapshot }}</span>
                            <strong>{{ number_format($row->quantity) }} عملية</strong>
                            <em>{{ $fmt($row->revenue_minor) }}</em>
                        </div>
                    @empty
                        <div class="ac-empty">لسه مفيش مبيعات في الفترة المحددة.</div>
                    @endforelse
                </div>
            </section>
        </div>
    </section>
@endsection