@extends('layouts.user')
@section('title', 'Transaction History')
@section('content')
<h1 class="text-2xl font-bold mb-6">Transaction History</h1>
<div class="bg-white rounded-xl shadow p-6">
    <table class="w-full text-sm">
        <thead>
            <tr class="text-left text-gray-500 border-b">
                <th class="py-2">Reference</th>
                <th>Type</th>
                <th>Amount</th>
                <th>Balance After</th>
                <th>Status</th>
                <th>Date</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($transactions as $txn)
                <tr class="border-b last:border-0">
                    <td class="py-2 font-mono text-xs">{{ $txn->reference }}</td>
                    <td class="capitalize">{{ str_replace('_', ' ', $txn->type) }}</td>
                    <td class="{{ $txn->amount >= 0 ? 'text-green-600' : 'text-red-600' }}">{{ number_format($txn->amount, 4) }}</td>
                    <td>{{ number_format($txn->balance_after, 4) }}</td>
                    <td class="capitalize">{{ $txn->status }}</td>
                    <td>{{ $txn->created_at->format('d M Y, H:i') }}</td>
                </tr>
            @empty
                <tr><td colspan="6" class="py-4 text-center text-gray-400">No transactions yet.</td></tr>
            @endforelse
        </tbody>
    </table>
    <div class="mt-4">{{ $transactions->links() }}</div>
</div>
@endsection