import { useTranslation } from '@/hooks/use-translation'; import { Head, Link } 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, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import { Badge } from '@/components/ui/badge'; import { Calendar, Clock, MapPin, Plus, Video, FileText } from 'lucide-react'; interface Props { meetable: Committee | Board; meetableType: 'committee' | 'board'; meetings: Meeting[]; } export default function Index({ meetable, meetableType, meetings }: 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 isPast = (dateString: string) => { return new Date(dateString) < new Date(); }; const upcomingMeetings = meetings.filter(m => !isPast(m.meeting_date)); const pastMeetings = meetings.filter(m => isPast(m.meeting_date)); 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}` }, ]; return (

{meetable.name} Meetings

{t('Manage meetings, agendas, and minutes')}

{/* Upcoming Meetings */}

{t('Upcoming Meetings')}

{upcomingMeetings.length === 0 ? ( {t('No upcoming meetings scheduled')} ) : (
{upcomingMeetings.map((meeting) => (
{meeting.title} {formatDate(meeting.meeting_date)} {formatTime(meeting.meeting_date)} {meeting.location && ( {meeting.location} )} {meeting.meeting_link && ( )}
{t('Upcoming')}
))}
)}
{/* Past Meetings */}

{t('Past Meetings')}

{pastMeetings.length === 0 ? ( {t('No past meetings')} ) : (
{pastMeetings.map((meeting) => (
{meeting.title} {formatDate(meeting.meeting_date)} {formatTime(meeting.meeting_date)} {meeting.location && ( {meeting.location} )} {meeting.minutes && ( {t('Minutes Available')} )}
{t('Past')}
))}
)}
); }