import FlashMessages from '@/components/seating/flash-messages'; import SeasonFormDialog from '@/components/seating/season-form-dialog'; import { type GlAccount, type SeatingSeason } from '@/components/seating/types'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent } from '@/components/ui/card'; import { useTranslation } from '@/hooks/use-translation'; import AppLayout from '@/layouts/app-layout'; import { type BreadcrumbItem } from '@/types'; import { Head, Link } from '@inertiajs/react'; import { Armchair, LayoutGrid, Plus } from 'lucide-react'; import { useState } from 'react'; type SeasonRow = SeatingSeason & { chart: { id: number; name: string } | null; seat_count: number; reserved_count: number; renewal_count: number; }; interface Props { seasons: SeasonRow[]; charts: { id: number; name: string }[]; glAccounts: GlAccount[]; } const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard' }, { title: 'High Holy Day Seating', href: '/admin/seating-seasons' }, ]; export default function SeatingSeasonsIndex({ seasons, charts, glAccounts }: Readonly) { const { t } = useTranslation(); const [creating, setCreating] = useState(false); return (

{t('High Holy Day Seating')}

{t('Assign and invoice seats for each season, or open the season for members to choose their own.')}

{charts.length === 0 && (

{t('Start by creating a seating chart from a floor plan of your sanctuary.')}

 )} {charts.length > 0 && seasons.length === 0 && (

{t('No seasons yet. Create one to start assigning seats.')}

 )} {seasons.length > 0 && (
{seasons.map((season) => ( ))}
{t('Season')} {t('Chart')} {t('First service')} {t('Seats sold')} {t('Member sales')}
{season.name} {season.chart?.name} {season.first_service_date ? new Date(season.first_service_date).toLocaleDateString(undefined, { timeZone: 'UTC' }) : '-'} {season.reserved_count} / {season.seat_count} {season.renewal_count > 0 && ( {t(':count renewals pending', { count: season.renewal_count })} )} {season.is_open_for_members ? {t('Open')} : {!season.member_sales_enabled ? t('Admin only') : season.sale_starts_at && new Date(season.sale_starts_at) > new Date() ? t('Scheduled') : t('Closed')}}
)}
); }