@extends('admin.layout')
@section('title', 'Tổng quan')
@section('heading', 'Tổng quan hệ thống')

@section('content')
    <div class="admin-stats">
        <div class="stat-card">
            <div class="stat-ico green">&#128100;</div>
            <div><span class="stat-num">{{ number_format($stats['users']) }}</span><span class="stat-label">Người dùng</span></div>
        </div>
        <div class="stat-card">
            <div class="stat-ico blue">&#127918;</div>
            <div><span class="stat-num">{{ number_format($stats['games']) }}</span><span class="stat-label">Game đang bán</span></div>
        </div>
        <div class="stat-card">
            <div class="stat-ico amber">&#129534;</div>
            <div><span class="stat-num">{{ number_format($stats['orders']) }}</span><span class="stat-label">Tổng giao dịch</span></div>
        </div>
        <div class="stat-card">
            <div class="stat-ico red">&#9203;</div>
            <div><span class="stat-num">{{ number_format($stats['orders_pending']) }}</span><span class="stat-label">Đơn chờ xử lý</span></div>
        </div>
        <div class="stat-card">
            <div class="stat-ico green">&#8646;</div>
            <div><span class="stat-num">{{ number_format($stats['exchanges']) }}</span><span class="stat-label">Thẻ đã gửi</span></div>
        </div>
        <div class="stat-card">
            <div class="stat-ico blue">&#128176;</div>
            <div><span class="stat-num">{{ number_format($stats['revenue'], 0, ',', '.') }}đ</span><span class="stat-label">Doanh thu (đã duyệt)</span></div>
        </div>
    </div>

    <div class="admin-panel">
        <div class="panel-head">
            <h2>Giao dịch gần đây</h2>
            <a href="{{ route('admin.orders') }}" class="btn-ghost">Xem tất cả</a>
        </div>
        <div class="table-wrap">
            <table class="admin-table">
                <thead>
                    <tr>
                        <th>ID</th><th>Loại</th><th>Sản phẩm</th><th>Khách hàng</th><th>Số tiền</th><th>Trạng thái</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($recentOrders as $o)
                        <tr>
                            <td>#{{ $o->id }}</td>
                            <td>{{ $o->type === 'topup_game' ? 'Nạp game' : 'Mua thẻ' }}</td>
                            <td>{{ $o->product }}</td>
                            <td>{{ $o->user->name ?? 'Khách' }}</td>
                            <td>{{ number_format($o->amount, 0, ',', '.') }}đ</td>
                            <td>@include('admin.partials.status', ['status' => $o->status])</td>
                        </tr>
                    @empty
                        <tr><td colspan="6" class="empty">Chưa có giao dịch nào.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endsection