@extends('employee.layouts.app')
@section('title', get_setting('site_name').' | '.__('Appraisal #').$instance->id)
@section('content')
    @php
        $settings = \App\Models\PerformanceAppraisalSetting::settings();
        $paperWorkflow = $settings->paperFormWorkflow();
        $isAppraisee = (int) $instance->staff_id === (int) $staff->id;
    @endphp
    <style>
        .pa-meta-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 0.75rem; }
        .pa-meta-item { background: #f8f9fa; border-radius: 6px; padding: 0.65rem 0.85rem; }
        .pa-meta-item .label { font-size: 0.7rem; text-transform: uppercase; color: #6c757d; margin-bottom: 0.15rem; }
        .pa-meta-item .value { font-weight: 600; margin: 0; font-size: 0.95rem; }
    </style>
    <div class="row mt-3 mb-4">
        <div class="col-12 col-lg-10 mx-auto">
            <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">{{ __('Performance appraisal') }} #{{ $instance->id }}</h5>
                        @if($isAppraisee)
                            <p class="text-muted small mb-0">{{ __('Your review') }} · {{ $instance->cycle?->name }}</p>
                        @else
                            <p class="text-muted small mb-0">{{ __('Evaluating') }}: <strong>{{ staff_evaluator_label($instance->staff) }}</strong></p>
                        @endif
                    </div>
                    <a href="{{ route('employee.pa.instances.index') }}" class="btn btn-sm btn-outline-secondary">{{ __('Back') }}</a>
                </div>
                <div class="card-body">
                    <div class="pa-meta-grid mb-2">
                        @if(! $isAppraisee)
                            <div class="pa-meta-item">
                                <div class="label">{{ __('Employee') }}</div>
                                <p class="value">{{ staff_evaluator_label($instance->staff) }}</p>
                            </div>
                        @endif
                        <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">{{ __('Your stage') }}</div>
                            <p class="value">{{ \App\Support\PerformanceAppraisal\AppraisalStages::label($instance->current_stage, $paperWorkflow) }}</p>
                        </div>
                        <div class="pa-meta-item">
                            <div class="label">{{ __('Evaluation form') }}</div>
                            <p class="value mb-0">{{ $instance->evaluationForm?->title ?? '—' }}</p>
                        </div>
                        @if($instance->evaluation_period_from || $instance->evaluation_period_to)
                            <div class="pa-meta-item">
                                <div class="label">{{ __('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>
                        @endif
                        @if($instance->final_total_score !== null)
                            <div class="pa-meta-item">
                                <div class="label">{{ __('Final score') }}</div>
                                <p class="value mb-0">{{ number_format((float) $instance->final_total_score, 2) }}%</p>
                            </div>
                        @endif
                    </div>
                    @if($paperWorkflow)
                        <p class="small text-muted mb-0">
                            {{ __('Paper workflow: (1) Employee fills KPI scores → (2) First supervisor: 3 strengths & 3 weaknesses → (3–6) Supervisors & CEO sign-off.') }}
                        </p>
                    @endif
                </div>
            </div>

            <div class="card shadow-sm mb-3">
                <div class="card-header bg-white"><h6 class="mb-0">{{ __('Workflow progress') }}</h6></div>
                <div class="card-body p-0">
                    <table class="table table-sm table-bordered mb-0">
                        <thead class="thead-light">
                        <tr>
                            <th>{{ __('Stage') }}</th>
                            <th>{{ __('Evaluator') }}</th>
                            <th>{{ __('Score') }}</th>
                            <th>{{ __('Submitted') }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($instance->submissions->sortBy(fn ($s) => \App\Support\PerformanceAppraisal\AppraisalStages::index($s->stage)) as $sub)
                            <tr class="{{ $instance->current_stage === $sub->stage ? 'table-primary' : '' }}">
                                <td>
                                    {{ \App\Support\PerformanceAppraisal\AppraisalStages::label($sub->stage, $paperWorkflow) }}
                                    @if($instance->current_stage === $sub->stage)
                                        <span class="badge badge-primary ml-1">{{ __('Current') }}</span>
                                    @endif
                                </td>
                                <td>{{ staff_evaluator_label($sub->evaluator) }}</td>
                                <td>{{ $sub->total_score !== null ? number_format((float) $sub->total_score, 2).'%' : '—' }}</td>
                                <td>
                                    @if($sub->submitted_at)
                                        <span class="text-success">{{ $sub->submitted_at->format('d/m/Y H:i') }}</span>
                                    @else
                                        <span class="text-muted">{{ __('Pending') }}</span>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

            @if($instance->probation_recommendation)
                <div class="alert alert-secondary small">
                    <strong>{{ __('Final decision') }}:</strong>
                    {{ \App\Support\PerformanceAppraisal\AppraisalDecisionOptions::labelForCode($instance->probation_recommendation) }}
                </div>
            @endif

            @if($instance->strength_1 || $instance->weakness_1)
                <div class="card shadow-sm mb-3">
                    <div class="card-header bg-white"><h6 class="mb-0">{{ __('Saved feedback on record') }}</h6></div>
                    <div class="card-body small">
                        <div class="row">
                            <div class="col-md-6">
                                <p class="font-weight-bold mb-1">{{ __('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="font-weight-bold mb-1">{{ __('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

            @if($canSubmitThisStage && $activeSubmission && $instance->evaluationForm)
                <div class="card shadow-sm border-primary">
                    <div class="card-header bg-primary text-white py-3">
                        <h6 class="mb-0 text-white">{{ __('Your action') }}: {{ \App\Support\PerformanceAppraisal\AppraisalStages::label($activeSubmission->stage, $paperWorkflow) }}</h6>
                        @php
                            $actionHint = match (true) {
                                $paperWorkflow && $activeSubmission->stage === \App\Support\PerformanceAppraisal\AppraisalStages::SELF_ASSESSMENT
                                    => __('Fill the evaluation form (all KPI scores), then submit.'),
                                $paperWorkflow && $activeSubmission->stage === \App\Support\PerformanceAppraisal\AppraisalStages::PRIMARY_EVALUATION
                                    => __('Enter three strengths, three weaknesses, and comments, then submit.'),
                                $paperWorkflow && $activeSubmission->stage === \App\Support\PerformanceAppraisal\AppraisalStages::EXECUTIVE_APPROVAL
                                    => __('Review all previous comments, select one final decision, add your remarks, then submit.'),
                                default => __('Complete the form below and submit this stage.'),
                            };
                        @endphp
                        <small class="text-white-50">{{ $actionHint }}</small>
                    </div>
                    <div class="card-body">
                        <form method="post" action="{{ route('employee.pa.submissions.submit', $activeSubmission->id) }}">
                            @csrf
                            @include('partials.appraisal_submission_form', [
                                'instance' => $instance,
                                'activeSubmission' => $activeSubmission,
                            ])
                            <div class="text-right pt-2 border-top">
                                <button type="submit" class="btn btn-primary btn-lg">{{ __('Submit this stage') }}</button>
                            </div>
                        </form>
                    </div>
                </div>
            @elseif($activeSubmission && ! $activeSubmission->submitted_at)
                <div class="alert alert-info">
                    {{ __('Waiting for :name on this stage.', ['name' => $activeSubmission->evaluator ? staff_evaluator_label($activeSubmission->evaluator) : __('assigned evaluator')]) }}
                </div>
            @elseif(! $instance->evaluationForm)
                <div class="alert alert-warning">{{ __('No evaluation form is linked to this instance. Contact HR.') }}</div>
            @elseif($activeSubmission?->submitted_at)
                <div class="alert alert-success">{{ __('You have already submitted this stage.') }}</div>
            @endif
        </div>
    </div>
@endsection