import { useTranslation } from '@/hooks/use-translation'; import { Head, Link, useForm } 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 { Label } from '@/components/ui/label'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import RichTextEditor from '@/components/rich-text-editor'; import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '@/components/ui/dialog'; import { type BreadcrumbItem } from '@/types'; import { Save, FileText } from 'lucide-react'; interface EmailCampaign { id: number; name: string; } interface EmailTemplate { id: number; name: string; subject: string; content: string; } interface Props { campaign: EmailCampaign; templates: EmailTemplate[]; } export default function CreateCampaignEmail({ campaign, templates }: Readonly) { const { t } = useTranslation(); const [showTemplateDialog, setShowTemplateDialog] = useState(false); const { data, setData, post, processing, errors } = useForm({ subject: '', content: '', }); const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard' }, { title: 'Campaigns', href: '/admin/campaigns' }, { title: campaign.name, href: `/admin/campaigns/${campaign.id}` }, { title: 'Create Email', href: `/admin/campaigns/${campaign.id}/emails/create` }, ]; const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); post(`/admin/campaigns/${campaign.id}/emails`); }; const handleLoadTemplate = (templateId: number) => { const template = templates.find(t => t.id === templateId); if (template) { setData({ subject: template.subject, content: template.content, }); setShowTemplateDialog(false); } }; return (

Create Campaign Email

Email Details {t('This email will be queued as pending and can be sent to all confirmed subscribers.')}
setData('subject', e.target.value)} placeholder={t('Enter email subject')} required /> {errors.subject &&

{errors.subject}

}
setData('content', value)} /> {errors.content &&

{errors.content}

}

Available placeholders: {'{member_name}'}, {'{campaign_name}'}

Subject:

{data.subject || 'Email Subject'}