import { Head, Link, router } from '@inertiajs/react'; import { DataTablePagination } from '@/components/admin/data-table'; import { PageHeader } from '@/components/admin/page-header'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'; import AppLayout from '@/layouts/app-layout'; import adminRoutes from '@/routes/admin'; import type { BreadcrumbItem } from '@/types'; import type { AdminCategory, Paginated } from '@/types/admin'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Admin', href: adminRoutes.dashboard().url }, { title: 'Categories', href: adminRoutes.categories.index().url }, ]; interface Filters extends Record { search?: string; parent_id?: string; is_active?: string; per_page?: string } export default function CategoriesIndex({ categories, parentCategories, filters, }: { categories: Paginated; parentCategories: { id: number; name: string }[]; filters: Filters; }) { function applyFilter(key: string, value: string) { router.get(adminRoutes.categories.index().url, { ...filters, [key]: value, page: 1 }, { preserveState: true, preserveScroll: true }); } return (

applyFilter('search', e.target.value)} />

Name Slug Parent Status Sort Products {categories.data.length === 0 && ( No categories found )} {categories.data.map((cat) => ( {cat.name} {cat.slug} {cat.parent ? ( {cat.parent.name} ) : '—'} {cat.is_active ? Active : Inactive } {cat.sort_order} {cat.products_count ?? 0} ))}

); }