import { useTranslation } from '@/hooks/use-translation'; import React from 'react'; import { Head, Link, router } 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 { ArrowLeft, Edit, Trash2 } from 'lucide-react'; import { type BreadcrumbItem } from '@/types'; interface Report { id: number; title: string; report_date: string; content: string; created_at: string; updated_at: string; } interface Reportable { id: number; name: string; } interface Props { report: Report; reportable: Reportable; reportableType: 'committee' | 'board'; } export default function ReportsShow({ report, reportable, reportableType }: Readonly) { const { t } = useTranslation(); const formatDate = (dateString: string) => { return new Date(dateString).toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric', }); }; const handleDelete = () => { if (confirm('Are you sure you want to delete this report? This action cannot be undone.')) { router.delete(`/admin/reports/${reportableType}/${reportable.id}/${report.id}`); } }; const entityName = reportableType === 'committee' ? 'Committee' : 'Board'; const backUrl = `/admin/reports/${reportableType}/${reportable.id}`; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard' }, { title: `${entityName}s`, href: `/admin/${reportableType}s` }, { title: reportable.name, href: `/admin/${reportableType}s/${reportable.id}` }, { title: 'Reports', href: backUrl }, { title: report.title, href: `/admin/reports/${reportableType}/${reportable.id}/${report.id}` }, ]; return (

{report.title}

{reportable.name}

{t('Report Details')}

{t('Report Date')}

{formatDate(report.report_date)}

{t('Content')}

{report.content}

{t('Created')}

{formatDate(report.created_at)}

{t('Last Updated')}

{formatDate(report.updated_at)}

); }