@extends('layouts.admin')
@section('title', 'Agent Collections')
@section('page-title', 'Agent Collections')
@section('page-subtitle', 'View savings collected by agents')
@section('content')
<div class="card overflow-hidden">
    <div class="overflow-x-auto">
        <table class="w-full text-sm">
            <thead class="bg-gray-50 border-b">
                <tr>
                    <th class="px-4 py-3 text-left">Reference</th>
                    <th class="px-4 py-3 text-left">Member</th>
                    <th class="px-4 py-3 text-left">Amount</th>
                    <th class="px-4 py-3 text-left">Date</th>
                    <th class="px-4 py-3 text-left">Collected By</th>
                    <th class="px-4 py-3 text-left">Status</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-100">
                @forelse($collections as $s)
                <tr class="hover:bg-gray-50">
                    <td class="px-4 py-3 font-mono text-xs text-blue-700">{{ $s->reference }}</td>
                    <td class="px-4 py-3 font-medium">{{ $s->member->full_name ?? '-' }}</td>
                    <td class="px-4 py-3 font-bold text-green-700">₦{{ number_format($s->amount) }}</td>
                    <td class="px-4 py-3">{{ $s->collection_date->format('d M Y') }}</td>
                    <td class="px-4 py-3">{{ $s->collector_name ?? '-' }}</td>
                    <td class="px-4 py-3">
                        <span class="px-2 py-1 rounded-full text-xs font-medium badge-{{ $s->status }}">{{ ucfirst($s->status) }}</span>
                    </td>
                </tr>
                @empty
                <tr><td colspan="6" class="px-4 py-8 text-center text-gray-500">No collections found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="px-4 py-3 border-t">{{ $collections->links() }}</div>
</div>
@endsection