@extends('layouts.app')
@section('title', 'Dashboard')
@section('content')
@php use App\Support\Money; @endphp
<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
    <div class="card"><div class="card-title">Balance</div><div class="text-2xl font-bold">{{ Money::fmt($metrics->balance) }} <span class="text-sm text-slate-400">USDT</span></div></div>
    <div class="card"><div class="card-title">Equity</div><div class="text-2xl font-bold">{{ Money::fmt($metrics->equity) }}</div>
        <div class="text-sm {{ Money::isNegative($metrics->unrealized) ? 'neg' : 'pos' }}">Floating P&amp;L {{ Money::fmt($metrics->unrealized) }}</div></div>
    <div class="card"><div class="card-title">Free margin</div><div class="text-2xl font-bold">{{ Money::fmt($metrics->freeMargin) }}</div>
        <div class="text-sm text-slate-500">Used {{ Money::fmt($metrics->usedMargin) }}</div></div>
    <div class="card"><div class="card-title">Margin level</div><div class="text-2xl font-bold">{{ $metrics->marginLevel !== null ? Money::fmt($metrics->marginLevel).' %' : '—' }}</div></div>
</div>

<div class="mt-6 flex flex-wrap gap-3">
    <a class="btn-primary" href="{{ route('trade.index') }}">Open trading terminal</a>
    <a class="btn-success" href="{{ route('deposits.create') }}">Deposit</a>
    <a class="btn-secondary" href="{{ route('withdrawals.create') }}">Withdraw</a>
</div>

<div class="mt-6 grid gap-6 lg:grid-cols-2">
    <div class="card">
        <h2 class="card-title">Recent deposits</h2>
        <table class="tbl"><tbody>
            @forelse($deposits as $d)
                <tr><td>{{ $d->created_at->format('d M H:i') }}</td><td>{{ Money::fmt((string) $d->amount, 2) }} {{ $d->asset }}</td>
                    <td><span class="badge-{{ ['pending'=>'yellow','approved'=>'green','rejected'=>'red'][$d->status->value] }}">{{ ucfirst($d->status->value) }}</span></td></tr>
            @empty<tr><td class="text-slate-400">No deposits yet.</td></tr>@endforelse
        </tbody></table>
    </div>
    <div class="card">
        <h2 class="card-title">Recent withdrawals</h2>
        <table class="tbl"><tbody>
            @forelse($withdrawals as $w)
                <tr><td>{{ $w->created_at->format('d M H:i') }}</td><td>{{ Money::fmt((string) $w->amount) }} USDT</td>
                    <td><span class="badge-{{ ['pending'=>'yellow','approved'=>'yellow','completed'=>'green','rejected'=>'red'][$w->status->value] }}">{{ ucfirst($w->status->value) }}</span></td></tr>
            @empty<tr><td class="text-slate-400">No withdrawals yet.</td></tr>@endforelse
        </tbody></table>
    </div>
    <div class="card lg:col-span-2">
        <h2 class="card-title">Wallet activity</h2>
        <table class="tbl"><thead><tr><th>Time</th><th>Type</th><th class="text-right">Amount</th><th class="text-right">Balance after</th></tr></thead><tbody>
            @forelse($ledger as $t)
                <tr><td>{{ $t->created_at->format('d M H:i') }}</td><td>{{ str_replace('_', ' ', $t->type->value) }}</td>
                    <td class="text-right {{ Money::isNegative((string) $t->amount) ? 'neg' : 'pos' }}">{{ Money::fmt((string) $t->amount, 4) }}</td>
                    <td class="text-right">{{ Money::fmt((string) $t->balance_after) }}</td></tr>
            @empty<tr><td colspan="4" class="text-slate-400">Nothing yet.</td></tr>@endforelse
        </tbody></table>
    </div>
</div>
@endsection