@extends('layout.layout')

@section('content')
<div class="container mt-4">
    <h5 class="mb-4">Edit Expense #{{ $expense->id }}</h5>

    @if($errors->any())
    <div class="alert alert-danger">
        <ul class="mb-0">
            @foreach($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif

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

        <div class="mb-3">
            <label for="payment_number" class="form-label">Payment Number</label>
            <input type="text" name="payment_number" class="form-control" value="{{ old('payment_number', $expense->payment_number) }}" required>
        </div>

        <div class="mb-3">
            <label for="amount" class="form-label">Amount</label>
            <input type="number" name="amount" step="0.01" class="form-control" value="{{ old('amount', $expense->amount) }}" required>
        </div>

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

        <div class="mb-3">
            <label for="payment_mode" class="form-label">Payment Mode</label>
            <select name="payment_mode" class="form-select" required>
                <option value="cash" {{ old('payment_mode', $expense->payment_mode)=='cash' ? 'selected' : '' }}>Cash</option>
                <option value="bank_transfer" {{ old('payment_mode', $expense->payment_mode)=='bank_transfer' ? 'selected' : '' }}>Bank Transfer</option>
            </select>
        </div>


        <div class="mb-3">
            <label for="paid_through" class="form-label">Paid Through</label>
            <input type="text" name="paid_through" class="form-control" value="{{ old('paid_through', $expense->paid_through) }}" required>
        </div>

        <div class="mb-3">
            <label for="status" class="form-label">Status</label>
            <select name="status" class="form-select" required>
                <option value="paid" {{ old('status', $expense->status)=='paid' ? 'selected' : '' }}>Paid</option>
                <option value="open" {{ old('status', $expense->status)=='open' ? 'selected' : '' }}>Open</option>
                <option value="pending_approval" {{ old('status', $expense->status)=='pending_approval' ? 'selected' : '' }}>Pending Approval</option>
            </select>
        </div>

        <div class="mb-3">
            <label for="recurring" class="form-label">Recurring</label>
            <select name="recurring" class="form-select" required>
                <option value="no" {{ old('recurring', $expense->recurring)=='no' ? 'selected' : '' }}>No</option>
                <option value="yes" {{ old('recurring', $expense->recurring)=='yes' ? 'selected' : '' }}>Yes</option>
            </select>
        </div>

        <div class="mb-3">
            <label for="vendors" class="form-label">Vendors (comma separated)</label>
            <input type="text" name="vendors" class="form-control" value="{{ old('vendors', $expense->vendors) }}">
        </div>

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


        <div class="mb-3">
            <label for="from_date" class="form-label">From Date</label>
            <input type="date" name="from_date" class="form-control" value="{{ old('from_date', $expense->from_date) }}">
        </div>

        <div class="mb-3">
            <label for="from_date" class="form-label">To Date</label>
            <input type="date" name="to_date" class="form-control" value="{{ old('to_date', $expense->to_date) }}">
        </div>
        <button type="submit" class="btn btn-success">Update Expense</button>
        <a href="{{ route('expenses.index') }}" class="btn btn-secondary">Cancel</a>
    </form>
</div>
@endsection