@extends('layouts.app')
@section('title', 'Cash Collections')
@section('content')
<div class="bg-white rounded-xl border shadow-sm overflow-hidden">
    <table class="w-full"><thead class="bg-gray-50"><tr><th class="table-header">Date</th><th class="table-header">Shift</th><th class="table-header">Cashier</th><th class="table-header">Cash</th><th class="table-header">M-Pesa</th><th class="table-header">Total</th><th class="table-header">Deposited</th><th class="table-header">Variance</th></tr></thead>
    <tbody>@foreach($collections as $c)<tr class="border-b border-gray-50"><td class="table-cell">{{ $c->date->format('d M') }}</td><td class="table-cell capitalize">{{ $c->shift }}</td><td class="table-cell">{{ $c->cashier->name ?? '' }}</td><td class="table-cell">{{ number_format($c->cash_collected) }}</td><td class="table-cell">{{ number_format($c->mpesa_collected) }}</td><td class="table-cell font-semibold">{{ number_format($c->total_collected) }}</td><td class="table-cell">{{ number_format($c->amount_deposited) }}</td><td class="table-cell {{ $c->variance != 0 ? 'text-red-600 font-semibold' : '' }}">{{ number_format($c->variance) }}</td></tr>@endforeach</tbody></table>
    <div class="px-4 py-3 border-t">{{ $collections->links() }}</div>
</div>
@endsection