import { Head, Link } from '@inertiajs/react'; import { PageHeader } from '@/components/admin/page-header'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import AppLayout from '@/layouts/app-layout'; import adminRoutes from '@/routes/admin'; import type { BreadcrumbItem } from '@/types'; import type { AdminCategory } from '@/types/admin'; export default function CategoryShow({ category }: { category: AdminCategory }) { const breadcrumbs: BreadcrumbItem[] = [ { title: 'Admin', href: adminRoutes.dashboard().url }, { title: 'Categories', href: adminRoutes.categories.index().url }, { title: category.name, href: adminRoutes.categories.show(category.id).url }, ]; return (
Category Details
Status {category.is_active ? Active : Inactive }
{category.parent && (
Parent {category.parent.name}
)} Stats
Products
{category.products_count ?? 0}
{/* Sub-categories */} {(category.children?.length ?? 0) > 0 && ( Sub-categories ({category.children!.length})
{category.children!.map((child) => (

{child.name}

{child.slug}

{child.is_active ? Active : Inactive }
))}
)}
{/* Image */} Image {category.primary_image?.public_url ? ( {category.primary_image.alt ) : (
No image
)}
); } function Row({ label, value }: { label: string; value: string }) { return (
{label} {value}
); }