@extends('layouts.app')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
  <h4 class="m-0">مدیریت آزمون: { '{' } $exam->title { '}' }</h4>
  <a class="btn btn-outline-secondary" href="{ '{' } $signedStartLink { '}' }" target="_blank">لینک شروع (signed)</a>
</div>

<form class="card p-4 rounded-4 mb-3" method="POST" action="{{ route('teacher.exams.update', $exam) }}">
  @csrf @method('PUT')
  <div class="row g-3">
  <div class="col-md-6">
    <label class="form-label">عنوان آزمون</label>
    <input class="form-control" name="title" value="{{ old('title', $exam->title ?? '') }}" required>
    @error('title')<div class="text-danger small">{{ $message }}</div>@enderror
  </div>
  <div class="col-md-3">
    <label class="form-label">کلاس</label>
    <select class="form-select" name="classroom_id" required>
      @php($cid = old('classroom_id', $exam->classroom_id ?? ''))
      @foreach($classrooms as $c)
        <option value="{{ $c->id }}" @selected((string)$cid===(string)$c->id)>{{ $c->name }} {{ $c->grade ? '(' . $c->grade . ')' : '' }}</option>
      @endforeach
    </select>
    @error('classroom_id')<div class="text-danger small">{{ $message }}</div>@enderror
  </div>
  <div class="col-md-3">
    <label class="form-label">درس</label>
    <select class="form-select" name="subject_id" required>
      @php($sid = old('subject_id', $exam->subject_id ?? ''))
      @foreach($subjects as $s)
        <option value="{{ $s->id }}" @selected((string)$sid===(string)$s->id)>{{ $s->name }}</option>
      @endforeach
    </select>
    @error('subject_id')<div class="text-danger small">{{ $message }}</div>@enderror
  </div>

  <div class="col-md-4">
    <label class="form-label">شروع</label>
    <input class="form-control" type="datetime-local" name="starts_at" value="{{ old('starts_at', isset($exam)? optional($exam->starts_at)->format('Y-m-d\TH:i') : '') }}" required>
    @error('starts_at')<div class="text-danger small">{{ $message }}</div>@enderror
  </div>
  <div class="col-md-4">
    <label class="form-label">پایان</label>
    <input class="form-control" type="datetime-local" name="ends_at" value="{{ old('ends_at', isset($exam)? optional($exam->ends_at)->format('Y-m-d\TH:i') : '') }}" required>
    @error('ends_at')<div class="text-danger small">{{ $message }}</div>@enderror
  </div>
  <div class="col-md-4">
    <label class="form-label">مدت (دقیقه)</label>
    <input class="form-control" type="number" name="duration_minutes" value="{{ old('duration_minutes', $exam->duration_minutes ?? 30) }}" min="1" max="600" required>
    @error('duration_minutes')<div class="text-danger small">{{ $message }}</div>@enderror
  </div>

  <div class="col-md-4">
    <label class="form-label">نمایش پاسخنامه (دقیقه بعد)</label>
    <input class="form-control" type="number" name="show_answers_after_minutes" value="{{ old('show_answers_after_minutes', $exam->show_answers_after_minutes ?? 0) }}" min="0" max="10080">
    @error('show_answers_after_minutes')<div class="text-danger small">{{ $message }}</div>@enderror
  </div>

  <div class="col-md-4">
    <label class="form-label">محدودیت دفعات شرکت</label>
    <input class="form-control" type="number" name="attempt_limit" value="{{ old('attempt_limit', $exam->attempt_limit ?? 1) }}" min="1" max="10">
    @error('attempt_limit')<div class="text-danger small">{{ $message }}</div>@enderror
  </div>

  <div class="col-md-4">
    <label class="form-label">وضعیت</label>
    @php($st = old('status', $exam->status ?? 'draft'))
    <select class="form-select" name="status" required>
      <option value="draft" @selected($st==='draft')>draft</option>
      <option value="published" @selected($st==='published')>published</option>
      <option value="closed" @selected($st==='closed')>closed</option>
    </select>
    @error('status')<div class="text-danger small">{{ $message }}</div>@enderror
  </div>

  <div class="col-md-6">
    <div class="form-check">
      <input class="form-check-input" type="checkbox" name="shuffle_questions" value="1" @checked(old('shuffle_questions', $exam->shuffle_questions ?? true))>
      <label class="form-check-label">جابجایی ترتیب سوالات</label>
    </div>
    <div class="form-check">
      <input class="form-check-input" type="checkbox" name="shuffle_choices" value="1" @checked(old('shuffle_choices', $exam->shuffle_choices ?? true))>
      <label class="form-check-label">جابجایی گزینه‌ها</label>
    </div>
  </div>
</div>
<hr>

  <button class="btn btn-primary">ذخیره تنظیمات</button>
</form>

<div class="row g-3">
  <div class="col-lg-6">
    <div class="card p-3 rounded-4">
      <h6 class="mb-3">سوالات آزمون</h6>
      @if($exam->questions->isEmpty())
        <div class="text-muted">هنوز سوالی اضافه نشده.</div>
      @else
        <ol class="small">
          @foreach($exam->questions as $q)
            <li class="mb-2">
              { '{' } Str::limit($q->body, 90) { '}' }
              <form class="d-inline" method="POST" action="{{ route('teacher.exams.detachQuestion', ['exam'=>$exam,'question'=>$q]) }}">
                @csrf @method('DELETE')
                <button class="btn btn-sm btn-outline-danger">حذف</button>
              </form>
            </li>
          @endforeach
        </ol>
      @endif
    </div>
  </div>

  <div class="col-lg-6">
    <div class="card p-3 rounded-4">
      <h6 class="mb-3">افزودن سوال</h6>
      <form method="POST" action="{{ route('teacher.exams.attachQuestion', $exam) }}">
        @csrf
        <div class="input-group">
          <select class="form-select" name="question_id" required>
            @foreach($availableQuestions as $q)
              <option value="{ '{' } $q->id { '}' }">{ '{' } Str::limit($q->body, 70) { '}' } — { '{' } $q->bank->subject->name ?? '-' { '}' }</option>
            @endforeach
          </select>
          <button class="btn btn-primary">افزودن</button>
        </div>
      </form>
      <div class="form-text mt-2">برای MVP تا 200 سوال آخر نمایش داده می‌شود.</div>
    </div>
  </div>
</div>
@endsection