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 { Input } from '@/components/ui/input'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import { Card, CardContent } from '@/components/ui/card'; import { Badge } from '@/components/ui/badge'; import { PdfTemplate } from '@/types'; import { useMemo, useState } from 'react'; import { FileText, Plus, Search, Eye, Pencil, Trash2 } from 'lucide-react'; import { type BreadcrumbItem } from '@/types'; interface Props { templates: { data: PdfTemplate[]; current_page: number; last_page: number; per_page: number; total: number; }; filters: { search?: string; category?: string; is_active?: string; }; } export default function Index({ templates, filters }: Props) { const { t } = useTranslation(); const [search, setSearch] = useState(filters.search || ''); const [category, setCategory] = useState(filters.category || ''); const [isActive, setIsActive] = useState(filters.is_active || ''); const breadcrumbs: BreadcrumbItem[] = useMemo(() => [ { title: 'Dashboard', href: '/dashboard' }, { title: 'PDF Templates', href: '/admin/pdf-templates' }, ], []); const handleFilter = () => { router.get('/admin/pdf-templates', { search, category: category || undefined, is_active: isActive || undefined, }, { preserveState: true }); }; const handleDelete = (id: number) => { if (confirm('Are you sure you want to delete this PDF template?')) { router.delete(`/admin/pdf-templates/${id}`); } }; const categoryColors: Record = { letter: 'bg-blue-100 text-blue-800', form: 'bg-green-100 text-green-800', invoice: 'bg-purple-100 text-purple-800', general: 'bg-gray-100 text-gray-800', }; return (
{/* Header */}

{t('PDF Templates')}

{t('Manage document templates with dynamic field replacement')}

{/* Filters */}
setSearch(e.target.value)} onKeyPress={(e) => e.key === 'Enter' && handleFilter()} />
{/* Templates List */}
{templates.data.map((template) => (

{template.name}

{template.category} {template.is_active ? ( {t('Active')} ) : ( {t('Inactive')} )}
{template.description && (

{template.description}

)}
{template.available_fields.length} available fields
))}
{/* Pagination */} {templates.last_page > 1 && (
{Array.from({ length: templates.last_page }, (_, i) => i + 1).map((page) => ( ))}
)} {templates.data.length === 0 && (

{t('No templates found')}

{t('Get started by creating your first PDF template.')}

 )}
); }