@extends('layouts.app')
@section('title', 'Till Reconciliation Log')
@section('content')
<h4 class="mb-3">Till Reconciliation Log</h4>
<form class="row g-2 mb-3">
    <div class="col-auto"><input type="date" name="from" value="{{ request('from') }}" class="form-control form-control-sm"></div>
    <div class="col-auto"><input type="date" name="to" value="{{ request('to') }}" class="form-control form-control-sm"></div>
    <div class="col-auto"><button class="btn btn-dark btn-sm">Filter</button></div>
</form>
<table class="table bg-white table-sm">
    <thead><tr><th>Date</th><th>Staff</th><th>Expected</th><th>Counted</th><th>Variance</th><th>Notes</th></tr></thead>
    <tbody>
    @forelse ($reconciliations as $r)
    <tr class="{{ abs($r->variance) > 0 ? 'table-warning' : '' }}">
        <td>{{ $r->shift_date->format('d M Y') }}</td>
        <td>{{ $r->user->name }}</td>
        <td>{{ number_format($r->expected_cash, 2) }}</td>
        <td>{{ number_format($r->counted_cash, 2) }}</td>
        <td class="{{ $r->variance < 0 ? 'text-danger' : ($r->variance > 0 ? 'text-success' : '') }}">{{ number_format($r->variance, 2) }}</td>
        <td>{{ $r->notes }}</td>
    </tr>
    @empty
    <tr><td colspan="6" class="text-muted">No reconciliations recorded yet.</td></tr>
    @endforelse
    </tbody>
</table>
{{ $reconciliations->links() }}
@endsection