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, Edit } from 'lucide-react'; import { type BreadcrumbItem } from '@/types'; import { Facility } from '@/types/admin/Facility'; import { edit, index } from '@/routes/admin/facility'; interface ShowProps { facility: Facility; } export default function Show({ facility }: ShowProps) { const breadcrumbs: BreadcrumbItem[] = [ { title: 'Facilities', href: index().url }, { title: 'Details', href: '#' }, ]; return (

{facility.title}

{facility.status ? 'Active' : 'Inactive'} {facility.category}
{/* Main Content */}
About Facility {facility.description ? (
{facility.description}
) : (

No description provided.

)} {facility.meta_data && Object.keys(facility.meta_data).length > 0 && (

Additional Specifications

{Object.entries(facility.meta_data).map(([key, value]) => (
{key.replace('_', ' ')}
{value as React.ReactNode}
))}
)}
{/* Media Sidebar */}
Media

Main Image

{facility.image ? (
{facility.title}
) : (
No Image
)}

Icon

{facility.icon ? (
Icon
) : (
No Icon
)}
); }