@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | '.__('Edit instance #').$instance->id)
@section('content')
    <style>
        .select2-selection__rendered { line-height: 31px !important; }
        .select2-container .select2-selection--single { height: 35px !important; }
        .select2-selection__arrow { height: 34px !important; }
        .pa-workflow-step { border-left: 3px solid #007bff; padding-left: 1rem; margin-bottom: 1rem; }
        .pa-workflow-step.is-self { border-left-color: #6c757d; }
        .pa-workflow-step.is-locked { border-left-color: #6c757d; opacity: 0.85; }
    </style>
    <div class="row mt-3 mb-3">
        <div class="col-lg-10 mx-auto">
            <div class="card">
                <div class="card-header bg-white d-flex flex-wrap justify-content-between align-items-center">
                    <div>
                        <h5 class="mb-0">{{ __('Edit appraisal instance') }} #{{ $instance->id }}</h5>
                        <p class="text-muted small mb-0">{{ __('Status') }}: {{ $instance->status }} · {{ __('Stage') }}: {{ $instance->current_stage }}</p>
                    </div>
                    <a href="{{ route('pa.instances.show', $instance->id) }}" class="btn btn-sm btn-outline-secondary">{{ __('View') }}</a>
                </div>
                <div class="card-body">
                    @if($hasSubmittedWork)
                        <div class="alert alert-warning small">
                            {{ __('Some stages are already submitted. Cycle, form, and period key are locked. Evaluators for submitted stages cannot be changed.') }}
                        </div>
                    @endif
                    <form method="post" action="{{ route('pa.instances.update', $instance->id) }}" id="pa_instance_edit_form">
                        @csrf
                        @method('PUT')
                        <div class="form-group">
                            <label>{{ __('Staff (appraisee)') }}</label>
                            <input type="text" class="form-control" readonly value="{{ $instance->staff?->selectOptionLabel() ?? '—' }}">
                        </div>
                        <div class="form-group">
                            <label>{{ __('Cycle') }}</label>
                            <select name="appraisal_cycle_id" class="form-control" required @disabled($hasSubmittedWork)>
                                @foreach($cycles as $c)
                                    <option value="{{ $c->id }}" @selected((string) old('appraisal_cycle_id', $instance->appraisal_cycle_id) === (string) $c->id)>{{ $c->name }}</option>
                                @endforeach
                            </select>
                            @if($hasSubmittedWork)
                                <input type="hidden" name="appraisal_cycle_id" value="{{ $instance->appraisal_cycle_id }}">
                            @endif
                        </div>
                        <div class="form-group">
                            <label>{{ __('Evaluation form') }}</label>
                            <select name="evaluation_form_id" class="form-control" @disabled($hasSubmittedWork)>
                                <option value="">{{ __('Keep current') }}</option>
                                @foreach($forms as $f)
                                    <option value="{{ $f->id }}" @selected((string) old('evaluation_form_id', $instance->evaluation_form_id) === (string) $f->id)>{{ $f->title }}</option>
                                @endforeach
                            </select>
                            @if($hasSubmittedWork)
                                <input type="hidden" name="evaluation_form_id" value="{{ $instance->evaluation_form_id }}">
                            @endif
                        </div>
                        <div class="form-group">
                            <label>{{ __('Period label') }}</label>
                            <input type="text" name="period_label" class="form-control" value="{{ old('period_label', $instance->period_label) }}">
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-6">
                                <label>{{ __('Evaluation period from') }}</label>
                                <input type="date" name="evaluation_period_from" class="form-control"
                                       value="{{ old('evaluation_period_from', $instance->evaluation_period_from?->format('Y-m-d')) }}">
                            </div>
                            <div class="form-group col-md-6">
                                <label>{{ __('Evaluation period to') }}</label>
                                <input type="date" name="evaluation_period_to" class="form-control"
                                       value="{{ old('evaluation_period_to', $instance->evaluation_period_to?->format('Y-m-d')) }}">
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-4">
                                <label>{{ __('Organization join date') }}</label>
                                <input type="date" name="organization_join_date" class="form-control"
                                       value="{{ old('organization_join_date', $instance->organization_join_date?->format('Y-m-d')) }}">
                            </div>
                            <div class="form-group col-md-4">
                                <label>{{ __('Schedule join date') }}</label>
                                <input type="date" name="schedule_join_date" class="form-control"
                                       value="{{ old('schedule_join_date', $instance->schedule_join_date?->format('Y-m-d')) }}">
                            </div>
                            <div class="form-group col-md-4">
                                <label>{{ __('Branch join date') }}</label>
                                <input type="date" name="branch_join_date" class="form-control"
                                       value="{{ old('branch_join_date', $instance->branch_join_date?->format('Y-m-d')) }}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label>{{ __('Due date') }}</label>
                            <input type="date" name="due_at" class="form-control" value="{{ old('due_at', $instance->due_at?->format('Y-m-d')) }}">
                        </div>
                        <div class="form-group">
                            <label>{{ __('Period key') }}</label>
                            @if($hasSubmittedWork)
                                <input type="text" class="form-control" readonly value="{{ $instance->period_key }}">
                                <input type="hidden" name="period_key" value="{{ $instance->period_key }}">
                            @else
                                <input type="text" name="period_key" class="form-control" value="{{ old('period_key', $instance->period_key) }}" maxlength="160">
                            @endif
                        </div>

                        <hr>
                        <div class="d-flex flex-wrap justify-content-between align-items-center mb-3">
                            <div>
                                <h6 class="mb-1">{{ __('Workflow — stage & evaluator assignment') }}</h6>
                                <p class="small text-muted mb-0">{{ __('Change evaluators only for stages not yet submitted.') }}</p>
                            </div>
                            @if(! $hasSubmittedWork)
                                <button type="button" class="btn btn-sm btn-outline-secondary" id="btn_fill_supervisor_chain">
                                    {{ __('Suggest from supervisor chain') }}
                                </button>
                            @endif
                        </div>
                        <div id="evaluator_suggest_notice" class="alert alert-info small d-none"></div>

                        @foreach($workflowStages as $step)
                            @php
                                $sub = $submissionsByStage->get($step['stage']);
                                $isLocked = $sub && $sub->submitted_at;
                                $selectedEvaluator = $evaluatorsOld[$step['stage']] ?? $sub?->evaluator_staff_id;
                            @endphp
                            <div class="pa-workflow-step {{ $step['is_self'] ? 'is-self' : '' }} {{ $isLocked ? 'is-locked' : '' }}">
                                <div class="d-flex flex-wrap justify-content-between align-items-baseline mb-1">
                                    <label class="font-weight-bold mb-0">{{ $loop->iteration }}. {{ $step['label'] }}</label>
                                    @if($step['is_self'])
                                        <span class="badge badge-secondary">{{ __('Appraisee') }}</span>
                                    @elseif($isLocked)
                                        <span class="badge badge-success">{{ __('Submitted') }} {{ $sub->submitted_at->format('d/m/Y') }}</span>
                                    @endif
                                </div>
                                @if($step['is_self'])
                                    <p class="text-muted small mb-0">{{ $instance->staff?->selectOptionLabel() ?? '—' }}</p>
                                @elseif($isLocked)
                                    <input type="hidden" name="evaluators[{{ $step['stage'] }}]" value="{{ $sub->evaluator_staff_id }}">
                                    <p class="mb-0">{{ $sub->evaluator?->selectOptionLabel() ?? '—' }}</p>
                                @else
                                    <select name="evaluators[{{ $step['stage'] }}]" id="evaluator_{{ $step['stage'] }}" class="form-control select2 pa-evaluator-select" required>
                                        <option value="">{{ __('Select evaluator…') }}</option>
                                        @foreach($staffList as $s)
                                            <option value="{{ $s->id }}" @selected((string) $selectedEvaluator === (string) $s->id)>
                                                {{ $s->selectOptionLabel() }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('evaluators.'.$step['stage'])
                                        <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                @endif
                            </div>
                        @endforeach

                        <button type="submit" class="btn btn-primary">{{ __('Save changes') }}</button>
                        <a href="{{ route('pa.instances.show', $instance->id) }}" class="btn btn-light">{{ __('Cancel') }}</a>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
<script>
(function () {
    var suggestUrl = @json(route('pa.instances.evaluator_suggestions'));
    var staffId = @json($instance->staff_id);
    var $btnFill = $('#btn_fill_supervisor_chain');
    var $notice = $('#evaluator_suggest_notice');

    if (!$btnFill.length) return;

    $btnFill.on('click', function () {
        $btnFill.prop('disabled', true);
        $.get(suggestUrl, { staff_id: staffId })
            .done(function (data) {
                var evaluators = data.evaluators || {};
                $('.pa-evaluator-select').each(function () {
                    var stage = this.id.replace('evaluator_', '');
                    var val = evaluators[stage];
                    if (val) {
                        $(this).val(String(val)).trigger('change');
                    }
                });
                if (data.warnings && data.warnings.length) {
                    $notice.removeClass('d-none alert-info').addClass('alert-warning')
                        .html('<strong>' + @json(__('Review suggestions')) + ':</strong><ul class="mb-0 pl-3"><li>' + data.warnings.join('</li><li>') + '</li></ul>');
                } else {
                    $notice.removeClass('d-none alert-warning').addClass('alert-info')
                        .text(@json(__('Supervisor chain applied. Adjust any stage if needed.')));
                }
            })
            .fail(function () {
                $notice.removeClass('d-none').addClass('alert-danger')
                    .text(@json(__('Could not load supervisor suggestions.')));
            })
            .always(function () {
                $btnFill.prop('disabled', false);
            });
    });
})();
</script>
@endsection