@extends('layouts.admin', ['title' => 'تقارير الإدارة | RaseedNow'])

@section('content')
    <section class="ac-section">
        <div class="ac-panel">
        <div class="ac-panel-head">
            <div>
                <span>Reports</span>
                <h2>تقارير الأداء والتشغيل</h2>
            </div>
            <div class="ac-actions">
                <a class="ac-btn secondary" href="{{ route('admin.exports.orders') }}">تصدير الطلبات</a>
                <a class="ac-btn secondary" href="{{ route('admin.exports.customers') }}">تصدير العملاء</a>
                <a class="ac-btn secondary" href="{{ route('admin.exports.products') }}">تصدير المنتجات</a>
                <a class="ac-btn secondary" href="{{ route('admin.dashboard') }}">لوحة الإدارة</a>
            </div>
        </div>

        <form class="ac-filter" action="{{ route('admin.reports.index') }}">
            <label class="form-field">
                <span>من تاريخ</span>
                <input name="from" value="{{ $from->format('Y-m-d') }}" type="date">
            </label>
            <label class="form-field">
                <span>إلى تاريخ</span>
                <input name="to" value="{{ $to->format('Y-m-d') }}" type="date">
            </label>
            <button type="submit">تحديث التقرير</button>
        </form>
        </div>

        <div class="ac-kpi-grid">
            <div class="ac-kpi"><span>إجمالي الطلبات</span><strong>{{ $metrics['orders'] }}</strong></div>
            <div class="ac-kpi" style="--accent:#16a34a"><span>طلبات مدفوعة</span><strong>{{ $metrics['paid_orders'] }}</strong></div>
            <div class="ac-kpi" style="--accent:#0ea5e9"><span>الإيراد المدفوع</span><strong>{{ number_format($metrics['revenue_minor'] / 100, 2) }} EGP</strong></div>
            <div class="ac-kpi" style="--accent:#dc2626"><span>خصومات</span><strong>{{ number_format($metrics['discount_minor'] / 100, 2) }} EGP</strong></div>
            <div class="ac-kpi" style="--accent:#f59e0b"><span>Cashback</span><strong>{{ number_format($metrics['cashback_minor'] / 100, 2) }} EGP</strong></div>
            <div class="ac-kpi" style="--accent:#8b5cf6"><span>مستخدمون جدد</span><strong>{{ $metrics['new_users'] }}</strong></div>
            <div class="ac-kpi" style="--accent:#14b8a6"><span>شحن vouchers</span><strong>{{ number_format($metrics['voucher_topups_minor'] / 100, 2) }} EGP</strong></div>
            <div class="ac-kpi" style="--accent:#f97316"><span>مكافآت إحالة</span><strong>{{ number_format($metrics['referral_rewards_minor'] / 100, 2) }} EGP</strong></div>
        </div>

        <div class="ac-grid-2">
            <div class="ac-panel">
                <div class="ac-panel-head"><h2>الإيراد اليومي</h2></div>
                <div class="ac-list">
                    @forelse($dailyRevenue as $row)
                        <div class="admin-row">
                            <span>{{ $row->day }}</span>
                            <strong>{{ number_format($row->revenue_minor / 100, 2) }} EGP</strong>
                            <em>{{ $row->orders_count }} طلب</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($ordersByStatus as $row)
                        <div class="admin-row">
                            <span>{{ $row->payment_status }} / {{ $row->fulfillment_status }}</span>
                            <strong>{{ $row->orders_count }}</strong>
                            <em>{{ number_format($row->total_minor / 100, 2) }} EGP</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($topProducts as $product)
                        <div class="admin-row">
                            <span>{{ $product->name_snapshot }} <small class="text-[#6e7488]">{{ $product->sku_snapshot }}</small></span>
                            <strong>{{ $product->units }} وحدة</strong>
                            <em>{{ number_format($product->sales_minor / 100, 2) }} EGP</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($topCustomers as $customer)
                        <div class="admin-row">
                            <span>{{ $customer->name }} <small class="text-[#6e7488]">#{{ $customer->public_id }}</small></span>
                            <strong>{{ $customer->orders_count }} طلب</strong>
                            <em>{{ number_format($customer->spend_minor / 100, 2) }} EGP</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($couponUsage as $coupon)
                        <div class="admin-row">
                            <span>{{ $coupon->code }} — {{ $coupon->name_ar }}</span>
                            <strong>{{ $coupon->uses_count }} استخدام</strong>
                            <em>{{ number_format($coupon->discount_minor / 100, 2) }} EGP</em>
                        </div>
                    @empty
                        <div class="ac-empty">لا يوجد استخدام كوبونات.</div>
                    @endforelse
                </div>
            </div>

            <div class="ac-panel">
                <div class="ac-panel-head"><h2>شحن vouchers</h2></div>
                <div class="ac-list">
                    @forelse($voucherUsage as $voucher)
                        <div class="admin-row">
                            <span>{{ $voucher->code }} — {{ $voucher->name_ar }}</span>
                            <strong>{{ $voucher->uses_count }} استخدام</strong>
                            <em>{{ number_format($voucher->amount_minor / 100, 2) }} EGP</em>
                        </div>
                    @empty
                        <div class="ac-empty">لا يوجد شحن vouchers.</div>
                    @endforelse
                </div>
            </div>

            <div class="ac-panel">
                <div class="ac-panel-head"><h2>حركة المحافظ</h2></div>
                <div class="ac-list">
                    @forelse($walletMovement as $entry)
                        <div class="admin-row">
                            <span>{{ $entry->type }}</span>
                            <strong>{{ $entry->entries_count }} حركة</strong>
                            <em>{{ number_format($entry->amount_minor / 100, 2) }} EGP</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($referralRewards as $reward)
                        <div class="admin-row">
                            <span>{{ $reward->referrer?->email }} → {{ $reward->referred?->email }}</span>
                            <strong>{{ number_format($reward->referrer_reward_minor / 100, 2) }} / {{ number_format($reward->referred_reward_minor / 100, 2) }}</strong>
                            <em>{{ $reward->order?->order_number }}</em>
                        </div>
                    @empty
                        <div class="ac-empty">لا توجد مكافآت إحالة.</div>
                    @endforelse
                </div>
            </div>

            <div class="ac-panel xl:col-span-2">
                <div class="ac-panel-head"><h2>تذاكر الدعم حسب الحالة</h2></div>
                <div class="ac-grid-3">
                    @forelse($supportByStatus as $ticket)
                        <div class="rounded-2xl border border-[#e0e8e3] bg-[#f7f8fb] p-4">
                            <strong class="block text-[#17264d]">{{ $ticket->status }} / {{ $ticket->priority }}</strong>
                            <span class="text-sm text-[#6e7488]">{{ $ticket->tickets_count }} تذكرة</span>
                        </div>
                    @empty
                        <div class="ac-empty">لا توجد تذاكر في الفترة.</div>
                    @endforelse
                </div>
            </div>
        </div>
    </section>
@endsection