import { ActivityLog } from '@/components/core/activity-log'; 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 { Activity, Building2, Edit, Trash2, ArrowLeft } from 'lucide-react'; import { useState } from 'react'; import { DeleteDialog } from '@/components/core/delete-dialog'; import { usePermissions } from '@/hooks/use-permissions'; import { formatDate } from '@/utils/date-format'; interface RidingCompany { id: number; name: string; } interface LeadStage { id: number; name: string; slug: string; description?: string; color?: string; order: number; active: boolean; requires_all_documents_approved: boolean; riding_company?: RidingCompany; created_at: string; updated_at: string; } interface LeadStagesShowProps { leadStage: LeadStage; activities?: Array<{ id: number; description: string; event?: string; properties?: { old?: Record; attributes?: Record; }; causer?: { id: number; name: string; email?: string; } | null; created_at: string; }>; } export default function LeadStagesShow({ leadStage, activities = [] }: LeadStagesShowProps) { const { can } = usePermissions(); const [activeTab, setActiveTab] = useState<'overview' | 'updates'>('overview'); const [deleteDialog, setDeleteDialog] = useState<{ open: boolean }>({ open: false }); const handleDelete = () => { setDeleteDialog({ open: true }); }; const confirmDelete = () => { router.delete(`/drivers/lead-stages/${leadStage.id}`); }; if (!leadStage) { return (

Lead stage not found.

 ); } return (

{leadStage.name}

Lead Stage Details

{can('drivers', 'leadstages', 'update') && ( )} {can('drivers', 'leadstages', 'delete') && ( )}
{activeTab === 'overview' && (

Basic Information

Name

{leadStage.name}

Slug

{leadStage.slug}

{leadStage.riding_company && (

Riding Company

{leadStage.riding_company.name}

)}

Trip

{leadStage.order}

Color

{leadStage.color ? (
{leadStage.color}
) : (

-

)}

Status

{leadStage.active ? 'Active' : 'Inactive'}

Requires All Documents Approved

{leadStage.requires_all_documents_approved ? 'Yes' : 'No'}
{leadStage.description && (

Description

{leadStage.description}

)}

Timestamps

Created At

{formatDate(leadStage.created_at)}

Updated At

{formatDate(leadStage.updated_at)}

)} {activeTab === 'updates' && (

Activity Log

 )} setDeleteDialog({ open })} onConfirm={confirmDelete} title="Delete Lead Stage" description={`Are you sure you want to delete "${leadStage.name}"? This action cannot be undone.`} />
); }