@extends('admin.layouts.app')

@section('title', 'Dashboard')
@section('page-title', 'Dashboard')
@section('page-subtitle', 'Real-time jobs, workers, transactions, disputes & risk')

@section('content')
<div class="stats">
    <div class="stat"><div class="label">Active Jobs</div><div class="value">{{ number_format($stats['active_jobs']) }}</div></div>
    <div class="stat"><div class="label">Workers Online</div><div class="value">{{ number_format($stats['workers_online']) }}</div></div>
    <div class="stat"><div class="label">Tx Today</div><div class="value">{{ number_format($stats['transactions_today']) }}</div></div>
    <div class="stat"><div class="label">Open Disputes</div><div class="value">{{ number_format($stats['open_disputes']) }}</div></div>
    <div class="stat"><div class="label">High Risk</div><div class="value">{{ number_format($stats['suspicious']) }}</div></div>
    <div class="stat"><div class="label">Pending KYC</div><div class="value">{{ number_format($stats['pending_kyc']) }}</div></div>
    <div class="stat"><div class="label">Escrow Held</div><div class="value">₦{{ number_format($stats['held_escrow'], 0) }}</div></div>
    <div class="stat"><div class="label">Platform Users</div><div class="value">{{ number_format($stats['total_users']) }}</div></div>
</div>

<div class="grid-2">
    <div class="card">
        <h3 class="section-title">Recent Jobs</h3>
        <div class="table-wrap">
            <table class="data">
                <thead>
                <tr><th>Ref</th><th>Title</th><th>Mode</th><th>Status</th><th></th></tr>
                </thead>
                <tbody>
                @forelse($recentJobs as $job)
                    <tr>
                        <td>{{ $job->reference }}</td>
                        <td>{{ $job->title }}</td>
                        <td><span class="badge badge-info">{{ $job->hire_mode }}</span></td>
                        <td><span class="badge badge-muted">{{ $job->status }}</span></td>
                        <td><a href="{{ route('admin.jobs.show', $job) }}">Open</a></td>
                    </tr>
                @empty
                    <tr><td colspan="5">No jobs yet.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <div class="stack">
        <div class="card">
            <h3 class="section-title">Pending KYC</h3>
            @forelse($pendingKyc as $item)
                <div style="display:flex;justify-content:space-between;gap:0.5rem;padding:0.45rem 0;border-bottom:1px solid var(--border);">
                    <div>
                        <strong>{{ $item->user?->name }}</strong>
                        <div style="color:var(--muted);font-size:0.8rem;">L{{ $item->level }} · {{ strtoupper($item->document_type ?? 'doc') }}</div>
                    </div>
                    <a href="{{ route('admin.identity.show', $item) }}">Review</a>
                </div>
            @empty
                <p style="color:var(--muted);margin:0;">Queue is clear.</p>
            @endforelse
        </div>

        <div class="card">
            <h3 class="section-title">Risk Signals</h3>
            @forelse($recentRisk as $event)
                <div style="display:flex;justify-content:space-between;gap:0.5rem;padding:0.45rem 0;border-bottom:1px solid var(--border);">
                    <div>
                        <strong>{{ $event->event_type }}</strong>
                        <div style="color:var(--muted);font-size:0.8rem;">{{ $event->user?->name ?? 'System' }} · score {{ $event->risk_score }}</div>
                    </div>
                    <a href="{{ route('admin.risk.show', $event) }}">Inspect</a>
                </div>
            @empty
                <p style="color:var(--muted);margin:0;">No open risk events.</p>
            @endforelse
        </div>
    </div>
</div>
@endsection