@extends('layouts.app')

@section('title', 'Değerlendirme Formu')

@section('content')
@php
    use App\Support\EvaluationHelper;
    $statusLabel = EvaluationHelper::statusLabel($status);
    $statusClass = EvaluationHelper::statusBadgeClass($status);
@endphp

<div class="d-flex flex-wrap align-items-center justify-content-between gap-3 mb-4">
    <div>
        <h1 class="h4 mb-1">{{ $assignment->employee_name }}</h1>
        <p class="text-muted mb-0">{{ $assignment->period_name }} | {{ $levelLabel }}</p>
    </div>
    <span class="badge {{ $statusClass }}">{{ $statusLabel }}</span>
</div>

@if (session('saved'))
    <div class="alert alert-soft">Taslak kaydedildi. İstediğiniz zaman devam edebilirsiniz.</div>
@elseif (session('submitted'))
    <div class="alert alert-soft">Değerlendirme tamamlandı ve kilitlendi.</div>
@elseif (session('error') === 'missing_answers')
    <div class="alert alert-warning">Tüm sorular cevaplanmadan tamamlanamaz.</div>
@elseif (session('error'))
    <div class="alert alert-warning">{{ session('error') }}</div>
@endif

@if ($blocked)
    <div class="alert alert-warning">1. amir değerlendirmeyi tamamlamadan bu atamayı başlatamazsınız.</div>
@endif

@if ($total === 0)
    <div class="alert alert-warning">Bu atama için aktif soru seti bulunamadı. Yöneticinizle görüşün.</div>
@endif

<div class="card mb-4">
    <div class="card-body">
        <div class="d-flex flex-wrap gap-2 mb-3">
            <span class="badge bg-secondary-subtle text-secondary">Seviye: {{ $levelLabel }}</span>
            <span class="badge bg-secondary-subtle text-secondary">İlerleme: {{ $answered }} / {{ $total }}</span>
            <span class="badge bg-secondary-subtle text-secondary">Durum: {{ $statusLabel }}</span>
        </div>
        <div class="d-flex justify-content-between text-muted small">
            <span>İlerleme</span>
            <span>{{ $answered }} / {{ $total }}</span>
        </div>
        <div class="progress mt-2" role="progressbar" aria-valuenow="{{ $percent }}" aria-valuemin="0" aria-valuemax="100">
            <div class="progress-bar bg-success" style="width: {{ $percent }}%"></div>
        </div>
    </div>
</div>

<div class="alert alert-soft">
    Puanlama ölçeği:
    <strong>Çok iyi</strong> (5),
    <strong>İyi</strong> (4),
    <strong>Yeterli</strong> (3),
    <strong>Geliştirilebilir</strong> (2),
    <strong>Yetersiz</strong> (1)
</div>

<form method="post" class="d-grid gap-4">
    @csrf
    <input type="hidden" name="level" value="{{ $level }}">

    @php $questionCounter = 0; $currentSet = null; @endphp
    @foreach ($questions as $question)
        @php
            $qid = (int) $question['id'];
            $savedScore = $answers[$qid] ?? null;
            $setName = $question['set_name'] ?: 'Genel';
            $isNewSet = $setName !== $currentSet;
        @endphp

        @if ($isNewSet)
            @if ($currentSet !== null)
                    </div>
                </div>
            @endif
            @php $currentSet = $setName; @endphp
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">Soru Seti: {{ $currentSet }}</h5>
                </div>
                <div class="card-body d-grid gap-3">
        @endif

        @php $questionCounter++; @endphp
        <div class="border rounded p-3">
            <div class="d-flex flex-wrap justify-content-between align-items-start gap-2">
                <div>
                    <div class="text-muted small">Soru {{ $questionCounter }}</div>
                    <div class="fw-semibold">{{ $question['question_text'] }}</div>
                </div>
                <div class="text-muted small">1-5 arasında puanlayın</div>
            </div>
            <div class="d-flex flex-wrap gap-2 mt-3">
                @for ($score = 1; $score <= 5; $score++)
                    @php $inputId = 'q' . $qid . '_' . $score; @endphp
                    <input type="radio"
                           class="btn-check"
                           name="answers[{{ $qid }}]"
                           id="{{ $inputId }}"
                           value="{{ $score }}"
                           @if ($savedScore === $score) checked @endif
                           @if ($formDisabled) disabled @endif>
                    <label class="btn btn-outline-primary btn-sm" for="{{ $inputId }}">
                        <span class="fw-semibold">{{ $score }}</span>
                        <span class="ms-1 small">{{ $scoreLabels[$score] }}</span>
                    </label>
                @endfor
            </div>
        </div>
    @endforeach

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

    <div class="d-flex flex-wrap gap-3 align-items-center">
        <a href="{{ route('evaluations.index', ['level' => $level]) }}" class="btn btn-outline-secondary">Listeye dön</a>
        <div class="ms-auto d-flex flex-wrap gap-2">
            <button type="submit"
                    class="btn btn-outline-primary"
                    formaction="{{ route('assignments.saveDraft', ['id' => $assignment->id]) }}"
                    @if ($formDisabled) disabled @endif>
                Kaydet
            </button>
            <button type="submit"
                    class="btn btn-primary"
                    formaction="{{ route('assignments.submit', ['id' => $assignment->id]) }}"
                    @if ($formDisabled) disabled @endif>
                Tamamla
            </button>
        </div>
    </div>
</form>
@endsection