import { useTranslation } from '@/hooks/use-translation'; import { Head, Link, router } from '@inertiajs/react'; import AppLayout from '@/layouts/app-layout'; import { Button } from '@/components/ui/button'; import { Badge } from '@/components/ui/badge'; import { type BreadcrumbItem } from '@/types'; import { FileText } from 'lucide-react'; interface EmailTemplate { id: number; name: string; description: string | null; subject: string; content: string; created_at: string; updated_at: string; } interface Props { template: EmailTemplate; } export default function TemplateShow({ template }: Readonly) { const { t } = useTranslation(); const breadcrumbs: BreadcrumbItem[] = [ { title: 'System', href: '/dashboard', }, { title: 'Email Templates', href: '/admin/templates', }, { title: template.name, href: `/admin/templates/${template.id}`, }, ]; const handleDelete = () => { if (confirm(`Delete template "${template.name}"?`)) { router.delete(`/admin/templates/${template.id}`, { onSuccess: () => router.visit('/admin/templates'), }); } }; return (

{template.name}

{template.description && (

{template.description}

)}

{t('Created')}

{new Date(template.created_at).toLocaleString()}

{t('Last Updated')}

{new Date(template.updated_at).toLocaleString()}

{t('Email Preview')}

{template.subject}