@extends('layouts.finance')

@section('title', 'Expenses')
@section('subtitle', 'Monthly running costs and breakdown')

@section('content')
    @php
        $expenseCollection = $expenses->getCollection();
        $monthTotal = $expenseCollection->sum(fn($e) => $metrics->usd($e->amount, $e->currency));
        $categories = $expenseCollection->groupBy('category');
        $largestCategory = $categories->sortByDesc(fn($rows) => $rows->sum(fn($e) => $metrics->usd($e->amount, $e->currency)))->keys()->first() ?: '-';
    @endphp
    <div class="grid grid-4 mb">
        @include('finance.partials.kpi', ['label' => 'Monthly Expenses', 'value' => $metrics->money($monthTotal), 'color' => '#ef4444'])
        @include('finance.partials.kpi', ['label' => 'Categories', 'value' => $categories->count()])
        @include('finance.partials.kpi', ['label' => 'Largest Category', 'value' => $largestCategory])
        @include('finance.partials.kpi', ['label' => 'Lines', 'value' => $expenses->total()])
    </div>
    <section class="card mb">
        <div class="section-head"><h2>Add Expense</h2></div>
        <div class="card-pad">
            <form method="POST" action="{{ route('finance.expenses.store') }}" class="row-form">
                @csrf
                <div><label class="label">Date</label><input class="field" type="date" name="expense_date" value="{{ now()->toDateString() }}" required></div>
                <div><label class="label">Category</label><input class="field" name="category" required></div>
                <div style="grid-column:span 2"><label class="label">Description</label><input class="field" name="description" required></div>
                <div><label class="label">Amount</label><input class="field" type="number" step="0.01" min="0.01" name="amount" required></div>
                <div><label class="label">Currency</label><select class="field" name="currency"><option>USD</option><option>PKR</option><option>AUD</option></select></div>
                <div><button class="btn btn-primary">+ Add</button></div>
            </form>
        </div>
    </section>
    <section class="card">
        <div class="section-head"><h2>Expense Line Items</h2></div>
        <table>
            <thead><tr><th>Date</th><th>Category</th><th>Description</th><th>Amount</th><th>Cur.</th><th>USD Eq.</th><th></th></tr></thead>
            <tbody>
            @forelse($expenses as $expense)
                <tr>
                    <form id="expense-{{ $expense->id }}" method="POST" action="{{ route('finance.expenses.update', $expense) }}">@csrf @method('PUT')</form>
                    <td><input form="expense-{{ $expense->id }}" class="field" type="date" name="expense_date" value="{{ $expense->expense_date?->toDateString() }}"></td>
                    <td><input form="expense-{{ $expense->id }}" class="field" name="category" value="{{ $expense->category }}"></td>
                    <td><input form="expense-{{ $expense->id }}" class="field" name="description" value="{{ $expense->description }}"></td>
                    <td><input form="expense-{{ $expense->id }}" class="field right" type="number" step="0.01" name="amount" value="{{ $expense->amount }}"></td>
                    <td><select form="expense-{{ $expense->id }}" class="field" name="currency"><option @selected($expense->currency === 'USD')>USD</option><option @selected($expense->currency === 'PKR')>PKR</option><option @selected($expense->currency === 'AUD')>AUD</option></select></td>
                    <td>{{ $metrics->money($metrics->usd($expense->amount, $expense->currency)) }}</td>
                    <td class="actions"><input form="expense-{{ $expense->id }}" type="hidden" name="bank_account_id" value="{{ $expense->bank_account_id }}"><input form="expense-{{ $expense->id }}" type="hidden" name="reference" value="{{ $expense->reference }}"><button form="expense-{{ $expense->id }}" class="btn btn-sm">Save</button><form method="POST" action="{{ route('finance.expenses.destroy', $expense) }}">@csrf @method('DELETE')<button class="btn btn-sm btn-danger">Delete</button></form></td>
                </tr>
            @empty
                <tr><td colspan="7" class="muted">No expenses yet.</td></tr>
            @endforelse
            </tbody>
        </table>
        <div class="card-pad">{{ $expenses->links() }}</div>
    </section>
@endsection