@extends('layouts.app')
@section('title', 'Payments')

@section('content')
<div class="overflow-x-auto rounded-3xl border border-slate-200">
<table class="min-w-full text-sm bg-white">
<thead class="bg-slate-50"><tr class="text-left text-slate-500"><th class="p-4">Reference</th><th class="p-4">Method</th><th class="p-4">Amount</th><th class="p-4">Currency</th><th class="p-4">Status</th><th class="p-4">Paid At</th></tr></thead>
<tbody class="divide-y divide-slate-100">
@foreach($payments as $payment)
<tr><td class="p-4">{{ $payment->reference }}</td><td class="p-4">{{ $payment->method }}</td><td class="p-4">{{ number_format($payment->amount, 2) }}</td><td class="p-4">{{ $payment->currency }}</td><td class="p-4">{{ strtoupper($payment->status) }}</td><td class="p-4">{{ $payment->paid_at }}</td></tr>
@endforeach
</tbody>
</table>
</div>
<div class="mt-6">{{ $payments->links() }}</div>
@endsection