@extends('layouts.admin')
@section('title', 'Daily Savings')
@section('page-title', 'Daily Savings')
@section('page-subtitle', 'Track member contribution collections')
@section('content')
<div class="grid grid-cols-3 gap-4 mb-6">
    <div class="card p-4 text-center">
        <p class="text-xs text-gray-500">Today's Collections</p>
        <p class="text-2xl font-bold text-green-700">₦{{ number_format($totalToday) }}</p>
    </div>
    <div class="card p-4 text-center">
        <p class="text-xs text-gray-500">Pending Reconciliation</p>
        <p class="text-2xl font-bold text-yellow-600">{{ $pendingCount }}</p>
    </div>
    <div class="card p-4 flex items-center justify-center space-x-3">
        <a href="{{ route('admin.savings.create') }}" class="bg-green-600 text-white px-4 py-2 rounded-lg text-sm hover:bg-green-700">
            <i class="fas fa-plus mr-1"></i>Record Savings
        </a>
        @if(in_array(session('admin_role'), ['admin','manager','cashier']))
        <form action="{{ route('admin.savings.reconcile') }}" method="POST">
            @csrf
            <button type="submit" class="bg-blue-600 text-white px-4 py-2 rounded-lg text-sm hover:bg-blue-700" onclick="return confirm('Reconcile all pending collections?')">
                <i class="fas fa-check-double mr-1"></i>Reconcile All
            </button>
        </form>
        @endif
    </div>
</div>
<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">Method</th>
                    <th class="px-4 py-3 text-left">Collected By</th>
                    <th class="px-4 py-3 text-left">Status</th>
                    <th class="px-4 py-3 text-center">Actions</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-100">
                @forelse($savings 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 capitalize">{{ $s->payment_method }}</td>
                    <td class="px-4 py-3 text-gray-600">{{ $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>
                    <td class="px-4 py-3 text-center">
                        <a href="{{ route('admin.savings.show', $s->id) }}" class="text-blue-600 mr-2"><i class="fas fa-eye"></i></a>
                        <a href="{{ route('admin.savings.edit', $s->id) }}" class="text-yellow-600 mr-2"><i class="fas fa-edit"></i></a>
                        <form action="{{ route('admin.savings.destroy', $s->id) }}" method="POST" class="inline" onsubmit="return confirm('Delete this record?')">
                            @csrf @method('DELETE')
                            <button type="submit" class="text-red-600"><i class="fas fa-trash"></i></button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr><td colspan="8" class="px-4 py-8 text-center text-gray-500">No savings records yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="px-4 py-3 border-t">{{ $savings->links() }}</div>
</div>
@endsection