@extends('layouts.app')
@section('content')
<h4 class="mb-3">نتیجه آزمون</h4>

<div class="card p-4 rounded-4 mb-3">
  <div class="d-flex justify-content-between">
    <div>
      <div class="text-muted small">آزمون</div>
      <div class="fw-bold">{{ $attempt->exam->title }}</div>
    </div>
    <div class="text-end">
      <div class="text-muted small">نمره</div>
      <div class="fw-bold fs-4">{{ $attempt->score }}</div>
    </div>
  </div>
  <hr>
  <div class="small text-muted">وضعیت: {{ $attempt->status }} • ارسال: {{ optional($attempt->submitted_at)->format('Y-m-d H:i') }}</div>
</div>

@if(!$canSeeAnswers)
  <div class="alert alert-secondary">
    پاسخنامه هنوز فعال نیست.
    @if($showAt) زمان نمایش: {{ $showAt->format('Y-m-d H:i') }} @endif
  </div>
@else
  <div class="card p-3 rounded-4">
    <h6 class="mb-3">پاسخنامه</h6>
    <ol>
      @foreach($attempt->exam->questions as $q)
        @php($ans = $attempt->answers->firstWhere('question_id', $q->id))
        @php($selected = (int)($ans->answer_json['choice_id'] ?? 0))
        @php($correct = optional($q->choices->firstWhere('is_correct', true))->id)
        <li class="mb-3">
          <div class="mb-2">{{ $q->body }}</div>
          <ul class="small">
            @foreach($q->choices as $c)
              <li>
                {{ $c->text }}
                @if($c->id === $correct) <span class="badge text-bg-success">صحیح</span> @endif
                @if($c->id === $selected) <span class="badge text-bg-primary">انتخاب شما</span> @endif
              </li>
            @endforeach
          </ul>
          <div class="small {{ $ans && $ans->is_correct ? 'text-success' : 'text-danger' }}">
            {{ $ans && $ans->is_correct ? 'درست' : 'غلط' }} — امتیاز: {{ $ans->score ?? 0 }}
          </div>
        </li>
      @endforeach
    </ol>
  </div>
@endif
@endsection