@extends('dashboard.layouts.app')

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

@section('content')
<div class="card card-flush">
    <div class="card-header">
        <h2 class="card-title">{{ __('dashboard.Add New Expense') }}</h2>
    </div>
    <div class="card-body pt-5">
        <form action="{{ route('dashboard.expenses.store') }}" method="POST" enctype="multipart/form-data">
            @csrf

            <div class="mb-7">
                <label class="form-label">{{ __('dashboard.Category') }}</label>
                <select name="expense_category_id" class="form-select" required>
                    <option value="">{{ __('dashboard.Choose') }}</option>
                    @foreach($categories as $cat)
                        <option value="{{ $cat->id }}" @if(old('expense_category_id') == $cat->id) selected @endif>
                            {{ $cat->name }} ({{ $cat->type }})
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="mb-7">
                <label class="form-label">{{ __('dashboard.Amount') }}</label>
                <input type="number" step="0.01" name="amount" class="form-control" 
                       value="{{ old('amount',0) }}" required>
            </div>

            <div class="mb-7">
                <label class="form-label">{{ __('dashboard.Receipt File') }}</label>
                <input type="file" name="receipt_file" class="form-control">
            </div>

            <div class="mb-7">
                <label class="form-label">{{ __('dashboard.Notes') }}</label>
                <textarea name="notes" class="form-control">{{ old('notes') }}</textarea>
            </div>

            <div class="d-flex justify-content-end">
                <a href="{{ route('dashboard.expenses.index') }}" class="btn btn-light me-3">{{ __('dashboard.Cancel') }}</a>
                <button type="submit" class="btn btn-primary">{{ __('dashboard.Save') }}</button>
            </div>
        </form>
    </div>
</div>
@endsection