@extends('layouts.app')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
  <h4 class="m-0">سوالات</h4>
  <a class="btn btn-primary" href="{{ route('teacher.questions.create') }}">+ افزودن</a>
</div>

<div class="card rounded-4">
  <div class="table-responsive">
    <table class="table align-middle mb-0">
      <thead><tr><th>#</th><th>متن</th><th>بانک/درس</th><th>امتیاز</th><th class="text-end">عملیات</th></tr></thead>
      <tbody>
        @foreach($questions as $q)
          <tr>
            <td>{{ $q->id }}</td>
            <td class="text-truncate" style="max-width:360px">{{ Str::limit($q->body, 80) }}</td>
            <td>{{ $q->bank->title ?? '-' }} / {{ $q->bank->subject->name ?? '-' }}</td>
            <td>{{ $q->score }}</td>
            <td class="text-end">
              <a class="btn btn-sm btn-outline-secondary" href="{{ route('teacher.questions.edit', $q) }}">ویرایش</a>
              <form class="d-inline" method="POST" action="{{ route('teacher.questions.destroy', $q) }}" onsubmit="return confirm('حذف شود؟')">
                @csrf @method('DELETE')
                <button class="btn btn-sm btn-outline-danger">حذف</button>
              </form>
            </td>
          </tr>
        @endforeach
      </tbody>
    </table>
  </div>
</div>

<div class="mt-3">{{ $questions->links() }}</div>
@endsection