import { useTranslation } from '@/hooks/use-translation'; import { Head, Link, router } from '@inertiajs/react'; import AppLayout from '@/layouts/app-layout'; import { Committee, Board, Meeting, BreadcrumbItem } from '@/types'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Badge } from '@/components/ui/badge'; import { Separator } from '@/components/ui/separator'; import { Calendar, Clock, MapPin, Video, FileText, Mail, Pencil, Trash2 } from 'lucide-react'; interface Props { meetable: Committee | Board; meetableType: 'committee' | 'board'; meeting: Meeting; } export default function Show({ meetable, meetableType, meeting }: Readonly) { const { t } = useTranslation(); const formatDate = (dateString: string) => { return new Date(dateString).toLocaleDateString('en-US', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', }); }; const formatTime = (dateString: string) => { return new Date(dateString).toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit', hour12: true, }); }; const isMeetingPast = new Date(meeting.meeting_date) < new Date(); const handleDelete = () => { if (confirm('Are you sure you want to delete this meeting? This action cannot be undone.')) { router.delete(`/admin/meetings/${meetableType}/${meetable.id}/${meeting.id}`); } }; const handleSendInvitations = () => { router.post(`/admin/meetings/${meetableType}/${meetable.id}/${meeting.id}/send-invitations`); }; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard' }, { title: meetableType === 'committee' ? 'Committees' : 'Boards', href: `/admin/${meetableType}s` }, { title: meetable.name, href: `/admin/${meetableType}s/${meetable.id}` }, { title: 'Meetings', href: `/admin/meetings/${meetableType}/${meetable.id}` }, { title: meeting.title, href: `/admin/meetings/${meetableType}/${meetable.id}/${meeting.id}` }, ]; return (

{meeting.title}

{meetable.name}

{isMeetingPast ? 'Past' : 'Upcoming'}
{/* Meeting Details Card */} {t('Meeting Details')}

{formatDate(meeting.meeting_date)}

{t('Date')}

{formatTime(meeting.meeting_date)}

{t('Time')}

{meeting.location && ( <>

{meeting.location}

{t('Location')}

)} {meeting.meeting_link && ( <>
)} {/* Agenda Card */} {meeting.agenda && ( {t('Agenda')}
{meeting.agenda}
 )} {/* Minutes Card */} {meeting.minutes && (
{t('Meeting Minutes')}
{meeting.minutes}
 )} {!meeting.minutes && isMeetingPast && (

{t('No Minutes Available')}

{t('Add meeting minutes to document decisions and action items')}

)} {/* Actions */} {t('Actions')} {!isMeetingPast && ( )}
); }