@extends('layouts.app')

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
  <div class="card">
    <div class="card-header">
      <h5 class="mb-0">Wallet Transactions</h5>
    </div>
    <div class="table-responsive">
      <table class="table">
        <thead>
          <tr>
            <th>User</th>
            <th>Type</th>
            <th>Amount</th>
            <th>Status</th>
            <th>Reference</th>
            <th>Date</th>
          </tr>
        </thead>
        <tbody>
          @forelse($walletTransactions as $tx)
            <tr>
              <td>{{ $tx->user->name ?? 'N/A' }}</td>
              <td><span class="badge bg-label-info">{{ $tx->type }}</span></td>
              <td>${{ number_format($tx->amount, 2) }}</td>
              <td><span class="badge bg-label-{{ $tx->status === 'completed' ? 'success' : 'warning' }}">{{ ucfirst($tx->status) }}</span></td>
              <td><code>{{ $tx->reference }}</code></td>
              <td>{{ $tx->created_at->format('Y-m-d H:i') }}</td>
            </tr>
          @empty
            <tr><td colspan="6" class="text-center py-4">No wallet transactions found.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>

    @if($walletTransactions->hasPages() || $walletTransactions->total() > 0)
      <div class="card-footer d-flex justify-content-between align-items-center flex-wrap py-3 border-top">
        <div class="text-muted small mb-2 mb-md-0">
          Showing <strong>{{ $walletTransactions->firstItem() ?? 0 }}</strong> to <strong>{{ $walletTransactions->lastItem() ?? 0 }}</strong> of <strong>{{ $walletTransactions->total() }}</strong> entries
        </div>
        <div>
          {{ $walletTransactions->links() }}
        </div>
      </div>
    @endif
  </div>
</div>
@endsection