@extends('layouts.influencer', ['title' => 'Histórico de pagamentos'])

@section('content')
<div class="card overflow-x-auto">
    <table class="min-w-full divide-y divide-slate-200">
        <thead><tr><th class="table-th">Data</th><th class="table-th">Valor</th><th class="table-th">Status</th><th class="table-th">Referência</th><th class="table-th">Observação</th></tr></thead>
        <tbody class="divide-y divide-slate-100">
        @foreach($payments as $payment)
            <tr><td class="table-td">{{ $payment->paid_at?->format('d/m/Y H:i') }}</td><td class="table-td font-semibold">R$ {{ number_format((float)$payment->amount,2,',','.') }}</td><td class="table-td">{{ $payment->status->label() }}</td><td class="table-td">{{ $payment->reference }}</td><td class="table-td">{{ $payment->notes }}</td></tr>
        @endforeach
        </tbody>
    </table>
    <div class="mt-4">{{ $payments->links() }}</div>
</div>
@endsection