import { DataTable } from '@/components/core/data-table'; import { DeleteDialog } from '@/components/core/delete-dialog'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card } from '@/components/ui/card'; import AppLayout from '@/layouts/app-layout'; import { type Campaign } from '@/types/marketing'; import { Head, Link, router } from '@inertiajs/react'; import { useState } from 'react'; interface CampaignsIndexProps { campaigns: Campaign[]; } export default function CampaignsIndex({ campaigns }: CampaignsIndexProps) { const [deleteDialog, setDeleteDialog] = useState<{ open: boolean; campaign: Campaign | null }>({ open: false, campaign: null, }); const handleDelete = (campaign: Campaign) => { setDeleteDialog({ open: true, campaign }); }; const confirmDelete = () => { if (deleteDialog.campaign) { router.delete(`/marketing/campaigns/${deleteDialog.campaign.id}`); } }; const handleToggleStatus = (campaign: Campaign) => { const statusSlug = campaign.status?.slug || ''; const action = statusSlug === 'active' ? 'pause' : 'activate'; router.post(`/marketing/campaigns/${campaign.id}/${action}`); }; const getStatusColor = (statusSlug: string) => { switch (statusSlug) { case 'active': return 'default'; case 'paused': return 'secondary'; case 'completed': return 'outline'; case 'cancelled': return 'destructive'; default: return 'secondary'; } }; return (

Campaigns

Manage your marketing campaigns

{campaigns.length > 0 ? ( ( {row.type?.name || '-'} ), }, { header: 'Status', accessor: (row) => ( {row.status?.name || '-'} ), }, { header: 'Start Date', accessor: (row) => row.start_date ? new Date(row.start_date).toLocaleDateString() : '-', }, { header: 'Expected Budget', accessor: (row) => row.expected_budget ? `$${row.expected_budget.toLocaleString()}` : '-', }, { header: 'Expected Leads', accessor: (row) => row.expected_leads ? row.expected_leads.toLocaleString() : '-', }, ]} actions={(row) => ( <> {(row.status?.slug === 'active' || row.status?.slug === 'paused') && ( )} )} /> ) : (

No campaigns found.

)} setDeleteDialog({ open, campaign: null })} onConfirm={confirmDelete} title="Delete Campaign" description={`Are you sure you want to delete "${deleteDialog.campaign?.name}"? This action cannot be undone.`} />

); }