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

@php
    $summary = $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-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 class="ac-kpi-grid">
                <div class="ac-kpi"><span>مشاهدات المنتجات</span><strong>{{ number_format($summary['productViews']) }}</strong></div>
                <div class="ac-kpi" style="--accent:#16a34a"><span>إضافة للسلة</span><strong>{{ number_format($summary['addToCart']) }}</strong></div>
                <div class="ac-kpi" style="--accent:#7c3aed"><span>التحويل</span><strong>{{ $summary['conversionRate'] }}%</strong></div>
                <div class="ac-kpi" style="--accent:#f59e0b"><span>الإيرادات</span><strong>{{ $fmt($summary['revenue']) }}</strong></div>
            </div>
        </div>

        <div class="ac-grid-2">
            <div class="ac-panel">
                <div class="ac-panel-head"><h2>تحليل المبيعات</h2></div>
                <script type="application/json" data-admin-chart-source="analytics-sales">@json($data['charts']['sales'])</script>
                <div class="ac-chart" data-admin-chart="analytics-sales" data-chart-type="area"></div>
            </div>
            <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>

        <div class="ac-grid-2">
            <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>{{ number_format($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['searches'] as $row)
                        <div class="ac-list-row"><span>{{ $row->query ?: 'بحث فارغ' }}</span><strong>{{ $row->total }}</strong><em>عملية بحث</em></div>
                    @empty
                        <div class="ac-empty">لسه مفيش عمليات بحث متسجلة.</div>
                    @endforelse
                </div>
            </div>
        </div>
    </section>
@endsection