import { useTranslation } from '@/hooks/use-translation'; import React, { useMemo } from 'react'; import { Head, Link, router } from '@inertiajs/react'; import AppLayout from '@/layouts/app-layout'; import { Button } from '@/components/ui/button'; import { ArrowLeft, Calendar, Users, Globe, Plus, Edit, Trash2 } from 'lucide-react'; import { Badge } from "@/components/ui/badge"; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; import { type BreadcrumbItem } from '@/types'; interface Calendar { id: number; name: string; members_only: boolean; public: boolean; created_at: string; updated_at: string; } interface CalendarShowProps { calendar: Calendar; } export default function CalendarShow({ calendar }: CalendarShowProps) { const { t } = useTranslation(); const breadcrumbs: BreadcrumbItem[] = useMemo(() => [ { title: 'Dashboard', href: '/dashboard', }, { title: 'Calendars', href: '/admin/calendars', }, { title: calendar.name, href: `/admin/calendars/${calendar.id}`, } ], [calendar.name, calendar.id]); const handleDelete = () => { if (confirm(`Are you sure you want to delete the calendar "${calendar.name}"? This will also delete all associated events.`)) { router.delete(`/admin/calendars/${calendar.id}`); } }; const formatDate = (dateString: string) => { return new Date(dateString).toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit' }); }; const getVisibilityBadges = () => { const badges = []; if (calendar.public) { badges.push( {t('Public')} ); } if (calendar.members_only) { badges.push( {t('Members Only')} ); } if (!calendar.public && !calendar.members_only) { badges.push( {t('Private')} ); } return badges; }; return (

{/* Header */}

{calendar.name}

{getVisibilityBadges()}

{/* Calendar Details */} {t('Calendar Details')} {t('Information about this calendar')}

{t('Calendar Name')}

{calendar.name}

{t('Visibility')}

{getVisibilityBadges()}

{t('Created')}

{formatDate(calendar.created_at)}

{t('Last Updated')}

{formatDate(calendar.updated_at)}

{/* Quick Actions */} {t('Quick Actions')} {t('Common actions for this calendar')}

{/* Visibility Information */} {t('Visibility Information')} {t('Understanding calendar visibility settings')}

{t('Public Calendar')}

{calendar.public ? "This calendar is visible to everyone, including non-members." : "This calendar is not public." }

{t('Members Only')}

{calendar.members_only ? "This calendar requires member authentication to view." : "This calendar does not require member authentication." }

{!calendar.public && !calendar.members_only && (

{t('Private Calendar:')} This calendar is only accessible to administrators and will not be visible to members or the public.

)}

); }