@extends('admin.layout.app')

@section('body')
<div class="container">
    <div class="card shadow-sm p-4">
        <h4 class="mb-3">Edit Expense</h4>

        {{-- Validation Errors --}}
        @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('expences.update', $expence->id) }}" method="POST">
            @csrf
            @method('PUT')

            <div class="row g-3">
                {{-- Category --}}
                <div class="col-md-6">
                    <label class="form-label">Category</label>
                    <select name="category_id" class="form-select" required>
                        <option value="">-- Select category --</option>
                        @foreach ($categories as $c)
                        <option value="{{ $c->id }}" {{ $expence->category == $c->id ? 'selected' : '' }}>
                            {{ $c->name }}
                        </option>
                        @endforeach
                    </select>
                </div>

                {{-- Currency --}}
                <div class="col-md-6">
                    <label class="form-label">Currency</label>
                    <select name="currency_id" class="form-select" required>
                        <option value="">-- Select currency --</option>
                        @foreach ($currencies as $c)
                        <option value="{{ $c->id }}" {{ $expence->currency == $c->id ? 'selected' : '' }}>
                            {{ $c->name }}
                        </option>
                        @endforeach
                    </select>
                </div>

                {{-- Title --}}
                <div class="col-md-6">
                    <label class="form-label">Title</label>
                    <input type="text" name="title" class="form-control" value="{{ old('title', $expence->title) }}" required>
                </div>

                {{-- Amount --}}
                <div class="col-md-6">
                    <label class="form-label">Amount</label>
                    <input type="number" step="0.01" name="amount" class="form-control"
                        value="{{ old('amount', $expence->amount) }}" required>
                </div>

                {{-- Date --}}
                <div class="col-md-6">
                    <label class="form-label">Date</label>
                    <input type="date" name="date" class="form-control"
                        value="{{ old('date', $expence->date) }}" required>
                </div>

                {{-- Description --}}
                <div class="col-12">
                    <label class="form-label">Description</label>
                    <textarea name="description" class="form-control" rows="3">{{ old('description', $expence->description) }}</textarea>
                </div>
            </div>

            <div class="mt-4">
                <button class="btn btn-primary"><i class="fas fa-save"></i> Update</button>
                <a href="{{ route('expences.index') }}" class="btn btn-secondary">Cancel</a>
            </div>
        </form>
    </div>
</div>
@endsection