{{-- resources/views/admin/akademik/kelas/_table.blade.php --}}

<div>
    <ul class="nav nav-tabs mb-3 border-bottom-0">
        <li class="nav-item">
            <a href="{{ request()->fullUrlWithQuery(['jenkel' => null, 'page' => null]) }}" 
               class="nav-link {{ !request('jenkel') ? 'active fw-bold' : '' }}">
               <i class="fa fa-layer-group me-1"></i> Semua
            </a>
        </li>

        <li class="nav-item">
            <a href="{{ request()->fullUrlWithQuery(['jenkel' => 'L', 'page' => null]) }}" 
               class="nav-link {{ request('jenkel') == 'L' ? 'active fw-bold text-primary' : '' }}">
               <i class="fa fa-male me-1"></i> Putra
            </a>
        </li>

        <li class="nav-item">
            <a href="{{ request()->fullUrlWithQuery(['jenkel' => 'P', 'page' => null]) }}" 
               class="nav-link {{ request('jenkel') == 'P' ? 'active fw-bold text-danger' : '' }}">
               <i class="fa fa-female me-1"></i> Putri
            </a>
        </li>
    </ul>

    <div class="table-responsive card shadow-sm border-0"> 
        <table class="table table-striped table-hover align-middle mb-0">
            <thead class="table-dark text-center">
                <tr>
                    <th width="5%">No</th>
                    <th>Nama Rombel</th>
                    <th>Angkatan</th>
                    <th>Tahun Ajaran</th>
                    <th>Semester</th>
                    <th>Wali Kelas</th>
                    <th width="15%">Aksi</th>
                </tr>
            </thead>

            <tbody>
                @forelse ($kelas as $item)
                    <tr class="text-center">
                        <td>
                            {{ ($kelas->currentPage() - 1) * $kelas->perPage() + $loop->iteration }}
                        </td>

                        <td class="text-start fw-bold">
                            {{ $item->rombel?->nama_rombel ?? '-' }}
                        </td>

                        <td>
                            {{ $item->angkatan?->tahun_masuk ?? '-' }}
                        </td>

                        <td>
                            {{ $item->tahunAjaran?->tahun_ajaran ?? '-' }}
                        </td>

                        <td>
                            {{ $item->semester?->semester ?? '-' }}
                        </td>

                        <td class="text-start">
                            {{ $item->waliKelas?->name ?? '-' }}
                        </td>

                        <td>
                            <div class="btn-group" role="group">

                                <a href="{{ route('admin.kelas.edit', $item->id) }}"
                                   class="btn btn-warning btn-sm"
                                   title="Edit Kelas">
                                    <i class="fa fa-edit"></i>
                                </a>

                                <form action="{{ route('admin.kelas.destroy', $item->id) }}"
                                      method="POST"
                                      class="d-inline"
                                      data-confirm-delete="true"
                                      data-item-name="Kelas {{ $item->rombel?->nama_rombel ?? '-' }}">
                                    @csrf
                                    @method('DELETE')

                                    <button type="submit"
                                            class="btn btn-danger btn-sm"
                                            title="Hapus Kelas">
                                        <i class="fa fa-trash"></i>
                                    </button>
                                </form>

                            </div>
                        </td>

                    </tr>
                @empty
                    <tr>
                        <td colspan="7" class="text-center text-muted py-5">
                            <div class="d-flex flex-column align-items-center">
                                <i class="fa fa-folder-open fa-3x mb-3 text-secondary op-5"></i>
                                <span>Belum ada data kelas untuk kategori ini.</span>
                            </div>
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-3 d-flex justify-content-end">
        {{ $kelas->withQueryString()->links('pagination::bootstrap-5') }}
    </div>
</div>