@extends('layouts.user')

@section('content')
<div class="card">
<div class="card-title">Transaction History</div>
@if ($transactions->isEmpty())
<div class="empty">No transactions yet.</div>
@else
<div class="table-wrap">
<table>
<thead><tr><th>Date</th><th>Type</th><th>Amount</th><th>Balance After</th><th>Description</th></tr></thead>
<tbody>
@foreach ($transactions as $t)
<tr>
<td>{{ $t->created_at }}</td>
<td>{{ ucfirst(str_replace('_', ' ', $t->type)) }}</td>
<td style="color:{{ $t->amount >= 0 ? 'var(--success)' : 'var(--danger)' }};">{{ ($t->amount >= 0 ? '+' : '') . format_money($t->amount) }}</td>
<td>{{ format_money($t->balance_after) }}</td>
<td>{{ $t->description ?? '' }}</td>
</tr>
@endforeach
</tbody>
</table>
</div>
@endif
</div>
@endsection