@extends('layouts.app')
@section('title', 'Expenses')
@section('content')
<div class="bg-white rounded-xl border p-6 mb-6">
    <h3 class="font-semibold mb-4">Record Expense</h3>
    <form method="POST" action="{{ route('finance.expenses.store') }}" class="grid grid-cols-2 md:grid-cols-4 gap-3">@csrf
        <div><label class="form-label">Date *</label><input type="date" name="date" required class="form-input" value="{{ date('Y-m-d') }}"></div>
        <div><label class="form-label">Category *</label><select name="category" required class="form-input"><option>Utilities</option><option>Supplies</option><option>Repairs</option><option>Salaries</option><option>Rent</option><option>Insurance</option><option>Other</option></select></div>
        <div><label class="form-label">Amount *</label><input type="number" name="amount" required class="form-input"></div>
        <div><label class="form-label">Vendor</label><input type="text" name="vendor" class="form-input"></div>
        <div class="md:col-span-3"><label class="form-label">Description *</label><input type="text" name="description" required class="form-input"></div>
        <div><button type="submit" class="btn-success mt-6">Record</button></div>
    </form>
</div>
<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">Category</th><th class="table-header">Vendor</th><th class="table-header">Description</th><th class="table-header">Amount</th><th class="table-header">Status</th></tr></thead>
    <tbody>@foreach($expenses as $e)<tr class="border-b border-gray-50"><td class="table-cell">{{ $e->date->format('d M') }}</td><td class="table-cell">{{ $e->category }}</td><td class="table-cell">{{ $e->vendor ?? '-' }}</td><td class="table-cell text-xs">{{ $e->description }}</td><td class="table-cell font-semibold text-red-600">KES {{ number_format($e->amount) }}</td><td class="table-cell"><span class="badge {{ $e->approval_status==='approved'?'badge-success':'badge-warning' }}">{{ ucfirst($e->approval_status) }}</span></td></tr>@endforeach</tbody></table>
    <div class="px-4 py-3 border-t">{{ $expenses->links() }}</div>
</div>
@endsection