@extends('layouts.admin')
@section('title', 'Dashboard')
@section('topbar-title', 'Dashboard')

@section('content')
<div class="page-header">
    <div>
        <h1>Admin Dashboard</h1>
        <div class="breadcrumb">Overview of the platform</div>
    </div>
    <span style="font-size:0.82rem;color:var(--muted);">{{ now()->format('l, F j Y') }}</span>
</div>

<div class="stats-grid" style="grid-template-columns:repeat(3,1fr);">
    <div class="stat-card">
        <div class="stat-icon purple"><i class="fa fa-users"></i></div>
        <div>
            <div class="stat-val">{{ $stats['total_users'] }}</div>
            <div class="stat-label">Total Users</div>
        </div>
    </div>
    <div class="stat-card">
        <div class="stat-icon green"><i class="fa fa-key"></i></div>
        <div>
            <div class="stat-val">{{ $stats['active_licenses'] }}</div>
            <div class="stat-label">Active Licenses</div>
        </div>
    </div>
    <div class="stat-card">
        <div class="stat-icon blue"><i class="fa fa-dollar-sign"></i></div>
        <div>
            <div class="stat-val">${{ number_format($stats['total_revenue'], 0) }}</div>
            <div class="stat-label">Total Revenue</div>
        </div>
    </div>
    <div class="stat-card">
        <div class="stat-icon amber"><i class="fa fa-clock"></i></div>
        <div>
            <div class="stat-val">{{ $stats['pending_orders'] }}</div>
            <div class="stat-label">Pending Orders</div>
        </div>
    </div>
    <div class="stat-card">
        <div class="stat-icon pink"><i class="fa fa-box"></i></div>
        <div>
            <div class="stat-val">{{ $stats['total_products'] }}</div>
            <div class="stat-label">Active Products</div>
        </div>
    </div>
    <div class="stat-card">
        <div class="stat-icon red"><i class="fa fa-ban"></i></div>
        <div>
            <div class="stat-val">{{ $stats['suspended'] }}</div>
            <div class="stat-label">Suspended</div>
        </div>
    </div>
</div>

<div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;">
    <div class="card">
        <div class="card-header">
            <h3><i class="fa fa-receipt" style="color:var(--accent);"></i> Recent Orders</h3>
            <a href="{{ route('admin.orders') }}" class="btn btn-outline btn-sm">View All</a>
        </div>
        <div class="table-wrap">
            <table>
                <thead><tr><th>Invoice</th><th>User</th><th>Product</th><th>Amount</th><th>Status</th></tr></thead>
                <tbody>
                    @forelse($recentOrders as $order)
                    <tr>
                        <td style="font-size:0.78rem;color:var(--muted);">{{ $order->invoice_number }}</td>
                        <td>{{ $order->user->name }}</td>
                        <td>{{ $order->plan->product->name }}</td>
                        <td>${{ number_format($order->amount, 2) }}</td>
                        <td><span class="badge badge-{{ $order->status }}">{{ ucfirst($order->status) }}</span></td>
                    </tr>
                    @empty
                    <tr><td colspan="5" style="text-align:center;color:var(--muted);padding:30px;">No orders yet</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h3><i class="fa fa-key" style="color:var(--accent);"></i> Recent Licenses</h3>
            <a href="{{ route('admin.licenses') }}" class="btn btn-outline btn-sm">View All</a>
        </div>
        <div class="table-wrap">
            <table>
                <thead><tr><th>Key</th><th>User</th><th>Product</th><th>Status</th></tr></thead>
                <tbody>
                    @forelse($recentLicenses as $lic)
                    <tr>
                        <td style="font-family:monospace;font-size:0.75rem;color:var(--muted);">{{ substr($lic->license_key, 0, 14) }}...</td>
                        <td>{{ $lic->user->name }}</td>
                        <td>{{ $lic->product->name }}</td>
                        <td><span class="badge badge-{{ strtolower($lic->status) }}">{{ $lic->status }}</span></td>
                    </tr>
                    @empty
                    <tr><td colspan="4" style="text-align:center;color:var(--muted);padding:30px;">No licenses yet</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection