@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.exams.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>وضعیت</th><th class="text-end">عملیات</th></tr></thead>
      <tbody>
        @foreach($exams as $e)
          <tr>
            <td>{{ $e->id }}</td>
            <td>{{ $e->title }}</td>
            <td>{{ $e->classroom->name ?? '-' }}</td>
            <td>{{ $e->subject->name ?? '-' }}</td>
            <td><span class="badge text-bg-{{ $e->status==='published'?'success':($e->status==='closed'?'dark':'secondary') }}">{{ $e->status }}</span></td>
            <td class="text-end">
              <a class="btn btn-sm btn-outline-secondary" href="{{ route('teacher.exams.edit', $e) }}">مدیریت</a>
              <form class="d-inline" method="POST" action="{{ route('teacher.exams.destroy', $e) }}" 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">{{ $exams->links() }}</div>
@endsection