@extends('layouts.admin')
@section('title', 'Savings Record')
@section('page-title', 'Savings Record')
@section('page-subtitle', $saving->reference)
@section('content')
<div class="max-w-2xl">
    <div class="card p-6">
        <div class="grid grid-cols-2 gap-4 text-sm">
            <div><span class="text-gray-500">Reference:</span><p class="font-mono font-bold text-blue-700">{{ $saving->reference }}</p></div>
            <div><span class="text-gray-500">Member:</span><p class="font-bold">{{ $saving->member->full_name }}</p></div>
            <div><span class="text-gray-500">Amount:</span><p class="font-bold text-green-700 text-xl">₦{{ number_format($saving->amount) }}</p></div>
            <div><span class="text-gray-500">Date:</span><p class="font-medium">{{ $saving->collection_date->format('d M Y') }}</p></div>
            <div><span class="text-gray-500">Method:</span><p class="capitalize">{{ $saving->payment_method }}</p></div>
            <div><span class="text-gray-500">Status:</span><span class="badge-{{ $saving->status }} px-2 py-1 rounded text-xs">{{ ucfirst($saving->status) }}</span></div>
            <div><span class="text-gray-500">Collected By:</span><p>{{ $saving->collector_name ?? '-' }}</p></div>
            <div><span class="text-gray-500">Reconciled By:</span><p>{{ $saving->reconciled_by ?? '-' }}</p></div>
            @if($saving->notes)
            <div class="col-span-2"><span class="text-gray-500">Notes:</span><p>{{ $saving->notes }}</p></div>
            @endif
        </div>
        <div class="mt-6 flex space-x-3">
            <a href="{{ route('admin.savings.index') }}" class="px-4 py-2 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50 text-sm">Back to List</a>
            <a href="{{ route('admin.savings.edit', $saving->id) }}" class="px-4 py-2 bg-yellow-500 text-white rounded-lg hover:bg-yellow-600 text-sm"><i class="fas fa-edit mr-1"></i>Edit</a>
        </div>
    </div>
</div>
@endsection