@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | '.__('Instance #').$instance->id)
@section('content')
    @php
        $paperWorkflow = \App\Models\PerformanceAppraisalSetting::settings()->paperFormWorkflow();
        $stages = \App\Support\PerformanceAppraisal\AppraisalStages::ordered();
        $currentStageIdx = \App\Support\PerformanceAppraisal\AppraisalStages::index($instance->current_stage);
        if ($currentStageIdx === false) {
            $currentStageIdx = 0;
        }
        $workflowStopped = ! $instance->isActive();
        $workflowComplete = in_array($instance->status, [
            \App\Models\AppraisalInstance::STATUS_FINALIZED,
            \App\Models\AppraisalInstance::STATUS_CLOSED,
        ], true);
        $canClose = $workflowStopped === false;
    @endphp
    <style>
        .pas-wrap .card { border-radius: 14px; border: 1px solid #edf0f6; box-shadow: 0 2px 10px rgba(15,23,42,.04); margin-bottom: 16px; }
        .pas-wrap .card-header { background: #fff; border-bottom: 1px solid #edf0f6; font-weight: 800; font-size: 14px; }
        .pas-wrap label { font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: rgba(15,23,42,.55); }
        .pas-hero { background: linear-gradient(135deg, #f8fafc 0%, #fff 100%); border: 1px solid #edf0f6; border-radius: 14px; padding: 20px 22px; margin-bottom: 16px; }
        .pas-score { font-size: 1.6rem; font-weight: 800; color: #4f46e5; line-height: 1.1; }
        .pas-meta-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
        .pas-meta-item { background: #f8fafc; border: 1px solid #edf0f6; border-radius: 10px; padding: 12px 14px; }
        .pas-meta-item .k { font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: #64748b; font-weight: 700; margin-bottom: 4px; }
        .pas-meta-item .v { font-weight: 700; color: #1e293b; margin: 0; }
        .pas-stepper { display: flex; flex-wrap: wrap; gap: 0; padding: 16px 8px; background: #fff; border: 1px solid #edf0f6; border-radius: 12px; margin-bottom: 16px; }
        .pas-step { flex: 1 1 100px; text-align: center; position: relative; padding: 0 6px; min-width: 88px; }
        .pas-step:not(:last-child)::after { content: ''; position: absolute; top: 15px; left: calc(50% + 18px); width: calc(100% - 36px); height: 2px; background: #e2e8f0; z-index: 0; }
        .pas-step.done:not(:last-child)::after { background: #22c55e; }
        .pas-step.active:not(:last-child)::after { background: linear-gradient(90deg, #4f46e5 0%, #e2e8f0 100%); }
        .pas-step-dot { width: 32px; height: 32px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; background: #f1f5f9; color: #64748b; border: 2px solid #e2e8f0; position: relative; z-index: 1; }
        .pas-step.active .pas-step-dot { background: #4f46e5; color: #fff; border-color: #4f46e5; box-shadow: 0 0 0 4px rgba(79,70,229,.12); }
        .pas-step.done .pas-step-dot { background: #22c55e; color: #fff; border-color: #22c55e; }
        .pas-step-label { margin-top: 6px; font-size: 10px; font-weight: 700; color: #64748b; line-height: 1.25; }
        .pas-step.active .pas-step-label { color: #4f46e5; }
        .pas-step.done .pas-step-label { color: #166534; }
        .pas-table thead th { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; white-space: nowrap; border-top: 0; }
        .pas-toolbar .dropdown-menu { border-radius: 10px; border: 1px solid #edf0f6; box-shadow: 0 8px 24px rgba(15,23,42,.08); }
        .pas-toolbar .dropdown-item { font-size: 13px; font-weight: 600; }
        .pas-toolbar .dropdown-item i { width: 18px; margin-right: .35rem; }
        .select2-selection__rendered { line-height: 31px !important; }
        .select2-container .select2-selection--single { height: 35px !important; }
        .select2-selection__arrow { height: 34px !important; }
    </style>

    <div class="container-fluid pas-wrap">
        <div class="row mt-3">
            <div class="col-12 col-xl-11 mx-auto">

                @if (session()->has('message'))
                    <div class="alert alert-success">{{ session('message') }}</div>
                @endif
                @if (session()->has('error'))
                    <div class="alert alert-danger">{{ session('error') }}</div>
                @endif

                {{-- Hero header --}}
                <div class="pas-hero">
                    <div class="d-flex flex-wrap justify-content-between align-items-start gap-3">
                        <div>
                            <div class="d-flex flex-wrap align-items-center gap-2 mb-2">
                                <h4 class="page-title mb-0">{{ __('Appraisal instance') }} #{{ $instance->id }}</h4>
                                @include('partials.appraisal_status_badge', [
                                    'label' => $instance->listDisplayStatus($paperWorkflow),
                                    'variant' => $instance->listDisplayStatusVariant(),
                                    'title' => $instance->isActive() ? \App\Models\AppraisalInstance::statusLabel($instance->status) : null,
                                    'class' => 'lg',
                                ])
                            </div>
                            <p class="text-muted mb-0">
                                <strong>{{ $instance->staff?->user?->name ?? '—' }}</strong>
                                · {{ $instance->cycle?->name ?? '—' }}
                                · {{ __('User ID') }} {{ $instance->staff?->user_id ?? '—' }}
                            </p>
                            @include('partials.appraisal_eval_form_banner', ['title' => $instance->evaluationForm?->title])
                        </div>
                        <div class="text-right">
                            <div class="small text-muted text-uppercase font-weight-bold">{{ __('Final score') }}</div>
                            <div class="pas-score">
                                {{ $instance->final_total_score !== null ? number_format((float) $instance->final_total_score, 2).'%' : '—' }}
                            </div>
                        </div>
                    </div>

                    <div class="pas-toolbar d-flex flex-wrap align-items-center gap-2 mt-3 pt-3 border-top">
                        <a href="{{ route('pa.instances.index') }}" class="btn btn-light btn-sm">
                            <i class="fas fa-arrow-left"></i> {{ __('Back') }}
                        </a>

                        <div class="dropdown">
                            <button class="btn btn-sm btn-outline-primary dropdown-toggle" data-toggle="dropdown">
                                <i class="fas fa-print"></i> {{ __('Print & reports') }}
                            </button>
                            <div class="dropdown-menu">
                                <a class="dropdown-item" href="{{ route('pa.instances.print', $instance->id) }}" target="_blank">
                                    <i class="fas fa-file-alt"></i> {{ __('Print appraisal form') }}
                                </a>
                                <a class="dropdown-item" href="{{ route('pa.instances.submission_history', $instance->id) }}" target="_blank">
                                    <i class="fas fa-history"></i> {{ __('Printable history') }}
                                </a>
                                <a class="dropdown-item" href="{{ route('pa.submissions.history', ['instance_id' => $instance->id]) }}" target="_blank">
                                    <i class="fas fa-list"></i> {{ __('All submissions log') }}
                                </a>
                            </div>
                        </div>

                        <div class="dropdown">
                            <button class="btn btn-sm btn-outline-secondary dropdown-toggle" data-toggle="dropdown">
                                <i class="fas fa-cog"></i> {{ __('Manage') }}
                            </button>
                            <div class="dropdown-menu">
                                @can('PerformanceAppraisal-edit')
                                    <a class="dropdown-item" href="{{ route('pa.instances.edit', $instance->id) }}">
                                        <i class="fas fa-edit"></i> {{ __('Edit instance') }}
                                    </a>
                                @endcan
                                @if(! empty($showProbationDecision) && ! empty($probationLetter['can_issue']))
                                    <div class="dropdown-divider"></div>
                                    <a class="dropdown-item" href="{{ route('pa.instances.probation_letter.preview', $instance->id) }}" target="_blank">
                                        <i class="fas fa-print"></i> {{ __('View / print letter') }}
                                        @if(! empty($probationLetter['label']))
                                            <small class="d-block text-muted pl-4">{{ $probationLetter['label'] }}</small>
                                        @endif
                                    </a>
                                    @if(! empty($enothiEnabled))
                                        @if(! empty($probationLetter['enothi_file_id']))
                                            <a class="dropdown-item" href="{{ route('enothi.show', $probationLetter['enothi_file_id']) }}">
                                                <i class="fas fa-folder-open"></i> {{ __('Open letter in E-nothi') }}
                                            </a>
                                            <form method="post" action="{{ route('pa.instances.probation_letter.issue', $instance->id) }}" class="d-inline" id="pas-reissue-letter-form">
                                                @csrf
                                                <input type="hidden" name="force" value="1">
                                            </form>
                                            <button type="button" class="dropdown-item" onclick="if(confirm(@json(__('Issue a new letter file in E-nothi?')))) document.getElementById('pas-reissue-letter-form').submit();">
                                                <i class="fas fa-redo"></i> {{ __('Re-issue letter to E-nothi') }}
                                            </button>
                                        @else
                                            <form method="post" action="{{ route('pa.instances.probation_letter.issue', $instance->id) }}" class="d-inline" id="pas-issue-letter-form">@csrf</form>
                                            <button type="button" class="dropdown-item text-primary" onclick="if(confirm(@json(__('Generate the letter and file it in E-nothi history?')))) document.getElementById('pas-issue-letter-form').submit();">
                                                <i class="fas fa-envelope-open-text"></i> {{ __('Issue letter to E-nothi') }}
                                            </button>
                                        @endif
                                    @else
                                        <span class="dropdown-item text-muted disabled">
                                            <i class="fas fa-info-circle"></i> {{ __('Enable E-nothi to file letters') }}
                                        </span>
                                    @endif
                                @endif
                                @if($canClose)
                                    <form method="post" action="{{ route('pa.instances.close', $instance->id) }}" id="pas-close-form">@csrf</form>
                                    <button type="button" class="dropdown-item text-warning" id="pas_close_btn">
                                        <i class="fas fa-ban"></i> {{ __('Close instance') }}
                                    </button>
                                @endif
                                @can('PerformanceAppraisal-delete')
                                    @if($instance->status !== \App\Models\AppraisalInstance::STATUS_FINALIZED)
                                        <div class="dropdown-divider"></div>
                                        <form method="post" action="{{ route('pa.instances.destroy', $instance->id) }}" class="pa-instance-delete-form" id="pas-delete-form">@csrf @method('DELETE')</form>
                                        <button type="button" class="dropdown-item text-danger pa-instance-delete-btn"
                                                data-form-id="pas-delete-form"
                                                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() ?? '—'])) }}">
                                            <i class="fas fa-trash"></i> {{ __('Delete instance') }}
                                        </button>
                                    @endif
                                @endcan
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Stage progress --}}
                <div class="pas-stepper">
                    @foreach($stages as $idx => $stageKey)
                        @php
                            $isDone = $workflowComplete || ($workflowStopped && $idx < $currentStageIdx) || (! $workflowStopped && ! $workflowComplete && $idx < $currentStageIdx);
                            $isActive = ! $workflowStopped && ! $workflowComplete && $idx === $currentStageIdx;
                        @endphp
                        <div class="pas-step @if($isDone) done @elseif($isActive) active @endif">
                            <div class="pas-step-dot">
                                @if($isDone)<i class="mdi mdi-check"></i>@else{{ $idx + 1 }}@endif
                            </div>
                            <div class="pas-step-label">{{ \App\Support\PerformanceAppraisal\AppraisalStages::label($stageKey, $paperWorkflow) }}</div>
                        </div>
                    @endforeach
                </div>

                {{-- Summary meta --}}
                <div class="card">
                    <div class="card-header">{{ __('Overview') }}</div>
                    <div class="card-body">
                        <div class="pas-meta-grid">
                            <div class="pas-meta-item">
                                <div class="k">{{ __('Status') }}</div>
                                <p class="v mb-0">{{ $instance->listDisplayStatus($paperWorkflow) }}</p>
                            </div>
                            <div class="pas-meta-item">
                                <div class="k">{{ __('Evaluation period') }}</div>
                                <p class="v mb-0">
                                    {{ $instance->evaluation_period_from?->format('d/m/Y') ?? '—' }}
                                    – {{ $instance->evaluation_period_to?->format('d/m/Y') ?? '—' }}
                                </p>
                            </div>
                            <div class="pas-meta-item">
                                <div class="k">{{ __('Period label') }}</div>
                                <p class="v mb-0">{{ $instance->period_label ?? '—' }}</p>
                            </div>
                            <div class="pas-meta-item">
                                <div class="k">{{ __('Due date') }}</div>
                                <p class="v mb-0">{{ $instance->due_at?->format('d/m/Y') ?? '—' }}</p>
                            </div>
                            @if($paperWorkflow)
                                <div class="pas-meta-item">
                                    <div class="k">{{ __('Org. join date') }}</div>
                                    <p class="v mb-0">{{ $instance->organization_join_date?->format('d/m/Y') ?? '—' }}</p>
                                </div>
                                <div class="pas-meta-item">
                                    <div class="k">{{ __('Schedule join date') }}</div>
                                    <p class="v mb-0">{{ $instance->schedule_join_date?->format('d/m/Y') ?? '—' }}</p>
                                </div>
                                <div class="pas-meta-item">
                                    <div class="k">{{ __('Branch join date') }}</div>
                                    <p class="v mb-0">{{ $instance->branch_join_date?->format('d/m/Y') ?? '—' }}</p>
                                </div>
                            @endif
                            <div class="pas-meta-item">
                                <div class="k">{{ __('Evaluation form') }}</div>
                                <p class="v mb-0">{{ $instance->evaluationForm?->title ?? '—' }}</p>
                                @if($instance->evaluationForm?->description)
                                    <small class="text-muted d-block mt-1">{{ $instance->evaluationForm->description }}</small>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>

                @if(! empty($evaluatorWarnings))
                    <div class="alert alert-warning">
                        <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">
                    <div class="card-header">{{ __('Evaluator chain (by stage)') }}</div>
                    <div class="card-body p-0">
                        <div class="table-responsive">
                            <table class="table table-sm table-hover pas-table mb-0">
                                <thead class="thead-light">
                                <tr>
                                    <th>{{ __('Stage') }}</th>
                                    <th>{{ __('Evaluator') }}</th>
                                    <th>{{ __('Note') }}</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($evaluatorChain as $row)
                                    <tr class="{{ $row['warning'] ? 'table-warning' : '' }}">
                                        <td>{{ $row['label'] }}</td>
                                        <td>
                                            <strong>{{ $row['evaluator_name'] ?? '—' }}</strong>
                                            <small class="text-muted d-block">ID: {{ $row['evaluator_user_id'] ?? '—' }}</small>
                                        </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>

                <div class="card">
                    <div class="card-header d-flex flex-wrap justify-content-between align-items-center">
                        <span>{{ __('Submission history') }}</span>
                        <a href="{{ route('pa.instances.submission_history', $instance->id) }}" class="btn btn-sm btn-outline-primary" target="_blank">
                            <i class="fas fa-print"></i> {{ __('Print full history') }}
                        </a>
                    </div>
                    <div class="card-body">
                        @include('admin.performance_appraisal.partials.submission_history_block', ['submissionRows' => $submissionRows])
                    </div>
                </div>

                <div class="card">
                    <div class="card-header d-flex flex-wrap justify-content-between align-items-center">
                        <span>
                            @if(! empty($showProbationDecision))
                                {{ __('HR data & employment decision') }}
                            @else
                                {{ __('HR recommendation & notes') }}
                            @endif
                        </span>
                        <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">
                        @if(! empty($showProbationDecision))
                            @include('admin.performance_appraisal.partials.probation_outcome_block', [
                                'instance' => $instance,
                                'leaveGroups' => $leaveGroups,
                                'probationMinExtensionDate' => $probationMinExtensionDate,
                                'pfFeatureOn' => $pfFeatureOn ?? false,
                                'gfFeatureOn' => $gfFeatureOn ?? false,
                                'swfFeatureOn' => $swfFeatureOn ?? false,
                                'pfAccount' => $pfAccount ?? null,
                                'pfSettings' => $pfSettings ?? null,
                                'gfAccount' => $gfAccount ?? null,
                                'gfSettings' => $gfSettings ?? null,
                                'swfAccount' => $swfAccount ?? null,
                                'swfSettings' => $swfSettings ?? null,
                            ])
                            <hr class="my-4">
                        @endif
                        <form method="post" action="{{ route('pa.instances.hr_recommendation', $instance->id) }}">
                            @csrf
                            <h6 class="font-weight-bold mb-2">{{ __('Appraisal notes & dates') }}</h6>
                            <p class="small text-muted">{{ __('Update evaluation period, join dates used on the paper form, and qualitative notes.') }}</p>
                            @if(empty($showProbationDecision))
                                <div class="mb-3 pl-2 border-left border-primary">
                                    <p class="small text-muted mb-2">{{ __('Select one recommendation (same as paper form).') }}</p>
                                    @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) required>
                                            <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>
                            @endif
                            <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 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-row">
                                @foreach(['strength_1', 'strength_2', 'strength_3', 'weakness_1', 'weakness_2', 'weakness_3'] as $field)
                                    <div class="form-group col-md-4">
                                        <label>{{ __(ucfirst(str_replace('_', ' ', $field))) }}</label>
                                        <textarea name="{{ $field }}" class="form-control" rows="2">{{ old($field, $instance->{$field}) }}</textarea>
                                    </div>
                                @endforeach
                            </div>
                            <button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
                        </form>
                    </div>
                </div>

                <div class="card">
                    <div class="card-header d-flex flex-wrap justify-content-between align-items-center py-3">
                        <span><i class="fas fa-users mr-1 text-muted"></i> {{ __('360° feedback') }}</span>
                        @if($instance->peerFeedback->whereNotNull('submitted_at')->isNotEmpty())
                            <span class="small text-muted">
                                {{ $instance->peerFeedback->whereNotNull('submitted_at')->count() }}/{{ $instance->peerFeedback->count() }} {{ __('submitted') }}
                            </span>
                        @endif
                    </div>
                    <div class="card-body">
                        <form method="post" action="{{ route('pa.instances.peers.store', $instance->id) }}" class="form-row align-items-end border-bottom pb-3 mb-3">
                            @csrf
                            <div class="form-group col-md-5 mb-md-0">
                                <label>{{ __('Reviewer') }}</label>
                                <select name="reviewer_staff_id" id="peer_reviewer_staff_id" class="form-control 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-md-0">
                                <label>{{ __('Relationship') }}</label>
                                <select name="relationship" class="form-control" required>
                                    @foreach(\App\Support\PerformanceAppraisal\AppraisalPeerRelationships::options() as $relValue => $relLabel)
                                        <option value="{{ $relValue }}" @selected(old('relationship') === $relValue)>{{ $relLabel }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-2 mb-0">
                                <button type="submit" class="btn btn-primary btn-block">{{ __('Assign') }}</button>
                            </div>
                        </form>

                        @if($instance->peerFeedback->isEmpty())
                            <p class="text-muted small mb-0">{{ __('No 360° reviewers assigned yet.') }}</p>
                        @else
                            @foreach($instance->peerFeedback as $p)
                                @php
                                    $relLabel = \App\Support\PerformanceAppraisal\AppraisalPeerRelationships::label($p->relationship);
                                    $collapseId = 'peer-feedback-'.$p->id;
                                @endphp
                                <div class="border rounded mb-3 overflow-hidden" style="border-color:#edf0f6 !important;">
                                    <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 px-3 py-2 bg-light">
                                        <div>
                                            <strong>{{ $p->reviewer?->user?->name ?? '—' }}</strong>
                                            <span class="pa-stage-chip ml-1">{{ $relLabel }}</span>
                                        </div>
                                        <div class="d-flex flex-wrap align-items-center gap-2">
                                            @if($p->submitted_at)
                                                <span class="pa-status-badge finalized">{{ __('Submitted') }}</span>
                                                <span class="small text-muted">{{ $p->submitted_at->format('d/m/Y H:i') }}</span>
                                                @if($p->score !== null)
                                                    <span class="pa-score-cell has-score font-weight-bold">{{ number_format((float) $p->score, 2) }}%</span>
                                                @endif
                                                @if(is_array($p->responses) && $p->responses !== [])
                                                    <button class="btn btn-sm btn-outline-primary" type="button" data-toggle="collapse" data-target="#{{ $collapseId }}">
                                                        <i class="fas fa-list"></i> {{ __('View ratings') }}
                                                    </button>
                                                @endif
                                            @else
                                                <span class="pa-status-badge primary">{{ __('Pending') }}</span>
                                            @endif
                                        </div>
                                    </div>
                                    @if($p->submitted_at && is_array($p->responses) && $p->responses !== [])
                                        <div id="{{ $collapseId }}" class="collapse">
                                            <div class="p-3 border-top">
                                                @include('partials.appraisal_peer_responses_table', [
                                                    'form' => $instance->evaluationForm,
                                                    'responses' => $p->responses,
                                                    'compact' => true,
                                                ])
                                            </div>
                                        </div>
                                    @endif
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>

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

@section('script')
    @include('admin.performance_appraisal.partials.instance_delete_confirm_script')
    <script>
        (function () {
            $('#pas_close_btn').on('click', function () {
                if (confirm(@json(__('Close this instance?')))) {
                    $('#pas-close-form').trigger('submit');
                }
            });
        })();
    </script>
@endsection