@extends('layouts.app')
@section('title', 'Admin')

@section('content')
<h1 class="text-xl font-bold">Super Admin</h1>
<div class="mt-4 grid grid-cols-2 gap-3 md:grid-cols-3 lg:grid-cols-6">
    @foreach ($stats as $label => $value)
        <div class="rounded-lg border border-slate-200 bg-white p-4"><p class="text-xs text-slate-500">{{ $label }}</p><p class="text-xl font-bold">{{ $value }}</p></div>
    @endforeach
</div>
<div class="mt-4 flex flex-wrap gap-2 text-sm">
    <a href="{{ route('admin.kyc.index') }}" class="rounded bg-crimson px-3 py-2 font-semibold text-white">Review verifications</a>
    <a href="{{ route('admin.commissions.index') }}" class="rounded border border-slate-300 bg-white px-3 py-2">Affiliate payouts</a>
    <a href="{{ route('admin.prices.index') }}" class="rounded border border-slate-300 bg-white px-3 py-2">Price desk</a>
</div>

<h2 class="mt-6 font-semibold">Live deals</h2>
<div class="mt-2 overflow-x-auto rounded-lg border border-slate-200 bg-white">
    <table class="w-full text-left text-sm">
        <thead class="bg-slate-50 text-xs uppercase text-slate-500"><tr><th class="p-3">Ref</th><th class="p-3">Seller → Buyer</th><th class="p-3">Volume</th><th class="p-3">Value (USD)</th><th class="p-3">Affiliate</th><th class="p-3">Stage</th></tr></thead>
        <tbody>
        @forelse ($deals as $deal)
            <tr class="border-t border-slate-100">
                <td class="p-3"><a href="{{ route('deals.show', $deal) }}" class="font-semibold text-crimson underline">{{ $deal->reference }}</a></td>
                <td class="p-3">{{ $deal->seller->company_name }} → {{ $deal->buyer->company_name }}</td>
                <td class="p-3">{{ number_format($deal->volume_mt) }} MT {{ $deal->product }}</td>
                <td class="p-3">{{ number_format($deal->total_value_usd, 2) }}</td>
                <td class="p-3">{{ $deal->affiliate?->name ?? '—' }}</td>
                <td class="p-3 uppercase">{{ str_replace('_', ' ', $deal->stage) }}</td>
            </tr>
        @empty
            <tr><td colspan="6" class="p-6 text-center text-slate-500">No deals yet.</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $deals->links() }}</div>
@endsection