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, Calendar, Clock, MapPin } from 'lucide-react'; import { type BreadcrumbItem } from '@/types'; import { NewsEvent } from '@/types/admin/NewsEvent'; import { index, edit, create } from '@/routes/admin/news-event'; interface Props { newsEvent: NewsEvent; } export default function Show({ newsEvent }: Props) { const breadcrumbs: BreadcrumbItem[] = [ { title: 'News & Events', href: index().url }, { title: 'Details', href: '#' }, ]; // Handle image being string, array of strings, or potential null/undefined const rawImages = newsEvent.image; const images: string[] = Array.isArray(rawImages) ? rawImages : (typeof rawImages === 'string' ? [rawImages] : []); return (

{newsEvent.title}

{newsEvent.status ? 'Active' : 'Inactive'} • {newsEvent.category || 'Uncategorized'}
{/* Main Content */}
Description
{newsEvent.description ? (

) : ( No description available. )}

{images.map((file, index) => { const isPdf = file.toLowerCase().endsWith(".pdf"); return (
{isPdf ? (