@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.banks.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 class="text-end">عملیات</th></tr></thead>
      <tbody>
        @foreach($banks as $b)
          <tr>
            <td>{{ $b->id }}</td>
            <td>{{ $b->title }}</td>
            <td>{{ $b->subject->name ?? '-' }}</td>
            <td class="text-end">
              <a class="btn btn-sm btn-outline-secondary" href="{{ route('teacher.banks.edit', $b) }}">ویرایش</a>
              <form class="d-inline" method="POST" action="{{ route('teacher.banks.destroy', $b) }}" 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">{{ $banks->links() }}</div>
@endsection