@extends('layouts.app')

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
  <div class="row g-4">
    <div class="col-md-4">
      <div class="card">
        <div class="card-body">
          <h6>Wallet Balance</h6>
          <h3 class="mb-0">${{ number_format($wallet->balance,2) }}</h3>
          <small>{{ $wallet->currency }}</small>
        </div>
      </div>
    </div>
    <div class="col-md-8">
      <div class="card">
        <div class="card-header"><h5 class="mb-0">Recent Transactions</h5></div>
        <div class="table-responsive">
          <table class="table">
            <thead><tr><th>Type</th><th>Amount</th><th>Status</th><th>Description</th><th>Date</th></tr></thead>
            <tbody>
            @forelse($wallet->transactions as $tx)
              <tr>
                <td>{{ $tx->type }}</td><td>${{ number_format($tx->amount,2) }}</td><td>{{ $tx->status }}</td><td>{{ $tx->description }}</td><td>{{ $tx->created_at->format('Y-m-d H:i') }}</td>
              </tr>
            @empty
              <tr><td colspan="5" class="text-center py-4">No transactions yet.</td></tr>
            @endforelse
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection