@extends('layouts.app')

@section('title', __('dashboard.Edit Expense'))
@section('page_heading', __('dashboard.Edit Expense'))

@section('content')
@include('dashboard.finance.partials.topbar')
@include('layouts.partials.workspace-page-styles')

<div class="workspace-shell">
    <div class="workspace-body">
        <div class="collection-card__header">
            <div class="collection-card__intro">
                <span class="collection-card__icon"><i class="fa-solid fa-wallet2"></i></span>
                <div class="collection-card__title">
                    <h2>{{ __('dashboard.Edit Expense') }} #{{ $expense->id }}</h2>
                    <p>{{ __('dashboard.edit_expense_desc') }}</p>
                </div>
            </div>
            <a href="{{ route('dashboard.expenses.index') }}" class="app-btn app-btn--secondary app-btn--sm">
                <i class="fa-solid fa-arrow-right"></i> {{ __('dashboard.Expenses') }}
            </a>
        </div>

        <form action="{{ route('dashboard.expenses.update', $expense->id) }}" method="POST" enctype="multipart/form-data" class="mt-4">
            @csrf @method('PATCH')

            <div class="app-grid gap-4">
                <div class="md:col-span-6">
                    <label class="app-label font-bold required">{{ __('dashboard.Category') }}</label>
                    <select name="expense_category_id" class="app-input app-select @error('expense_category_id') app-input--invalid @enderror" required>
                        @foreach($categories as $cat)
                            <option value="{{ $cat->id }}" @selected(old('expense_category_id', $expense->expense_category_id) == $cat->id)>{{ $cat->name }} ({{ $cat->type }})</option>
                        @endforeach
                    </select>
                    @error('expense_category_id')<div class="app-field-error">{{ $message }}</div>@enderror
                </div>

                <div class="md:col-span-6">
                    <label class="app-label font-bold required">{{ __('dashboard.Amount') }}</label>
                    <input type="number" step="0.01" name="amount" class="app-input @error('amount') app-input--invalid @enderror" value="{{ old('amount', $expense->amount) }}" required>
                    @error('amount')<div class="app-field-error">{{ $message }}</div>@enderror
                </div>

                <div class="md:col-span-6">
                    <label class="app-label font-bold">{{ __('dashboard.Receipt File') }}</label>
                    @if($expense->receipt_file)
                        <div class="mb-1"><a href="{{ asset('storage/'.$expense->receipt_file) }}" target="_blank" class="app-btn app-btn--secondary app-btn--sm"><i class="fa-solid fa-eye me-1"></i>{{ __('dashboard.View Receipt') }}</a></div>
                    @endif
                    <input type="file" name="receipt_file" class="app-input">
                </div>

                <div class="md:col-span-6">
                    <label class="app-label font-bold">{{ __('dashboard.Notes') }}</label>
                    <textarea name="notes" class="app-input" rows="3">{{ old('notes', $expense->notes) }}</textarea>
                </div>
            </div>

            <div class="flex justify-end gap-2 mt-5">
                <a href="{{ route('dashboard.expenses.index') }}" class="app-btn app-btn--secondary">{{ __('dashboard.Cancel') }}</a>
                <button type="submit" class="app-btn app-btn--primary">{{ __('dashboard.Save Changes') }}</button>
            </div>
        </form>
    </div>
</div>
@endsection