@php
    $staff = $instance->staff;
    $appliedOutcome = $instance->meta['probation_outcome'] ?? null;
    $appliedAt = $instance->meta['probation_outcome_applied_at'] ?? null;
    $currentLeaveGroup = $leaveGroups->firstWhere('id', $staff?->leave_group_id);
    $currentProbationEnd = $staff?->probation_end_date?->format('Y-m-d') ?? $staff?->probationEndDate()?->format('Y-m-d');
    $selectedOutcome = old('probation_outcome', $appliedOutcome);
    $pfFeatureOn = $pfFeatureOn ?? false;
    $gfFeatureOn = $gfFeatureOn ?? false;
    $swfFeatureOn = $swfFeatureOn ?? false;
    $showFundOptions = $pfFeatureOn || $gfFeatureOn || $swfFeatureOn;
    $defaultPermanentDate = $defaultPermanentDate ?? ($staff?->probationEndDate()?->format('Y-m-d') ?? now()->format('Y-m-d'));
@endphp

<div class="border rounded p-3 mb-4 bg-light">
    <h6 class="font-weight-bold mb-2">{{ __('Probation employment decision') }}</h6>
    <p class="small text-muted mb-3">
        {{ __('Choose whether to confirm the employee as permanent or extend probation. Set the confirmation effective date and, if enabling funds, when PF/GF/SWF contributions should start.') }}
    </p>

    @if($staff)
        @include('admin.staff.partials.employment_lifecycle', ['staff' => $staff])
    @endif

    <div class="row mb-3">
        <div class="col-md-4">
            <div class="pa-meta-item h-100">
                <div class="label">{{ __('Lifecycle status') }}</div>
                <p class="value mb-0">{{ $staff?->lifecycle_status ? __(ucfirst(str_replace('_', ' ', $staff->lifecycle_status))) : '—' }}</p>
            </div>
        </div>
        <div class="col-md-4">
            <div class="pa-meta-item h-100">
                <div class="label">{{ __('Probation end date') }}</div>
                <p class="value mb-0">{{ $currentProbationEnd ?? '—' }}</p>
            </div>
        </div>
        <div class="col-md-4">
            <div class="pa-meta-item h-100">
                <div class="label">{{ __('Leave group') }}</div>
                <p class="value mb-0">{{ $currentLeaveGroup?->name ?? '—' }}</p>
            </div>
        </div>
    </div>

    @if($appliedOutcome && $appliedAt)
        <div class="alert alert-success py-2 small">
            @if($appliedOutcome === \App\Services\PerformanceAppraisal\StaffProbationOutcomeService::OUTCOME_PERMANENT)
                {{ __('Last applied: permanent confirmation') }}
                @if(! empty($instance->meta['permanent_date']))
                    — {{ __('effective') }}: {{ \Carbon\Carbon::parse($instance->meta['permanent_date'])->format('d/m/Y') }}
                @endif
                @if(! empty($instance->meta['confirmed_leave_group_id']))
                    — {{ __('Leave group') }}:
                    {{ $leaveGroups->firstWhere('id', (int) $instance->meta['confirmed_leave_group_id'])?->name ?? '#' . $instance->meta['confirmed_leave_group_id'] }}
                @endif
                @php
                    $fundApplied = [];
                    if (array_key_exists('pf_enrolled', $instance->meta ?? [])) {
                        $fundApplied[] = __('PF').': '.($instance->meta['pf_enrolled'] ? __('Enabled') : __('Disabled'))
                            .(! empty($instance->meta['pf_enrolled_at']) ? ' ('.$instance->meta['pf_enrolled_at'].')' : '');
                    }
                    if (array_key_exists('gf_enrolled', $instance->meta ?? [])) {
                        $fundApplied[] = __('GF').': '.($instance->meta['gf_enrolled'] ? __('Enabled') : __('Disabled'))
                            .(! empty($instance->meta['gf_enrolled_at']) ? ' ('.$instance->meta['gf_enrolled_at'].')' : '');
                    }
                    if (array_key_exists('swf_enrolled', $instance->meta ?? [])) {
                        $fundApplied[] = __('SWF').': '.($instance->meta['swf_enrolled'] ? __('Enabled') : __('Disabled'))
                            .(! empty($instance->meta['swf_enrolled_at']) ? ' ('.$instance->meta['swf_enrolled_at'].')' : '');
                    }
                @endphp
                @if($fundApplied !== [])
                    <br><span class="text-muted">{{ implode(' · ', $fundApplied) }}</span>
                @endif
            @else
                {{ __('Last applied: probation extended to :date', ['date' => $instance->meta['probation_extended_to'] ?? '—']) }}
            @endif
            <span class="text-muted">({{ \Carbon\Carbon::parse($appliedAt)->format('d/m/Y H:i') }})</span>
            @if((int) get_setting('enothi') === 1)
                <div class="mt-1">
                    <a href="{{ route('pa.instances.probation_letter.preview', $instance->id) }}" target="_blank" class="mr-2">{{ __('View / print letter') }}</a>
                    @if(! empty($instance->meta['probation_letter_enothi_file_id']))
                        <a href="{{ route('enothi.show', (int) $instance->meta['probation_letter_enothi_file_id']) }}">{{ __('Open letter in E-nothi') }}</a>
                    @else
                        <span class="text-muted">{{ __('Use Manage → Issue letter to E-nothi to file this decision.') }}</span>
                    @endif
                </div>
            @endif
        </div>
    @endif

    @if($staff?->isProbationary())
        <form method="post" action="{{ route('pa.instances.probation_outcome', $instance->id) }}" id="probation-outcome-form">
            @csrf
            <div class="mb-3 pl-2 border-left border-info">
                <div class="custom-control custom-radio mb-2">
                    <input type="radio" id="probation_outcome_permanent" name="probation_outcome"
                           class="custom-control-input pa-probation-outcome-radio"
                           value="{{ \App\Services\PerformanceAppraisal\StaffProbationOutcomeService::OUTCOME_PERMANENT }}"
                           @checked($selectedOutcome === \App\Services\PerformanceAppraisal\StaffProbationOutcomeService::OUTCOME_PERMANENT)>
                    <label class="custom-control-label" for="probation_outcome_permanent">
                        <span class="d-block font-weight-bold">{{ __('Confirm as permanent') }}</span>
                        <small class="text-muted">{{ __('Sets lifecycle to permanent from your chosen date. Keeps joining / probation history for records.') }}</small>
                    </label>
                </div>
                <div class="custom-control custom-radio mb-2">
                    <input type="radio" id="probation_outcome_extend" name="probation_outcome"
                           class="custom-control-input pa-probation-outcome-radio"
                           value="{{ \App\Services\PerformanceAppraisal\StaffProbationOutcomeService::OUTCOME_EXTEND }}"
                           @checked($selectedOutcome === \App\Services\PerformanceAppraisal\StaffProbationOutcomeService::OUTCOME_EXTEND)>
                    <label class="custom-control-label" for="probation_outcome_extend">
                        <span class="d-block font-weight-bold">{{ __('Extend probation') }}</span>
                        <small class="text-muted">{{ __('Updates probation end date to the new extended date.') }}</small>
                    </label>
                </div>
                @error('probation_outcome')
                    <div class="text-danger small">{{ $message }}</div>
                @enderror
            </div>

            <div id="probation-outcome-permanent-fields" class="mb-3" style="display: none;">
                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label class="small font-weight-bold" for="permanent_date">{{ __('Confirmation effective from') }} <span class="text-danger">*</span></label>
                        <input type="date" name="permanent_date" id="permanent_date" class="form-control form-control-sm"
                               value="{{ old('permanent_date', $staff->permanent_date?->format('Y-m-d') ?? $defaultPermanentDate) }}">
                        <small class="text-muted">{{ __('Permanent status applies from this date (defaults to probation end).') }}</small>
                        @error('permanent_date')
                            <div class="text-danger small mt-1">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-group col-md-6">
                        <label class="small font-weight-bold" for="leave_group_id">{{ __('Leave group') }} <span class="text-danger">*</span></label>
                        <select name="leave_group_id" id="leave_group_id" class="form-control form-control-sm">
                            <option value="">{{ __('Select leave group') }}</option>
                            @foreach($leaveGroups as $group)
                                <option value="{{ $group->id }}"
                                    @selected((int) old('leave_group_id', $staff?->leave_group_id) === (int) $group->id)>
                                    {{ $group->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('leave_group_id')
                            <div class="text-danger small mt-1">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                @if($showFundOptions)
                    <hr class="my-3">
                    <div class="small font-weight-bold mb-2">{{ __('Fund enrollment') }}</div>
                    <p class="small text-muted mb-2">{{ __('Enable PF, GF, or SWF when confirming. Contributions apply from the fund effective date (payroll months on/after that date).') }}</p>

                    <div class="form-group mb-3">
                        <label class="small font-weight-bold" for="fund_effective_date">{{ __('Fund effective from') }}</label>
                        <input type="date" name="fund_effective_date" id="fund_effective_date" class="form-control form-control-sm"
                               value="{{ old('fund_effective_date', $instance->meta['fund_effective_date'] ?? ($staff->permanent_date?->format('Y-m-d') ?? $defaultPermanentDate)) }}">
                        <small class="text-muted">{{ __('Defaults to confirmation date. Stored as enrolled_at on PF/GF/SWF accounts.') }}</small>
                        @error('fund_effective_date')
                            <div class="text-danger small mt-1">{{ $message }}</div>
                        @enderror
                    </div>

                    @if($pfFeatureOn)
                        <div class="border rounded p-2 mb-2 bg-white">
                            <div class="d-flex flex-wrap align-items-center justify-content-between">
                                <span class="font-weight-bold small">{{ __('Provident Fund (PF)') }}</span>
                                <label class="toggle-control mb-0">
                                    <input type="checkbox" name="pf_enrolled" value="1"
                                        @checked(old('pf_enrolled', ! empty($pfAccount) && $pfAccount->is_enrolled && $pfAccount->status === 'active'))>
                                    <span class="control"></span>
                                </label>
                            </div>
                            <div class="form-row mt-2">
                                <div class="form-group col-md-6 mb-0">
                                    <label class="small mb-1">{{ __('PF Employee Rate (%)') }}</label>
                                    <input type="number" step="0.001" min="0" max="100" name="pf_employee_rate"
                                           class="form-control form-control-sm"
                                           value="{{ old('pf_employee_rate', $pfAccount->employee_rate ?? ($pfSettings->default_employee_rate ?? '')) }}">
                                </div>
                                <div class="form-group col-md-6 mb-0">
                                    <label class="small mb-1">{{ __('PF Employer Rate (%)') }}</label>
                                    <input type="number" step="0.001" min="0" max="100" name="pf_employer_rate"
                                           class="form-control form-control-sm"
                                           value="{{ old('pf_employer_rate', $pfAccount->employer_rate ?? ($pfSettings->default_employer_rate ?? '')) }}">
                                </div>
                            </div>
                        </div>
                    @endif

                    @if($gfFeatureOn)
                        <div class="border rounded p-2 mb-2 bg-white">
                            <div class="d-flex flex-wrap align-items-center justify-content-between">
                                <span class="font-weight-bold small">{{ __('Gratuity Fund (GF)') }}</span>
                                <label class="toggle-control mb-0">
                                    <input type="checkbox" name="gf_enrolled" value="1"
                                        @checked(old('gf_enrolled', ! empty($gfAccount) && $gfAccount->is_enrolled && $gfAccount->status === 'active'))>
                                    <span class="control"></span>
                                </label>
                            </div>
                            <div class="form-group mb-0 mt-2">
                                <label class="small mb-1">{{ __('GF Monthly Accrual (% of Basic)') }}</label>
                                <input type="number" step="0.001" min="0" max="100" name="gf_monthly_percent"
                                       class="form-control form-control-sm"
                                       value="{{ old('gf_monthly_percent', $gfAccount->monthly_accrual_percent_of_basic ?? ($gfSettings->monthly_accrual_percent_of_basic ?? '')) }}">
                            </div>
                        </div>
                    @endif

                    @if($swfFeatureOn)
                        <div class="border rounded p-2 mb-2 bg-white">
                            <div class="d-flex flex-wrap align-items-center justify-content-between">
                                <span class="font-weight-bold small">{{ __('Staff Welfare Fund (SWF)') }}</span>
                                <label class="toggle-control mb-0">
                                    <input type="checkbox" name="swf_enrolled" value="1"
                                        @checked(old('swf_enrolled', ! empty($swfAccount) && $swfAccount->is_enrolled && $swfAccount->status === 'active'))>
                                    <span class="control"></span>
                                </label>
                            </div>
                            <div class="form-row mt-2">
                                <div class="form-group col-md-6 mb-0">
                                    <label class="small mb-1">{{ __('SWF Employee Rate (%)') }}</label>
                                    <input type="number" step="0.001" min="0" max="100" name="swf_employee_rate"
                                           class="form-control form-control-sm"
                                           value="{{ old('swf_employee_rate', $swfAccount->employee_rate ?? ($swfSettings->default_employee_rate ?? '')) }}">
                                </div>
                                <div class="form-group col-md-6 mb-0">
                                    <label class="small mb-1">{{ __('SWF Employer Rate (%)') }}</label>
                                    <input type="number" step="0.001" min="0" max="100" name="swf_employer_rate"
                                           class="form-control form-control-sm"
                                           value="{{ old('swf_employer_rate', $swfAccount->employer_rate ?? ($swfSettings->default_employer_rate ?? '')) }}">
                                </div>
                            </div>
                        </div>
                    @endif
                @endif
            </div>

            <div id="probation-outcome-extend-fields" class="mb-3" style="display: none;">
                <label class="small font-weight-bold" for="probation_extended_end_date">{{ __('Extended probation end date') }}</label>
                <input type="date" name="probation_extended_end_date" id="probation_extended_end_date"
                       class="form-control form-control-sm"
                       min="{{ $probationMinExtensionDate }}"
                       value="{{ old('probation_extended_end_date', $instance->meta['probation_extended_to'] ?? '') }}">
                <small class="text-muted d-block mt-1">
                    {{ __('Must be on or after :date', ['date' => $probationMinExtensionDate]) }}
                </small>
                @error('probation_extended_end_date')
                    <div class="text-danger small mt-1">{{ $message }}</div>
                @enderror
            </div>

            <button type="submit" class="btn btn-sm btn-info"
                    onclick="return confirm(@json(__('Apply this probation decision to the staff record?')));">
                {{ __('Apply decision to staff record') }}
            </button>
        </form>
    @else
        <div class="alert alert-light border small mb-0">
            {{ __('This employee is no longer on probation. Staff record changes can be made from the employee profile.') }}
        </div>
    @endif
</div>

<script>
    (function () {
        function syncProbationOutcomeFields() {
            var selected = document.querySelector('.pa-probation-outcome-radio:checked');
            var value = selected ? selected.value : '';
            var permanentBlock = document.getElementById('probation-outcome-permanent-fields');
            var extendBlock = document.getElementById('probation-outcome-extend-fields');
            if (permanentBlock) {
                permanentBlock.style.display = value === @json(\App\Services\PerformanceAppraisal\StaffProbationOutcomeService::OUTCOME_PERMANENT) ? 'block' : 'none';
            }
            if (extendBlock) {
                extendBlock.style.display = value === @json(\App\Services\PerformanceAppraisal\StaffProbationOutcomeService::OUTCOME_EXTEND) ? 'block' : 'none';
            }
        }

        document.querySelectorAll('.pa-probation-outcome-radio').forEach(function (radio) {
            radio.addEventListener('change', syncProbationOutcomeFields);
        });
        syncProbationOutcomeFields();

        var permanentDate = document.getElementById('permanent_date');
        var fundDate = document.getElementById('fund_effective_date');
        if (permanentDate && fundDate) {
            permanentDate.addEventListener('change', function () {
                if (!fundDate.dataset.touched) {
                    fundDate.value = permanentDate.value;
                }
            });
            fundDate.addEventListener('input', function () {
                fundDate.dataset.touched = '1';
            });
        }
    })();
</script>