@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | '.__('Instance #').$instance->id)
@section('content')
    @php $paperWorkflow = \App\Models\PerformanceAppraisalSetting::settings()->paperFormWorkflow(); @endphp
    <style>
        .select2-selection__rendered {
            line-height: 31px !important;
        }

        .select2-container .select2-selection--single {
            height: 35px !important;
        }

        .select2-selection__arrow {
            height: 34px !important;
        }

        .pa-meta-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
            gap: 1rem;
        }

        .pa-meta-item {
            background: #f8f9fa;
            border-radius: 6px;
            padding: 0.75rem 1rem;
        }

        .pa-meta-item .label {
            font-size: 0.75rem;
            text-transform: uppercase;
            color: #6c757d;
            margin-bottom: 0.25rem;
        }

        .pa-meta-item .value {
            font-weight: 600;
            margin: 0;
        }

        .pa-stage-card {
            background: #fff;
        }
    </style>
    <div class="row mt-3 mb-4">
        <div class="col-12 col-xl-11 mx-auto">
            {{-- Header --}}
            <div class="card shadow-sm mb-3">
                <div class="card-header bg-white d-flex flex-wrap justify-content-between align-items-center py-3">
                    <div>
                        <h5 class="mb-1">{{ __('Appraisal instance') }} #{{ $instance->id }}</h5>
                        <p class="text-muted small mb-0">{{ $instance->staff?->user?->name }}
                            · {{ $instance->cycle?->name }}</p>
                    </div>
                    <div class="btn-group flex-wrap">
                        <a href="{{ route('pa.instances.index') }}"
                           class="btn btn-sm btn-outline-secondary">{{ __('Back') }}</a>
                        @can('PerformanceAppraisal-edit')
                            <a href="{{ route('pa.instances.edit', $instance->id) }}"
                               class="btn btn-sm btn-outline-secondary">{{ __('Edit') }}</a>
                        @endcan
                        @can('PerformanceAppraisal-delete')
                            @if($instance->status !== \App\Models\AppraisalInstance::STATUS_FINALIZED)
                                <form method="post" action="{{ route('pa.instances.destroy', $instance->id) }}"
                                      class="d-inline pa-instance-delete-form">
                                    @csrf
                                    @method('DELETE')
                                    <button type="button"
                                            class="btn btn-sm btn-outline-danger pa-instance-delete-btn"
                                            data-confirm-message="{{ e(__('Are you sure you want to delete appraisal instance #:id (:staff)? All submissions, 360° feedback, and PIP records will be permanently removed. This cannot be undone.', ['id' => $instance->id, 'staff' => $instance->staff?->selectOptionLabel() ?? '—'])) }}">
                                        {{ __('Delete') }}
                                    </button>
                                </form>
                            @endif
                        @endcan
                        <a href="{{ route('pa.instances.print', $instance->id) }}" class="btn btn-sm btn-primary"
                           target="_blank">{{ __('Print appraisal form') }}</a>
                        <a href="{{ route('pa.instances.submission_history', $instance->id) }}"
                           class="btn btn-sm btn-outline-primary" target="_blank">{{ __('Printable history') }}</a>
                        <a href="{{ route('pa.submissions.history', ['instance_id' => $instance->id]) }}"
                           class="btn btn-sm btn-outline-info" target="_blank">{{ __('All submissions log') }}</a>
                        @if(! in_array($instance->status, [\App\Models\AppraisalInstance::STATUS_CLOSED, \App\Models\AppraisalInstance::STATUS_CANCELLED], true))
                            <form method="post" action="{{ route('pa.instances.close', $instance->id) }}"
                                  class="d-inline" onsubmit="return confirm(@json(__('Close this instance?')));">
                                @csrf
                                <button type="submit" class="btn btn-sm btn-outline-danger">{{ __('Close') }}</button>
                            </form>
                        @endif
                    </div>
                </div>
                <div class="card-body">
                    <div class="pa-meta-grid mb-3">
                        <div class="pa-meta-item">
                            <div class="label">{{ __('Staff') }}</div>
                            <p class="value">{{ $instance->staff?->user?->name ?? '—' }}</p>
                            <small
                                class="text-muted">{{ __('User ID') }} {{ $instance->staff?->user?->id ?? '—' }}</small>
                        </div>
                        <div class="pa-meta-item">
                            <div class="label">{{ __('Status') }}</div>
                            <p class="value">{{ str_replace('_', ' ', $instance->status) }}</p>
                        </div>
                        <div class="pa-meta-item">
                            <div class="label">{{ __('Current stage') }}</div>
                            <p class="value">{{ \App\Support\PerformanceAppraisal\AppraisalStages::label($instance->current_stage, $paperWorkflow) }}</p>
                        </div>
                        <div class="pa-meta-item">
                            <div class="label">{{ __('Final score') }}</div>
                            <p class="value">{{ $instance->final_total_score !== null ? number_format((float) $instance->final_total_score, 2).'%' : '—' }}</p>
                        </div>
                        <div class="pa-meta-item">
                            <div class="label">{{ __('Evaluation period') }}</div>
                            <p class="value mb-0">
                                {{ $instance->evaluation_period_from?->format('d/m/Y') ?? '—' }}
                                – {{ $instance->evaluation_period_to?->format('d/m/Y') ?? '—' }}
                            </p>
                        </div>
                        <div class="pa-meta-item">
                            <div class="label">{{ __('Form') }}</div>
                            <p class="value mb-0">{{ $instance->evaluationForm?->title ?? '—' }}</p>
                        </div>
                        @if($paperWorkflow)
                            <div class="pa-meta-item">
                                <div class="label">{{ __('Org. join date') }}</div>
                                <p class="value mb-0">{{ $instance->organization_join_date?->format('d/m/Y') ?? '—' }}</p>
                            </div>
                            <div class="pa-meta-item">
                                <div class="label">{{ __('Schedule join date') }}</div>
                                <p class="value mb-0">{{ $instance->schedule_join_date?->format('d/m/Y') ?? '—' }}</p>
                            </div>
                            <div class="pa-meta-item">
                                <div class="label">{{ __('Branch join date') }}</div>
                                <p class="value mb-0">{{ $instance->branch_join_date?->format('d/m/Y') ?? '—' }}</p>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            @if(! empty($evaluatorWarnings))
                <div class="alert alert-warning shadow-sm mb-3">
                    <strong>{{ __('Evaluator configuration warnings') }}</strong>
                    <ul class="mb-0 mt-2 pl-3">
                        @foreach($evaluatorWarnings as $warn)
                            <li>{{ $warn }}</li>
                        @endforeach
                    </ul>
                    <p class="small mb-0 mt-2">{{ __('Assign evaluators when creating a new instance, or use “Suggest from supervisor chain” on the create form as a starting point.') }}</p>
                </div>
            @endif

            <div class="card shadow-sm mb-3">
                <div class="card-header bg-white"><h6 class="mb-0">{{ __('Evaluator chain (by stage)') }}</h6></div>
                <div class="card-body p-2">
                    <div class="table-responsive">
                        <table class="table table-sm table-striped mb-0">
                            <thead class="thead-light">
                            <tr>
                                <th>{{ __('Stage') }}</th>
                                <th>{{ __('Evaluator') }}</th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($evaluatorChain as $row)
                                <tr class="{{ $row['warning'] ? 'table-warning' : '' }}">
                                    <td>{{ $row['label'] }}</td>
                                    <td>{{ $row['evaluator_name'] ?? '—' }}({{ $row['evaluator_user_id'] ?? '—' }})</td>
                                    <td class="small text-danger">{{ $row['warning'] ?? '' }}</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                    @php $chainUserIds = $instance->meta['supervisor_chain_user_ids'] ?? []; @endphp
                    @if(! empty($chainUserIds))
                        <p class="small text-muted px-3 py-2 mb-0 border-top">
                            {{ __('Supervisor chain (user IDs, nearest first)') }}:
                            {{ implode(' → ', $chainUserIds) }}
                        </p>
                    @endif
                </div>
            </div>

            {{-- Submission history --}}
            <div class="card shadow-sm mb-3">
                <div class="card-header bg-white d-flex justify-content-between align-items-center">
                    <h6 class="mb-0">{{ __('Submission history') }} — {{ __('who submitted at each stage') }}</h6>
                    <a href="{{ route('pa.instances.submission_history', $instance->id) }}"
                       class="btn btn-sm btn-primary" target="_blank">{{ __('Print full history') }}</a>
                </div>
                <div class="card-body">
                    @include('admin.performance_appraisal.partials.submission_history_block', ['submissionRows' => $submissionRows])
                </div>
            </div>

            @if($instance->strength_1 || $instance->weakness_1)
                <div class="card shadow-sm mb-3">
                    <div class="card-header bg-white"><h6 class="mb-0">{{ __('Qualitative feedback') }}</h6></div>
                    <div class="card-body small">
                        <div class="row">
                            <div class="col-md-6">
                                <p class="mb-1 font-weight-bold">{{ __('Strengths') }}</p>
                                <ol class="pl-3 mb-0">
                                    <li>{{ $instance->strength_1 ?: '—' }}</li>
                                    <li>{{ $instance->strength_2 ?: '—' }}</li>
                                    <li>{{ $instance->strength_3 ?: '—' }}</li>
                                </ol>
                            </div>
                            <div class="col-md-6">
                                <p class="mb-1 font-weight-bold">{{ __('Weaknesses') }}</p>
                                <ol class="pl-3 mb-0">
                                    <li>{{ $instance->weakness_1 ?: '—' }}</li>
                                    <li>{{ $instance->weakness_2 ?: '—' }}</li>
                                    <li>{{ $instance->weakness_3 ?: '—' }}</li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
            @endif

            <div class="card shadow-sm mb-3 border-warning">
                <div class="card-header bg-white d-flex flex-wrap justify-content-between align-items-center">
                    <h6 class="mb-0">{{ __('Final decision checklist') }}</h6>
                    <a href="{{ route('pa.instances.print', $instance->id) }}" class="btn btn-sm btn-outline-primary"
                       target="_blank">{{ __('Print form copy') }}</a>
                </div>
                <div class="card-body">
                    @include('admin.performance_appraisal.partials.decision_checklist_block', ['instance' => $instance, 'decisionOptions' => $decisionOptions])
                </div>
            </div>

            <div class="card shadow-sm mb-3">
                <div class="card-header bg-white"><h6 class="mb-0">{{ __('HR data & set final decision') }}</h6></div>
                <div class="card-body">
                    <form method="post" action="{{ route('pa.instances.hr_recommendation', $instance->id) }}">
                        @csrf
                        <p class="small text-muted">{{ __('Select one checklist item (same as paper form). Qualitative fields and dates can be updated here.') }}</p>
                        <div class="mb-3 pl-2 border-left border-primary">
                            @foreach($decisionOptions as $opt)
                                <div class="custom-control custom-radio mb-2">
                                    <input type="radio" id="admin_decision_{{ $opt->code }}"
                                           name="probation_recommendation" class="custom-control-input"
                                           value="{{ $opt->code }}" @checked(old('probation_recommendation', $instance->probation_recommendation) === $opt->code)>
                                    <label class="custom-control-label" for="admin_decision_{{ $opt->code }}">
                                        <span class="d-block">{{ $opt->label_bn }}</span>
                                        @if($opt->label_en)
                                            <small class="text-muted">{{ $opt->label_en }}</small>
                                        @endif
                                    </label>
                                </div>
                            @endforeach
                            <small class="text-muted d-block mt-1">
                                <a href="{{ route('pa.decision_options.index') }}">{{ __('Manage checklist options') }}</a>
                            </small>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-6">
                                <label class="small">{{ __('Evaluation period from') }}</label>
                                <input type="date" name="evaluation_period_from" class="form-control form-control-sm"
                                       value="{{ old('evaluation_period_from', $instance->evaluation_period_from?->format('Y-m-d')) }}">
                            </div>
                            <div class="form-group col-md-6">
                                <label class="small">{{ __('Evaluation period to') }}</label>
                                <input type="date" name="evaluation_period_to" class="form-control form-control-sm"
                                       value="{{ old('evaluation_period_to', $instance->evaluation_period_to?->format('Y-m-d')) }}">
                            </div>
                            <div class="form-group col-md-4">
                                <label class="small">{{ __('Organization join date') }}</label>
                                <input type="date" name="organization_join_date" class="form-control form-control-sm"
                                       value="{{ old('organization_join_date', $instance->organization_join_date?->format('Y-m-d')) }}">
                            </div>
                            <div class="form-group col-md-4">
                                <label class="small">{{ __('Schedule join date') }}</label>
                                <input type="date" name="schedule_join_date" class="form-control form-control-sm"
                                       value="{{ old('schedule_join_date', $instance->schedule_join_date?->format('Y-m-d')) }}">
                            </div>
                            <div class="form-group col-md-4">
                                <label class="small">{{ __('Branch join date') }}</label>
                                <input type="date" name="branch_join_date" class="form-control form-control-sm"
                                       value="{{ old('branch_join_date', $instance->branch_join_date?->format('Y-m-d')) }}">
                            </div>
                        </div>
                        <div class="form-row">
                            @foreach(['strength_1', 'strength_2', 'strength_3', 'weakness_1', 'weakness_2', 'weakness_3'] as $field)
                                <div class="form-group col-md-4">
                                    <label class="small">{{ __(ucfirst(str_replace('_', ' ', $field))) }}</label>
                                    <textarea name="{{ $field }}" class="form-control form-control-sm"
                                              rows="2">{{ old($field, $instance->{$field}) }}</textarea>
                                </div>
                            @endforeach
                        </div>
                        <button type="submit" class="btn btn-sm btn-primary">{{ __('Save') }}</button>
                    </form>
                </div>
            </div>

            <div class="card shadow-sm mb-3">
                <div class="card-header bg-white"><h6 class="mb-0">{{ __('360° reviewer') }}</h6></div>
                <div class="card-body">
                    <form method="post" action="{{ route('pa.instances.peers.store', $instance->id) }}"
                          class="form-row align-items-end">
                        @csrf
                        <div class="form-group col-md-5 mb-2">
                            <label class="small">{{ __('Reviewer') }}</label>
                            <select name="reviewer_staff_id" id="peer_reviewer_staff_id"
                                    class="form-control form-control-sm select2" required>
                                <option value="">{{ __('Staff reviewer') }}</option>
                                @foreach($staffList as $st)
                                    <option value="{{ $st->id }}">{{ $st->selectOptionLabel() }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group col-md-3 mb-2">
                            <label class="small">{{ __('Relationship') }}</label>
                            <select name="relationship" class="form-control form-control-sm" required>
                                <option value="peer">{{ __('Peer') }}</option>
                                <option value="subordinate">{{ __('Subordinate') }}</option>
                            </select>
                        </div>
                        <div class="form-group col-md-2 mb-2">
                            <button type="submit" class="btn btn-sm btn-primary btn-block">{{ __('Assign') }}</button>
                        </div>
                    </form>
                    @if($instance->peerFeedback->isNotEmpty())
                        <ul class="list-group list-group-flush mt-2 small">
                            @foreach($instance->peerFeedback as $p)
                                <li class="list-group-item px-0 d-flex justify-content-between">
                                    <span>{{ $p->reviewer?->user?->name }} <span class="text-muted">({{ $p->relationship }})</span></span>
                                    @if($p->submitted_at)
                                        <span
                                            class="badge badge-success">{{ __('Submitted') }} {{ $p->submitted_at->format('d/m/Y') }}</span>
                                    @else
                                        <span class="badge badge-secondary">{{ __('Pending') }}</span>
                                    @endif
                                </li>
                            @endforeach
                        </ul>
                    @endif
                </div>
            </div>

            @if($instance->pips->isNotEmpty())
                <div class="card shadow-sm">
                    <div class="card-header bg-white"><h6 class="mb-0">{{ __('PIP') }}</h6></div>
                    <div class="card-body small">
                        @foreach($instance->pips as $pip)
                            <p class="mb-1">{{ $pip->status }} — {{ $pip->notes }}</p>
                        @endforeach
                    </div>
                </div>
            @endif
        </div>
    </div>
@endsection

@section('script')
    @include('admin.performance_appraisal.partials.instance_delete_confirm_script')
@endsection