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 { Head, Link, router } from '@inertiajs/react'; import { useState } from 'react'; interface RidingCompany { id: number; name: string; } interface StageTemplate { id: number; riding_company_id: number; name: string; order: number; target_value: number; target_unit: string; duration_days: number; strict_sequence: boolean; allow_cumulative: boolean; description?: string; active: boolean; created_at: string; } interface StageTemplatesIndexProps { ridingCompany: RidingCompany; stageTemplates: StageTemplate[]; } export default function StageTemplatesIndex({ ridingCompany, stageTemplates, }: StageTemplatesIndexProps) { const [deleteDialog, setDeleteDialog] = useState<{ open: boolean; template: StageTemplate | null }>({ open: false, template: null, }); const handleDelete = (template: StageTemplate) => { setDeleteDialog({ open: true, template }); }; const confirmDelete = () => { if (deleteDialog.template) { router.delete(`/ridingcarcompanies/stage-templates/${deleteDialog.template.id}`); } }; const handleToggleStatus = (id: number) => { router.post(`/ridingcarcompanies/stage-templates/${id}/toggle-active`); }; return (

Stage Templates

Manage stage templates for {ridingCompany.name}

{stageTemplates.length > 0 ? ( row.order, }, { header: 'Name', accessor: (row) => ( {row.name} ), }, { header: 'Target', accessor: (row) => `${row.target_value} ${row.target_unit}`, }, { header: 'Duration', accessor: (row) => `${row.duration_days} days`, }, { header: 'Strict Sequence', accessor: (row) => ( {row.strict_sequence ? 'Yes' : 'No'} ), }, { header: 'Allow Cumulative', accessor: (row) => ( {row.allow_cumulative ? 'Yes' : 'No'} ), }, { header: 'Status', accessor: (row) => ( {row.active ? 'Active' : 'Inactive'} ), }, ]} actions={(row) => ( <> )} /> ) : (

No stage templates found.

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

); }