@extends('layouts.app')

@section('content')
<div class="grid">
    <div class="card"><h3>Wallet Balance</h3><h2>${{ number_format($stats['balance'], 2) }}</h2></div>
    <div class="card"><h3>Total Deposits</h3><h2>${{ number_format($stats['total_deposits'], 2) }}</h2></div>
    <div class="card"><h3>Active Investments</h3><h2>{{ $stats['active_investments'] }}</h2></div>
    <div class="card"><h3>Pending Withdrawals</h3><h2>${{ number_format($stats['pending_withdrawals'], 2) }}</h2></div>
</div>

<div class="card">
    <h3>Deposit Activity (Last 7 records)</h3>
    <canvas id="depositChart" height="120"></canvas>
</div>

<script>
    const chartData = @json($depositChart);
    new Chart(document.getElementById('depositChart'), {
        type: 'line',
        data: {
            labels: chartData.map(i => i.day),
            datasets: [{ label: 'Deposits', data: chartData.map(i => Number(i.total)), borderColor: '#0ea5e9', fill: false }]
        }
    });
</script>
@endsection