@extends('dashboard.layouts.app')

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

@section('breadcrumb')
    <li class="breadcrumb-item text-muted">
        <a href="{{ route('dashboard.home') }}" class="text-muted text-hover-primary">{{ __('dashboard.Home') }}</a>
    </li>
    <li class="breadcrumb-item">
        <span class="bullet bg-gray-500 w-5px h-2px"></span>
    </li>
    <li class="breadcrumb-item text-muted">
        <a href="{{ route('dashboard.earnings.index') }}" class="text-muted text-hover-primary">{{ __('dashboard.Earnings') }}</a>
    </li>
    <li class="breadcrumb-item">
        <span class="bullet bg-gray-500 w-5px h-2px"></span>
    </li>
    <li class="breadcrumb-item text-muted">{{ __('dashboard.Edit') }}</li>
@endsection

@section('content')
    <div class="card card-flush">
        <div class="card-header">
            <h3 class="card-title">{{ __('dashboard.Edit Earning') }} #{{ $earning->id }}</h3>
        </div>
        <div class="card-body">
            <form action="{{ route('dashboard.earnings.update', $earning) }}" method="POST">
                @csrf
                @method('PATCH')

                <div class="form-group mb-4">
                    <label for="amount" class="form-label">{{ __('dashboard.Amount') }}</label>
                    <input type="number" name="amount" id="amount" class="form-control @error('amount') is-invalid @enderror" value="{{ old('amount', $earning->amount) }}" min="0" step="0.01" required>
                    @error('amount')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="form-group mb-4">
                    <label for="status" class="form-label">{{ __('dashboard.Status') }}</label>
                    <select name="status" id="status" class="form-select @error('status') is-invalid @enderror">
                        <option value="pending" {{ old('status', $earning->status) == 'pending' ? 'selected' : '' }}>{{ __('dashboard.Pending') }}</option>
                        <option value="due" {{ old('status', $earning->status) == 'due' ? 'selected' : '' }}>{{ __('dashboard.Due') }}</option>
                        <option value="paid" {{ old('status', $earning->status) == 'paid' ? 'selected' : '' }}>{{ __('dashboard.Paid') }}</option>
                    </select>
                    @error('status')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="form-group mb-4">
                    <label for="notes" class="form-label">{{ __('dashboard.Notes') }}</label>
                    <textarea name="notes" id="notes" class="form-control @error('notes') is-invalid @enderror" rows="3">{{ old('notes', $earning->notes) }}</textarea>
                    @error('notes')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <button type="submit" class="btn btn-primary">{{ __('dashboard.Update') }}</button>
                <a href="{{ route('dashboard.earnings.index') }}" class="btn btn-secondary">{{ __('dashboard.Cancel') }}</a>
            </form>
        </div>
    </div>
@endsection