@extends('layouts.app')

@section('title', 'Edit Expense')

@section('content')
<div class="container py-4">
    <h2 class="text-success mb-4">Edit Expense</h2>

    <form action="{{ route('class-expenses.update', $classExpense->id) }}" method="POST">
        @csrf
        @method('PUT')

        <div class="mb-3">
            <label for="class_id" class="form-label">Class (optional)</label>
            <select name="class_id" id="class_id" class="form-select">
                <option value="">-- General Expense --</option>
                @foreach($classes as $class)
                    <option value="{{ $class->id }}" {{ $classExpense->class_id == $class->id ? 'selected' : '' }}>
                        Class {{ $class->class_number }} ({{ $class->center->name ?? 'N/A' }})
                    </option>
                @endforeach
            </select>
        </div>

        <div class="mb-3">
            <label for="item" class="form-label">Item</label>
            <input type="text" name="item" id="item" class="form-control" value="{{ old('item', $classExpense->item) }}" required>
        </div>

        <div class="mb-3">
            <label for="quantity" class="form-label">Quantity</label>
            <input type="number" name="quantity" id="quantity" class="form-control" value="{{ old('quantity', $classExpense->quantity) }}" min="1" required>
        </div>

        <div class="mb-3">
            <label for="amount" class="form-label">Amount (KSh)</label>
            <input type="number" name="amount" id="amount" class="form-control" value="{{ old('amount', $classExpense->amount) }}" min="0" required>
        </div>

        <div class="mb-3">
            <label for="expense_date" class="form-label">Expense Date</label>
            <input type="date" name="expense_date" id="expense_date" class="form-control" value="{{ old('expense_date', $classExpense->expense_date->format('Y-m-d')) }}" required>
        </div>

        <button type="submit" class="btn btn-success">Update Expense</button>
        <a href="{{ route('class-expenses.index') }}" class="btn btn-secondary">Cancel</a>
    </form>
</div>
@endsection