import AppLayout from '@/layouts/app-layout'; import { type BreadcrumbItem } from '@/types'; import { Head, Link, useForm } from '@inertiajs/react'; import { Card, CardContent, CardFooter, CardHeader, CardTitle, } from "@/components/ui/card" import { Input } from "@/components/ui/input" import InputError from '@/components/input-error'; import { Button, buttonVariants } from '@/components/ui/button'; import { Label } from '@/components/ui/label'; import { FormEventHandler, useRef } from 'react'; import { Switch } from '@/components/ui/switch'; type EditSurveyForm = { title: string; is_active: boolean; }; export default function Edit({ survey }: { survey: any }) { const titleInput = useRef(null); const { data, setData, errors, put, reset, processing } = useForm({ title: survey.title || '', is_active: survey.is_active || false, }); const editSurvey: FormEventHandler = (e) => { e.preventDefault(); put(route('survey.update', survey.id), { preserveScroll: true, onError: (errs) => { if (errs.title) { titleInput.current?.focus(); } } }); }; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Survey Edit', href: `/survey/${survey.id}/edit`, }, ]; return (
Survey List
Edit Survey
{/* Title Field */}
setData('title', e.target.value)} placeholder="Enter the survey title" disabled={processing} />
{/* Active Toggle */} {/*
setData('is_active', checked)} disabled={processing || survey.type === 'initial'} />
*/}
Cancel
); }