@extends('admin.layouts.app')
@section('title', 'Expenses')
@section('content')
<div class="card" style="margin-bottom:20px;">
    <h3 style="margin-bottom:14px;">Add Expense</h3>
    <form method="POST" action="{{ route('admin.expenses.store') }}" class="grid-4" style="align-items:end;">
        @csrf
        <div class="field"><label>Title</label><input type="text" name="title" required></div>
        <div class="field"><label>Category</label>
            <select name="category" required>
                @foreach(['ingredients','staff','rent','electricity','gas','maintenance','marketing','other'] as $c)
                    <option value="{{ $c }}">{{ ucfirst($c) }}</option>
                @endforeach
            </select>
        </div>
        <div class="field"><label>Amount</label><input type="number" step="0.01" name="amount" required></div>
        <div class="field"><label>Payment Method</label>
            <select name="payment_method"><option value="cash">Cash</option><option value="card">Card</option><option value="mobile_banking">Mobile Banking</option><option value="other">Other</option></select>
        </div>
        <div class="field"><label>Date</label><input type="date" name="expense_date" value="{{ date('Y-m-d') }}" required></div>
        <div class="field" style="grid-column: span 3;"><label>Description</label><input type="text" name="description"></div>
        <button class="btn btn-primary" style="height:44px;" type="submit">Add Expense</button>
    </form>
</div>
<div class="card table-wrap">
    <table>
        <thead><tr><th>Title</th><th>Category</th><th>Amount</th><th>Payment</th><th>Admin</th><th>Date</th><th></th></tr></thead>
        <tbody>
        @foreach($expenses as $e)
            <tr>
                <td>{{ $e->title }}</td>
                <td><span class="badge badge-gray">{{ ucfirst($e->category) }}</span></td>
                <td>{{ $siteSettings['currency'] }}{{ number_format($e->amount,2) }}</td>
                <td>{{ str_replace('_',' ',ucfirst($e->payment_method)) }}</td>
                <td>{{ $e->admin->name ?? '—' }}</td>
                <td>{{ $e->expense_date->format('M d, Y') }}</td>
                <td>
                    <form method="POST" action="{{ route('admin.expenses.destroy', $e) }}" onsubmit="return confirm('Delete expense?');">@csrf @method('DELETE')<button class="btn btn-danger btn-sm"><i class="fa-solid fa-trash"></i></button></form>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>
</div>
<div style="margin-top:16px;">{{ $expenses->links() }}</div>
@endsection