import MainLayout from "@/Layouts/MainLayout"; import { Head, Link, router } from "@inertiajs/react"; export default function BukuIndex({ bukus }) { const handleDelete = (id) => { if (confirm("Yakin ingin menghapus buku ini?")) { router.delete(`/buku/${id}`); } }; return (

📚 Data Buku

+ Tambah Buku
{bukus.data.map((buku, index) => ( ))}
No Judul Pengarang Kategori Stok Tersedia Aksi
{(bukus.current_page - 1) * bukus.per_page + index + 1} {buku.judul} {buku.pengarang} {buku.kategori?.nama_kategori} {buku.stok} 0 ? "bg-green-100 text-green-700" : "bg-red-100 text-red-700" }`} > {buku.stok_tersedia}
Edit
{/* Pagination */}

Menampilkan {bukus.from} - {bukus.to} dari{" "} {bukus.total} data

{bukus.links.map((link, i) => ( ))}
); }