import { useTranslation } from '@/hooks/use-translation'; import { Head, Link, router } from '@inertiajs/react'; import { useState } from 'react'; import AppLayout from '@/layouts/app-layout'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '@/components/ui/dialog'; import { Badge } from '@/components/ui/badge'; import { type BreadcrumbItem } from '@/types'; import { FileText, Trash2 } from 'lucide-react'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'System', href: '/dashboard', }, { title: 'Email Templates', href: '/admin/templates', }, ]; interface EmailTemplate { id: number; name: string; description: string | null; subject: string; content: string; created_at: string; updated_at: string; } interface Props { templates: EmailTemplate[]; } export default function TemplateIndex({ templates }: Readonly) { const { t } = useTranslation(); const [search, setSearch] = useState(''); const [deleteDialog, setDeleteDialog] = useState(false); const [selectedTemplate, setSelectedTemplate] = useState(null); const filteredTemplates = templates.filter((template) => template.name.toLowerCase().includes(search.toLowerCase()) || template.subject.toLowerCase().includes(search.toLowerCase()) ); const handleDelete = () => { if (selectedTemplate) { router.delete(`/admin/templates/${selectedTemplate.id}`, { onSuccess: () => { setDeleteDialog(false); setSelectedTemplate(null); }, }); } }; return (

{t('Email Templates')}

{t('Manage reusable email templates for campaigns')}

setSearch(e.target.value)} className="max-w-sm" /> {filteredTemplates.length} templates

{filteredTemplates.length === 0 ? ( ) : ( filteredTemplates.map((template) => ( )) )}

{t('Name')}	{t('Subject')}	{t('Description')}	{t('Updated')}	{t('Actions')}
{search ? 'No templates match your search' : 'No templates found. Create your first template to get started.'}
{template.name}	{template.subject}	{template.description \|\| '-'}	{new Date(template.updated_at).toLocaleDateString()}

); }