@extends('layouts.finance')

@section('title', 'Edit Budget')
@section('subtitle', 'Update budget category and monthly allocation')

@section('content')
    <form method="POST" action="{{ route('finance.budgets.update', $budget) }}" class="card p-5">
        @csrf
        @method('PUT')

        <div class="grid grid-3 gap-4 mb-4">
            <div>
                <label class="label">Category *</label>
                <input class="field" name="category" value="{{ old('category', $budget->category) }}" required maxlength="100" autocomplete="off">
                @error('category') <p class="error">{{ $message }}</p> @enderror
            </div>
            <div>
                <label class="label">Monthly Budget *</label>
                <input class="field" type="number" step="0.01" min="0" name="monthly_budget" value="{{ old('monthly_budget', $budget->monthly_budget) }}" required>
                @error('monthly_budget') <p class="error">{{ $message }}</p> @enderror
            </div>
            <div>
                <label class="label">Currency *</label>
                <select class="field" name="currency" required>
                    @foreach($currencies as $currency)
                        <option value="{{ $currency }}" @selected(old('currency', $budget->currency) === $currency)>{{ $currency }}</option>
                    @endforeach
                </select>
                @error('currency') <p class="error">{{ $message }}</p> @enderror
            </div>
        </div>

        <div class="mb-4">
            <label><input type="checkbox" name="is_active" value="1" @checked(old('is_active', $budget->is_active))> Active</label>
            @error('is_active') <p class="error">{{ $message }}</p> @enderror
        </div>

        <div class="flex justify-end gap-2">
            <a href="{{ route('finance.budgets') }}" class="btn">Cancel</a>
            <button class="btn btn-primary">Save Budget</button>
        </div>
    </form>
@endsection