import React from "react" import { Head, Link } from "@inertiajs/react" import AppLayout from "@/layouts/app-layout" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { ArrowLeft } from "lucide-react" import type { BreadcrumbItem } from "@/types" import { PageCategory } from "@/types/admin/Page" import { index } from "@/routes/admin/page-category" import parse from "html-react-parser" interface Props { pageCategory: PageCategory } export default function Show({ pageCategory }: Props) { const breadcrumbs: BreadcrumbItem[] = [ { title: "Categories", href: index().url }, { title: "View Details", href: "#" }, ] return (
{/* Header Actions */}

{pageCategory.title}

{pageCategory.status ? "Active" : "Inactive"}
{/* Content Grid */}
{/* Main Details */} Category Information

Title

{pageCategory.title}

Slug

{pageCategory.slug}

Description

{pageCategory.description ? (
{parse(pageCategory.description)}
) : (

No description provided for this category.

)}
{/* Sidebar / Metadata */}
{pageCategory.image && ( Image
{pageCategory.title}
)} System Information

Record ID

# {pageCategory.id}
) }