import AppLayout from '@/layouts/app-layout'; import Heading from '@/components/heading'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import { Badge } from '@/components/ui/badge'; import { Head, Link, router } from '@inertiajs/react'; import { ArrowLeft, Edit, Trash2, FileText } from 'lucide-react'; import { dashboard } from '@/routes'; import { type BreadcrumbItem } from '@/types'; interface CampaignTemplate { id: number; name: string; description: string; category: string; template_data: { message?: string; language?: string; voice?: string; enable_recording?: boolean; enable_dtmf?: boolean; max_concurrent_calls?: number; retry_attempts?: number; retry_delay_minutes?: number; dtmf_actions?: Record; }; is_system_template: boolean; usage_count: number; created_at: string; updated_at: string; } interface Props { template: CampaignTemplate; } export default function Show({ template }: Props) { const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: dashboard().url }, { title: 'Campaign Templates', href: '/campaign-templates' }, { title: template.name, href: `/campaign-templates/${template.id}` }, ]; const handleDelete = () => { if (confirm('Are you sure you want to delete this template?')) { router.delete(`/campaign-templates/${template.id}`, { onSuccess: () => { router.visit('/campaign-templates'); }, }); } }; const handleUseTemplate = () => { router.visit(`/campaigns/create?template=${template.id}`); }; return (
{/* Header */}
{template.is_system_template ? 'System Template' : 'Custom Template'}
{/* Actions */}
{!template.is_system_template && ( <> )}
{/* Template Details */}
Template Information

{template.category.replace('_', ' ')}

{template.usage_count} times

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

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

 Campaign Settings {template.template_data.language && (

{template.template_data.language}

)} {template.template_data.voice && (

{template.template_data.voice}

)} {template.template_data.max_concurrent_calls !== undefined && (

{template.template_data.max_concurrent_calls}

)} {template.template_data.retry_attempts !== undefined && (

{template.template_data.retry_attempts}

)} {template.template_data.retry_delay_minutes !== undefined && (

{template.template_data.retry_delay_minutes} minutes

)}
{/* Message/Script */} {template.template_data.message && ( Message Script The message that will be used in campaigns

{template.template_data.message}

 )} {/* Features */} Features
Call Recording {template.template_data.enable_recording ? 'Enabled' : 'Disabled'}
DTMF Input {template.template_data.enable_dtmf ? 'Enabled' : 'Disabled'}
); }