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'; import { ChevronLeft, Plus } from 'lucide-react'; interface Company { id: number; name: string; } interface DocumentRequirement { id: number; name: string; type: string; required: boolean; instructions?: string; active: boolean; default_status?: string; created_at?: string; } interface DocumentRequirementsIndexProps { company: Company; documentRequirements: DocumentRequirement[]; } export default function DocumentRequirementsIndex({ company, documentRequirements }: DocumentRequirementsIndexProps) { const [deleteDialog, setDeleteDialog] = useState<{ open: boolean; requirement: DocumentRequirement | null }>({ open: false, requirement: null, }); const handleDelete = (requirement: DocumentRequirement) => { setDeleteDialog({ open: true, requirement }); }; const confirmDelete = () => { if (deleteDialog.requirement) { router.delete(`/core/document-requirements/${deleteDialog.requirement.id}`, { onSuccess: () => setDeleteDialog({ open: false, requirement: null }), }); } }; return (

Back to Reseller

Documents Required

Manage document requirements for reseller: {company.name}

{documentRequirements.length > 0 ? (

{documentRequirements.map((req) => (

{req.name} {req.active ? 'Active' : 'Inactive'} {req.required && ( Required )} {req.type}

{req.instructions && (

{req.instructions}

)}

))}

) : (

No document requirements for this reseller yet.

)}

!open && setDeleteDialog({ open: false, requirement: null })} onConfirm={confirmDelete} title="Delete document requirement" description={ deleteDialog.requirement ? `Are you sure you want to delete "${deleteDialog.requirement.name}"?` : '' } /> ); }