@php
    $paperWorkflow = $paperWorkflow ?? \App\Models\PerformanceAppraisalSetting::settings()->paperFormWorkflow();
    $submissions = $instance->submissions->sortBy(fn ($s) => \App\Support\PerformanceAppraisal\AppraisalStages::index($s->stage));
@endphp
<div class="card border-secondary mb-4">
    <div class="card-header bg-light py-2">
        <h6 class="mb-0">{{ __('Previous stages — comments & submissions') }}</h6>
        <small class="text-muted">{{ __('Review before final decision') }}</small>
    </div>
    <div class="card-body py-2 small">
        @foreach($submissions as $sub)
            @if($sub->stage === $activeSubmission->stage)
                @continue
            @endif
            <div class="border rounded p-2 mb-2 {{ $sub->submitted_at ? 'bg-light' : 'bg-white' }}">
                <div class="d-flex flex-wrap justify-content-between">
                    <strong>{{ \App\Support\PerformanceAppraisal\AppraisalStages::label($sub->stage, $paperWorkflow) }}</strong>
                    <span class="text-muted">
                        @if($sub->submitted_at)
                            {{ $sub->submitted_at->format('d/m/Y H:i') }}
                        @else
                            {{ __('Not submitted') }}
                        @endif
                    </span>
                </div>
                <div class="text-muted">{{ __('Evaluator') }}: {{ staff_evaluator_label($sub->evaluator) }}</div>
                @if($sub->total_score !== null)
                    <div>{{ __('Score') }}: {{ number_format((float) $sub->total_score, 2) }}%</div>
                @endif
                @if($sub->comments)
                    <div class="mt-1"><span class="text-muted">{{ __('Comments') }}:</span> {{ $sub->comments }}</div>
                @endif
            </div>
        @endforeach

        @if($instance->strength_1 || $instance->weakness_1)
            <div class="border rounded p-2 mb-0 bg-white">
                <strong class="d-block mb-1">{{ __('Qualitative feedback on record') }}</strong>
                <div class="row">
                    <div class="col-md-6">
                        <span class="text-muted">{{ __('Strengths') }}</span>
                        <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">
                        <span class="text-muted">{{ __('Weaknesses') }}</span>
                        <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>
        @endif
    </div>
</div>