import FlashMessages from '@/components/seating/flash-messages'; import { formatDateTime, type SeatAssignment, type SeatingSeason } from '@/components/seating/types'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import { useTranslation } from '@/hooks/use-translation'; import AppLayout from '@/layouts/app-layout'; import { formatCurrency } from '@/lib/utils'; import { type BreadcrumbItem, type SharedData } from '@/types'; import { Head, Link, usePage } from '@inertiajs/react'; import { Armchair } from 'lucide-react'; interface Props { seasons: SeatingSeason[]; myAssignments: SeatAssignment[]; } const breadcrumbs: BreadcrumbItem[] = [ { title: 'My Dashboard', href: '/member/dashboard' }, { title: 'High Holy Day Seats', href: '/member/seating' }, ]; export default function MemberSeatingIndex({ seasons, myAssignments }: Readonly) { const { t } = useTranslation(); const { currency } = usePage().props; const pendingRenewals = (seasonId: number) => myAssignments.filter((a) => a.seating_season_id === seasonId && a.status === 'renewal').length; return (

{t('High Holy Day Seats')}

{t('Reserve your seats for Rosh Hashanah and Yom Kippur.')}

{seasons.length === 0 ? (

{t('Seat reservations are not open right now. Please check back closer to the holidays.')}

 ) : (
{seasons.map((season) => { const renewals = pendingRenewals(season.id); return ( {season.name} {season.is_open_for_members ? season.sale_ends_at ? t('Open until :date', { date: formatDateTime(season.sale_ends_at) }) : t('Open now') : season.sale_starts_at ? t('General sale opens :date', { date: formatDateTime(season.sale_starts_at) }) : t('Renewals only')} {renewals > 0 ? {t(':count seats held for you', { count: renewals })} : } ); })}
)} {myAssignments.some((a) => a.status === 'reserved') && (

{t('My Seats')}

{myAssignments.filter((a) => a.status === 'reserved').map((a) => ( ))}
{t('Season')} {t('Seat')} {t('Section')} {t('Price')} {t('Invoice')}
{a.season?.name} {a.seat?.label} {a.seat?.section?.name ?? '-'} {formatCurrency(a.price, currency)} {a.invoice ? (
{a.invoice.invoice_number} {a.invoice.status === 'paid' ? {t('Paid')} : {t('Pay now')}}
) : '-'}
)}
); }