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 { AdminBrand } from '@/types/admin'; export default function BrandShow({ brand }: { brand: AdminBrand }) { const breadcrumbs: BreadcrumbItem[] = [ { title: 'Admin', href: adminRoutes.dashboard().url }, { title: 'Brands', href: adminRoutes.brands.index().url }, { title: brand.name, href: adminRoutes.brands.show(brand.id).url }, ]; return (
Brand Details
Status {brand.is_active ? Active : Inactive }
Stats
Products
{brand.products_count ?? 0}
{/* Media */} Images ({brand.media?.length ?? 0}) {!brand.media?.length &&

No images

} {brand.media?.map((m) => (
{m.alt {m.is_primary && Primary}
))}
); } function Row({ label, value }: { label: string; value: string }) { return (
{label} {value}
); }