@if(!empty($expense))
    <div class="modal-content" id="editExpense">
    <form action="{{ route('expenses.update', $expense->id) }}" method="POST" enctype="multipart/form-data">
    @method('PUT')
@else
    <div class="modal-content" id="addExpense">
    <form action="{{ route('expenses.store') }}" method="POST" enctype="multipart/form-data">
@endif
    @csrf
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title">@if(!empty($expense)) Edit Expense @else Create Expense @endif</h4>
    </div>
    <div class="modal-body">
        <div class="row">
            <div class="col-sm-6">
             
                <div class="form-group row">
                    <label for="description" class="col-sm-3 text-right">Description *</label>
                    <div class="col-sm-9">
                        <input type="text" name="description" id="description" class="form-control" required value="{{ old('description', $expense->description ?? '') }}">
                    </div>
                </div>
                <div class="form-group row">
                    <label for="amount" class="col-sm-3 text-right">Amount *</label>
                    <div class="col-sm-9">
                        <input type="number" name="amount" id="amount" class="form-control" required step="0.01" value="{{ old('amount', $expense->amount ?? '') }}">
                    </div>
                </div>
                <div class="form-group row">
                    <label for="expense_date" class="col-sm-3 text-right">Expense Date *</label>
                    <div class="col-sm-9">
                        <input type="date" name="expense_date" id="expense_date" class="form-control" required value="{{ old('expense_date', $expense->expense_date ?? '') }}">
                    </div>
                </div>
            </div>

            <div class="col-sm-6">
                <div class="form-group row">
                    <label for="category" class="col-sm-3 text-right">Category</label>
                    <div class="col-sm-9">
                        <select name="category" id="category" class="form-control">
                            <option value="">Select Category (Optional)</option>
                            <option value="Operational" {{ old('category', $expense->category ?? '') == 'Operational' ? 'selected' : '' }}>Operational</option>
                            <option value="Maintenance" {{ old('category', $expense->category ?? '') == 'Maintenance' ? 'selected' : '' }}>Maintenance</option>
                            <option value="Travel" {{ old('category', $expense->category ?? '') == 'Travel' ? 'selected' : '' }}>Travel</option>
                            <option value="Other" {{ old('category', $expense->category ?? '') == 'Other' ? 'selected' : '' }}>Other</option>
                        </select>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="status" class="col-sm-3 text-right">Status</label>
                    <div class="col-sm-9">
                        <select name="status" id="status" class="form-control">
                            <option value="pending" {{ old('status', $expense->status ?? 'pending') == 'pending' ? 'selected' : '' }}>Pending</option>
                            <option value="approved" {{ old('status', $expense->status ?? 'pending') == 'approved' ? 'selected' : '' }}>Approved</option>
                            <option value="rejected" {{ old('status', $expense->status ?? 'pending') == 'rejected' ? 'selected' : '' }}>Rejected</option>
                        </select>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="notes" class="col-sm-6">Notes</label>
                    <div class="col-sm-11">
                        <textarea name="notes" id="notes" class="form-control">{{ old('notes', $expense->notes ?? '') }}</textarea>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button type="submit" class="btn btn-success">Save Expense</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
</form>
</div>