import { Head, Link, router } from '@inertiajs/react'; import { PlusIcon } from 'lucide-react'; import { ClassroomStatusBadge } from '@/components/classrooms/badges'; import { formatDate } from '@/components/classrooms/format'; import Pagination from '@/components/classrooms/pagination'; import type { Classroom, Paginated } from '@/components/classrooms/types'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/components/ui/table'; import { Tooltip, TooltipContent, TooltipTrigger, } from '@/components/ui/tooltip'; import classrooms, { index as classroomsIndex } from '@/routes/classrooms'; type Props = { classrooms: Paginated; creditsAvailable: number; }; export default function ClassroomsIndex({ classrooms: classroomsPage, creditsAvailable, }: Props) { const rows = classroomsPage.data; return ( <>

Aule

Gestisci le aule virtuali e le lezioni della tua organizzazione.

Crediti disponibili: {creditsAvailable} {creditsAvailable === 0 ? ( Nessun credito disponibile. Acquista un pacchetto per creare una nuova aula. ) : ( )}

Codice Nome Corso Periodo Discenti Lezioni Stato {rows.length === 0 && ( Nessuna aula creata. Crea la tua prima aula per iniziare. )} {rows.map((classroom) => ( router.visit( classrooms.show(classroom.uuid), ) } > e.stopPropagation()} > {classroom.code} {classroom.name} {classroom.course_title ?? '—'} {classroom.starts_on || classroom.ends_on ? `${formatDate(classroom.starts_on)} - ${formatDate(classroom.ends_on)}` : '—'} {classroom.participants_count} {classroom.max_participants !== null ? `/${classroom.max_participants}` : ''} {classroom.meetings_count} ))}

); } ClassroomsIndex.layout = { breadcrumbs: [{ title: 'Aule', href: classroomsIndex() }], };