@extends('employee.layouts.app')
@section('title', get_setting('site_name').' | '.__('360 feedback'))
@section('content')
    @php
        $settings = \App\Models\PerformanceAppraisalSetting::settings();
        $minR = (int) ($settings->rating_scale_min ?? 0);
        $maxR = (int) ($settings->rating_scale_max ?? 100);
        $inst = $peer->instance;
        $form = $inst?->evaluationForm;
        $isSubmitted = (bool) $peer->submitted_at;
        $peerResponses = is_array($peer->responses) ? $peer->responses : [];
        $employeeSelfScores = $employeeSelfScores ?? [];
        $employeeSelfCompleted = (bool) ($employeeSelfCompleted ?? false);
        $canEnterPeerScores = $employeeSelfCompleted && ! $isSubmitted;
        $relationshipLabel = \App\Support\PerformanceAppraisal\AppraisalPeerRelationships::label($peer->relationship);
        $selfStageLabel = \App\Support\PerformanceAppraisal\AppraisalStages::label(
            \App\Support\PerformanceAppraisal\AppraisalStages::scoringStage($paperWorkflow ?? $settings->paperFormWorkflow()),
            $paperWorkflow ?? $settings->paperFormWorkflow()
        );
    @endphp
    <style>
        .epa360-show-wrap .card {
            border-radius: 14px;
            border: 1px solid #edf0f6;
            box-shadow: 0 0.125rem 0.5rem rgba(15, 23, 42, 0.04);
        }
        .epa360-show-wrap .card-header {
            background: #fff;
            border-bottom: 1px solid #edf0f6;
            font-weight: 700;
            padding: 0.9rem 1.15rem;
        }
        .epa360-show-wrap .card-body.p-2 { padding: 0.5rem !important; }
        .epa360-kpi-row {
            border: 1px solid #edf0f6;
            border-radius: 12px;
            padding: 14px 16px;
            margin-bottom: 12px;
            background: #fff;
        }
        .epa360-kpi-row:last-child { margin-bottom: 0; }
        .epa360-kpi-title { font-weight: 800; color: #0f172a; }
        .epa360-col-head {
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: .06em;
            color: #64748b;
            margin-bottom: 8px;
        }
        .epa360-score-box {
            background: #f8fafc;
            border: 1px solid #e2e8f0;
            border-radius: 10px;
            padding: 10px 12px;
            min-height: 46px;
            display: flex;
            align-items: center;
            font-weight: 800;
            font-variant-numeric: tabular-nums;
            color: #4f46e5;
        }
        .epa360-score-box.muted {
            color: #94a3b8;
            font-weight: 600;
            font-size: 13px;
        }
        .epa360-score-box.peer-score { color: #0f766e; }
        .epa360-action-card .card-header {
            background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);
            color: #fff;
            border: 0;
        }
        .epa360-action-card .card-header h6 { color: #fff; }
        .epa360-locked input:disabled {
            background: #f1f5f9;
            cursor: not-allowed;
        }
    </style>

    <div class="container-fluid epa360-show-wrap">
        <div class="row mt-3 mb-4">
            <div class="col-12 col-xl-10 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

                <div class="card mb-3">
                    <div class="card-body py-3">
                        <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">{{ __('360° feedback') }} #{{ $peer->id }}</h4>
                                    @if($isSubmitted)
                                        <span class="pa-status-badge finalized">{{ __('Submitted') }}</span>
                                    @else
                                        <span class="pa-status-badge primary">{{ __('Pending') }}</span>
                                    @endif
                                </div>
                                <p class="text-muted mb-1">
                                    {{ __('Appraisee') }}: <strong>{{ $inst->staff?->user?->name ?? '—' }}</strong>
                                    · {{ $inst->cycle?->name ?? '—' }}
                                </p>
                                <p class="text-muted small mb-0">
                                    {{ __('Relationship') }}: <strong>{{ $relationshipLabel }}</strong>
                                    @if($isSubmitted)
                                        · {{ __('Submitted') }} {{ $peer->submitted_at->format('d/m/Y H:i') }}
                                    @endif
                                </p>
                                @include('partials.appraisal_eval_form_banner', ['title' => $form?->title])
                            </div>
                            <div class="text-right">
                                @if($isSubmitted && $peer->score !== null)
                                    <div class="small text-muted text-uppercase font-weight-bold">{{ __('Your score') }}</div>
                                    <div style="font-size:1.6rem;font-weight:800;color:#4f46e5;">{{ number_format((float) $peer->score, 2) }}%</div>
                                @endif
                                <a href="{{ route('employee.pa.peers.index') }}" class="btn btn-sm btn-light mt-2">
                                    <i class="fas fa-arrow-left"></i> {{ __('Back') }}
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                @if(! $form)
                    <div class="alert alert-warning">{{ __('No evaluation form is linked to this appraisal. Contact HR.') }}</div>
                @else
                    @if(! $employeeSelfCompleted && ! $isSubmitted)
                        <div class="alert alert-warning">
                            <i class="fas fa-lock mr-1"></i>
                            {{ __(':stage is not complete yet. Your ratings will unlock after the employee submits their evaluation form.', ['stage' => $selfStageLabel]) }}
                        </div>
                    @elseif($employeeSelfCompleted && ! $isSubmitted)
                        <div class="alert alert-info py-2 small">
                            <i class="fas fa-info-circle mr-1"></i>
                            {{ __('Employee self scores are shown on the left. Enter your 360° ratings on the right.') }}
                        </div>
                    @endif

                    <div class="card {{ $isSubmitted ? '' : 'epa360-action-card' }}">
                        <div class="card-header py-3">
                            @if($isSubmitted)
                                <i class="fas fa-check-circle text-success mr-1"></i> {{ __('Submitted ratings comparison') }}
                            @else
                                <h6 class="mb-0"><i class="fas fa-pen mr-1"></i> {{ __('Rate each KPI') }}</h6>
                                <small class="text-white-50 d-block mt-1">{{ __('Enter score :min–:max for each indicator, then submit.', ['min' => $minR, 'max' => $maxR]) }}</small>
                            @endif
                        </div>
                        <div class="card-body p-2 {{ $canEnterPeerScores ? '' : 'epa360-locked' }}">
                            @if($isSubmitted)
                                <div class="table-responsive">
                                    <table class="table table-hover epa360-table mb-0" style="font-size:13px;">
                                        <thead class="thead-light">
                                        <tr>
                                            <th>{{ __('KPI') }}</th>
                                            <th class="text-right" style="width:140px;">{{ __('Employee score') }}</th>
                                            <th class="text-right" style="width:140px;">{{ __('Your score') }}</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($form->formKpis as $fk)
                                            @php $k = $fk->kpiIndicator; @endphp
                                            @if($k)
                                                <tr>
                                                    <td>
                                                        @if($k->title_bn)<span class="text-primary d-block small">{{ $k->title_bn }}</span>@endif
                                                        <strong>{{ $k->title }}</strong>
                                                        <span class="text-muted small">({{ __('weight') }} {{ $fk->weightage }}%)</span>
                                                        @include('partials.kpi_description_hint', ['indicator' => $k])
                                                    </td>
                                                    <td class="text-right font-weight-bold text-primary">{{ $employeeSelfScores[$k->id] ?? '—' }}</td>
                                                    <td class="text-right font-weight-bold" style="color:#0f766e;">{{ $peerResponses[$k->id] ?? '—' }}</td>
                                                </tr>
                                            @endif
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @else
                                <form method="post" action="{{ route('employee.pa.peers.submit', $peer->id) }}" id="peerFeedbackForm">
                                    @csrf
                                    @foreach($form->formKpis as $fk)
                                        @php $k = $fk->kpiIndicator; @endphp
                                        @if($k)
                                            <div class="epa360-kpi-row">
                                                <div class="mb-3">
                                                    @if($k->title_bn)<span class="text-primary d-block small">{{ $k->title_bn }}</span>@endif
                                                    <div class="epa360-kpi-title">{{ $k->title }}</div>
                                                    <span class="text-muted small">({{ __('weight') }} {{ $fk->weightage }}%)</span>
                                                    @include('partials.kpi_description_hint', ['indicator' => $k])
                                                </div>
                                                <div class="form-row">
                                                    <div class="form-group col-md-6 mb-md-0">
                                                        <div class="epa360-col-head">{{ $selfStageLabel }}</div>
                                                        <div class="epa360-score-box {{ $employeeSelfCompleted ? '' : 'muted' }}">
                                                            @if($employeeSelfCompleted)
                                                                {{ $employeeSelfScores[$k->id] ?? '—' }}
                                                            @else
                                                                {{ __('Waiting for employee') }}
                                                            @endif
                                                        </div>
                                                    </div>
                                                    <div class="form-group col-md-6 mb-0">
                                                        <div class="epa360-col-head">{{ __('Your 360° rating') }}</div>
                                                        <input type="number"
                                                               name="ratings[{{ $k->id }}]"
                                                               class="form-control"
                                                               min="{{ $minR }}"
                                                               max="{{ $maxR }}"
                                                               step="1"
                                                               @required($canEnterPeerScores)
                                                               @disabled(! $canEnterPeerScores)
                                                               value="{{ old('ratings.'.$k->id) }}"
                                                               placeholder="{{ $canEnterPeerScores ? __('Enter score') : __('Locked') }}">
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                    @endforeach
                                    <div class="text-right pt-2 px-2 pb-1 border-top mt-2">
                                        <button type="submit" class="btn btn-primary btn-lg px-4" @disabled(! $canEnterPeerScores)>
                                            <i class="fas fa-paper-plane mr-1"></i> {{ __('Submit feedback') }}
                                        </button>
                                    </div>
                                </form>
                            @endif
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection