import { useTranslation } from '@/hooks/use-translation'; import AppLayout from '@/layouts/app-layout'; import { Head, Link, router } from '@inertiajs/react'; import { Button } from '@/components/ui/button'; import { type BreadcrumbItem } from '@/types'; import { Edit, FileText, Trash2 } from 'lucide-react'; interface HtmlTemplate { id: number; name: string; description: string | null; pages_count: number; } interface Props { templates: HtmlTemplate[]; } export default function HtmlTemplatesIndex({ templates }: Readonly) { const { t } = useTranslation(); const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard' }, { title: 'HTML Publisher', href: '/admin/html-pages' }, { title: 'Templates', href: '/admin/html-templates' }, ]; const handleDelete = (id: number, pagesCount: number) => { if (pagesCount > 0) { alert(`Cannot delete template. ${pagesCount} page(s) are using this template.`); return; } if (confirm('Are you sure you want to delete this template?')) { router.delete(`/admin/html-templates/${id}`); } }; return (

{t('HTML Templates')}

{templates.length === 0 ? ( ) : ( templates.map((template) => ( )) )}
{t('Name')} {t('Description')} {t('Pages Using')} {t('Actions')}
{t('No templates yet. Create a template to reuse headers, footers, and navigation.')}
{template.name} {template.description || '—'} {template.pages_count}
); }