@extends('layouts.performance')

@section('title', 'Değerlendirme Detayı')
@section('page', 'report')

@section('perf-content')
@php
  $activeTab = '';
@endphp
<style>
  .performance-nav {
    display: none;
  }
</style>

<div class="d-flex flex-wrap align-items-center justify-content-between gap-3 mb-4">
  <div>
    <h1 class="h4 mb-1">Değerlendirme Formu</h1>
    <p class="text-muted mb-0">{{ $assignment->employee_name }} - {{ $assignment->period_name }}</p>
  </div>
  <div class="d-flex flex-wrap gap-2 print-hide">
    <button type="button" class="btn btn-outline-primary" onclick="window.print()">Yazdır</button>
    <a href="{{ $backUrl }}" class="btn btn-outline-secondary">Raporlara Dön</a>
  </div>
</div>

<div class="d-flex flex-wrap gap-2 mb-4">
  <span class="badge bg-secondary-subtle text-secondary">Seviye: {{ $levelLabel }}</span>
  <span class="badge bg-secondary-subtle text-secondary">Amir: {{ $evaluatorName }}</span>
  <span class="badge bg-secondary-subtle text-secondary">İlerleme: {{ (int) $answered }} / {{ (int) $total }}</span>
  <span class="badge bg-secondary-subtle text-secondary">Ortalama: {{ $avg !== null ? number_format($avg, 2, '.', '') : '-' }}</span>
</div>

@if ($missingEvaluator2)
  <div class="alert alert-warning">Bu atamada 2. amir bulunmuyor.</div>
@elseif ($questions->isEmpty())
  <div class="alert alert-warning">Bu atama için aktif soru seti bulunamadı.</div>
@else
  @if (empty($answers))
    <div class="alert alert-warning">Bu seviyede henüz cevap bulunmuyor.</div>
  @endif

  @php $currentSet = null; @endphp
  @foreach ($questions as $question)
    @php
      $setName = $question->set_name ?: 'Genel';
      $qid = (int) $question->id;
      $score = $answers[$qid] ?? null;
      $label = $score !== null ? ($scoreLabels[$score] ?? '-') : '-';
      $badgeClass = 'bg-secondary';
      if ($score === 5) {
          $badgeClass = 'bg-success';
      } elseif ($score === 4) {
          $badgeClass = 'bg-primary';
      } elseif ($score === 3) {
          $badgeClass = 'bg-info';
      } elseif ($score === 2) {
          $badgeClass = 'bg-warning';
      } elseif ($score === 1) {
          $badgeClass = 'bg-danger';
      }
    @endphp

    @if ($setName !== $currentSet)
      @if ($currentSet !== null)
            </tbody></table></div></div></div>
      @endif
      <div class="card mb-3">
        <div class="card-header">
          <h5 class="card-title mb-0">Soru Seti: {{ $setName }}</h5>
        </div>
        <div class="card-body p-0">
          <div class="table-responsive">
            <table class="table align-middle table-hover mb-0">
              <thead class="table-light">
                <tr>
                  <th>Soru</th>
                  <th class="text-end">Puan</th>
                  <th class="text-end">Açıklama</th>
                </tr>
              </thead>
              <tbody>
      @php $currentSet = $setName; @endphp
    @endif

    <tr>
      <td>{{ $question->question_text }}</td>
      <td class="text-end">{{ $score !== null ? (int) $score : '-' }}</td>
      <td class="text-end"><span class="badge {{ $badgeClass }}">{{ $label }}</span></td>
    </tr>
  @endforeach

  @if ($currentSet !== null)
        </tbody></table></div></div></div>
  @endif
@endif
@endsection