@extends('layouts.finance')

@section('title', 'Budgets')
@section('subtitle', 'Budget vs actual by category')

@section('content')
    <section class="card mb">
        <div class="section-head"><h2>Add Budget</h2></div>
        <div class="card-pad">
            <form method="POST" action="{{ route('finance.budgets.store') }}" class="row-form">
                @csrf
                <div><label class="label">Category</label><input class="field" name="category" required></div>
                <div><label class="label">Monthly Budget</label><input class="field" type="number" step="0.01" min="0" name="monthly_budget" value="0"></div>
                <div><label class="label">Currency</label><select class="field" name="currency"><option>USD</option><option>PKR</option><option>AUD</option></select></div>
                <label><input type="checkbox" name="is_active" value="1" checked> Active</label>
                <button class="btn btn-primary">+ Add Budget</button>
            </form>
        </div>
    </section>
    <section class="card">
        <div class="section-head"><h2>Monthly Budget vs Actual</h2></div>
        <table>
            <thead><tr><th>Category</th><th>Budget</th><th>Actual</th><th>Used</th><th>Progress</th><th>Variance</th><th></th></tr></thead>
            <tbody>
            @forelse($rows as $row)
                @php $budget = $row['budget']; @endphp
                <tr>
                    <td>{{ $budget->category }}</td>
                    <td class="right">{{ $metrics->money($budget->monthly_budget, $budget->currency) }}</td>
                    <td>{{ $metrics->money($row['actual']) }}</td>
                    <td>{{ number_format($row['used'], 1) }}%</td>
                    <td><div class="progress"><span style="width:{{ min(100, $row['used']) }}%"></span></div></td>
                    <td style="color:{{ $row['variance'] < 0 ? '#ef4444' : '#10b981' }}">{{ $metrics->money($row['variance']) }}</td>
                    <td class="actions"><a href="{{ route('finance.budgets.edit', $budget) }}" class="btn btn-sm">Edit</a><form method="POST" action="{{ route('finance.budgets.destroy', $budget) }}">@csrf @method('DELETE')<button class="btn btn-sm btn-danger">Delete</button></form></td>
                </tr>
            @empty
                <tr><td colspan="7" class="muted">No budgets yet.</td></tr>
            @endforelse
            </tbody>
        </table>
    </section>
@endsection