@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('admin.classrooms.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($classrooms as $c)
          <tr>
            <td>{{ $c->id }}</td>
            <td>{{ $c->name }}</td>
            <td>{{ $c->grade }}</td>
            <td class="text-end">
              <a class="btn btn-sm btn-outline-secondary" href="{{ route('admin.classrooms.edit', $c) }}">ویرایش</a>
              <form class="d-inline" method="POST" action="{{ route('admin.classrooms.destroy', $c) }}" 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">{{ $classrooms->links() }}</div>
@endsection