@extends('layouts.user')
@section('title', 'Dashboard')
@section('content')
<h1 class="text-2xl font-bold mb-6">Welcome back, {{ auth()->user()->name }}</h1>

<div class="grid md:grid-cols-3 gap-6 mb-10">
    <div class="p-6 bg-white rounded-xl shadow">
        <p class="text-sm text-gray-500">Wallet Balance</p>
        <p class="text-3xl font-bold mt-1">{{ number_format($wallet->balance, 4) }}</p>
        <p class="text-xs text-gray-400 mt-1">Locked: {{ number_format($wallet->locked_balance, 4) }}</p>
    </div>
    <div class="p-6 bg-white rounded-xl shadow">
        <p class="text-sm text-gray-500">Referrals</p>
        <p class="text-3xl font-bold mt-1">{{ $referralCount }}</p>
        <a href="{{ route('user.referral') }}" class="text-xs text-indigo-600">View referral program &rarr;</a>
    </div>
    <div class="p-6 bg-white rounded-xl shadow">
        <p class="text-sm text-gray-500">KYC Status</p>
        <p class="text-lg font-bold mt-1 capitalize">{{ auth()->user()->kyc_status }}</p>
        <a href="{{ route('user.kyc') }}" class="text-xs text-indigo-600">Manage KYC &rarr;</a>
    </div>
</div>

<div class="bg-white rounded-xl shadow p-6">
    <h2 class="font-bold mb-4">Recent Transactions</h2>
    <table class="w-full text-sm">
        <thead>
            <tr class="text-left text-gray-500 border-b">
                <th class="py-2">Type</th>
                <th>Amount</th>
                <th>Status</th>
                <th>Date</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($recentTransactions as $txn)
                <tr class="border-b last:border-0">
                    <td class="py-2 capitalize">{{ str_replace('_', ' ', $txn->type) }}</td>
                    <td class="{{ $txn->amount >= 0 ? 'text-green-600' : 'text-red-600' }}">{{ number_format($txn->amount, 4) }}</td>
                    <td class="capitalize">{{ $txn->status }}</td>
                    <td>{{ $txn->created_at->format('d M Y, H:i') }}</td>
                </tr>
            @empty
                <tr><td colspan="4" class="py-4 text-center text-gray-400">No transactions yet.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection