@php
    $typeOptions = \App\Support\PayrollAdjustmentTypes::options();
    $prefix = $prefix ?? '';
    $staffIdForPreview = $staffIdForPreview ?? null;
@endphp

<div class="form-group">
    <label>{{ __('Adjustment category') }}</label>
    <select name="category" class="form-control pa-category" required data-prefix="{{ $prefix }}">
        @foreach($typeOptions as $code => $label)
            <option value="{{ $code }}"
                    data-direction="{{ \App\Support\PayrollAdjustmentTypes::defaultDirection($code) }}"
                    @selected(old('category') === $code)>{{ $label }}</option>
        @endforeach
    </select>
</div>

<div class="form-group">
    <label>{{ __('Effect') }}</label>
    <select name="adjustment_type" class="form-control pa-direction" data-prefix="{{ $prefix }}" required>
        <option value="addition">{{ __('Addition (+) to gross') }}</option>
        <option value="deduction">{{ __('Deduction (-) from gross') }}</option>
    </select>
    <small class="text-muted">{{ __('Auto-selected from category; you can override.') }}</small>
</div>

<div class="form-group">
    <label>{{ __('Calculation') }}</label>
    <select name="calculation_mode" class="form-control pa-calc-mode" data-prefix="{{ $prefix }}" required>
        <option value="fixed">{{ __('Fixed amount') }}</option>
        <option value="days">{{ __('Days × per-day salary + structure per-attendance-day') }}</option>
    </select>
</div>

<div class="form-row pa-fixed-wrap" data-prefix="{{ $prefix }}">
    <div class="form-group col-md-12">
        <label>{{ __('Amount') }}</label>
        <input type="number" step="0.01" min="0.01" name="amount" class="form-control pa-fixed-amount" data-prefix="{{ $prefix }}">
    </div>
</div>

<div class="form-row pa-days-wrap d-none" data-prefix="{{ $prefix }}">
    <div class="form-group col-md-6">
        <label>{{ __('Days / multiplier') }}</label>
        <input type="number" step="0.01" min="0.01" name="days" class="form-control pa-days-input" data-prefix="{{ $prefix }}">
    </div>
    <div class="form-group col-md-6">
        <label class="pa-perday-label" data-prefix="{{ $prefix }}">{{ __('Per-day salary') }}</label>
        <input type="text" class="form-control pa-perday-display" data-prefix="{{ $prefix }}" readonly placeholder="—">
        <div class="small text-muted pa-structure-lines" data-prefix="{{ $prefix }}"></div>
        <small class="text-muted pa-preview-line" data-prefix="{{ $prefix }}"></small>
    </div>
</div>

<div class="form-group">
    <label>{{ __('Additional remarks') }} <span class="text-muted font-weight-normal">({{ __('optional') }})</span></label>
    <textarea name="remarks" rows="2" class="form-control" placeholder="{{ __('Extra note (category is recorded automatically)') }}"></textarea>
</div>

<input type="hidden" class="pa-preview-staff-id" data-prefix="{{ $prefix }}" value="{{ $staffIdForPreview }}">