import { Form, Head } from '@inertiajs/react'; import { Check, Copy } from 'lucide-react'; import { useState } from 'react'; import HeadingSmall from '@/components/heading-small'; import { SortableHeader, useSort } from '@/components/sortable-header'; import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, } from '@/components/ui/dialog'; import AppLayout from '@/layouts/app-layout'; import { destroy, index, store, update } from '@/routes/admin/web-forms'; const FORM_TYPES = [ { value: 'enrollment', label: 'Enrollment' }, { value: 'credit_check', label: 'Credit Check' }, ] as const; type FormTypeValue = (typeof FORM_TYPES)[number]['value']; type WebForm = { id: number; name: string; slug: string; type: FormTypeValue; description: string | null; post_path: string | null; }; type Props = { webForms: WebForm[]; }; const breadcrumbs = [{ title: 'Web Forms', href: index.url() }]; function CopyButton({ text }: { text: string }) { const [copied, setCopied] = useState(false); function copy() { navigator.clipboard.writeText(text).then(() => { setCopied(true); setTimeout(() => setCopied(false), 2000); }); } return ( ); } export default function WebForms({ webForms }: Props) { const [createOpen, setCreateOpen] = useState(false); const [editingId, setEditingId] = useState(null); const { sorted, sortColumn, sortDirection, toggleSort } = useSort(webForms, 'name'); return (

Web Forms

Add web form Create a new web form and configure its settings.
setCreateOpen(false)} > {({ processing, errors }) => (
{errors.name && (
{errors.name}
)}
{errors.slug && (
{errors.slug}
)}
{errors.type && (
{errors.type}
)}
{errors.description && (
{errors.description}
)}
{errors.post_path && (
{errors.post_path}
)}
)}
{/* Web forms table */}
{sorted.map((wf) => { const apiUrl = `${window.location.origin}/api/public/v1/web-forms/${wf.slug}`; return ( ); })}
Form API URL
{wf.name} {FORM_TYPES.find((t) => t.value === wf.type)?.label ?? wf.type} {wf.description ?? '—'}
{apiUrl}
setEditingId(open ? wf.id : null)} > Edit web form Update {wf.name} settings.
setEditingId(null)} > {({ processing, errors }) => (
{errors.name && (
{errors.name}
)}
{errors.slug && (
{errors.slug}
)}
{errors.type && (
{errors.type}
)}
{errors.description && (
{errors.description}
)}
{errors.post_path && (
{errors.post_path}
)}
)}
{({ processing }) => ( )}
{webForms.length === 0 && (
No web forms yet.
)}
); }