Keperluan

<InputError message={errors.purpose} />
            </div>
        </>
    );
}

function CreateForm({
    open,
    onOpenChange,
}: {
    open: boolean;
    onOpenChange: (open: boolean) => void;
}) {
    return (
        <FormDialog
            open={open}
            onOpenChange={onOpenChange}
            title="Ajukan Surat Permohonan"
            action={store()}
            resetOnSuccess
            onSuccess={() => onOpenChange(false)}
        >
            {({ errors }) => (
                <div className="grid gap-4">
                    <LetterRequestFields errors={errors} />
                </div>
            )}
        </FormDialog>
    );
}

function ProcessForm({
    open,
    onOpenChange,
    processing,
}: {
    open: boolean;
    onOpenChange: (open: boolean) => void;
    processing: LetterRequest | null;
}) {
    return (
        <FormDialog
            open={open}
            onOpenChange={onOpenChange}
            title="Selesaikan Surat Permohonan"
            action={processing ? update_status(processing.id) : ''}
            resetOnSuccess
            onSuccess={() => onOpenChange(false)}
        >
            {({ errors }) =>
                processing && (
                    <div className="grid gap-4">
                        <p className="text-sm text-muted-foreground">
                            Unggah dokumen hasil untuk menandai surat ini
                            sebagai selesai.
                        </p>
                        <FileUploadField
                            name="result"
                            label="Dokumen Hasil"
                            existingFileName={processing.result_name}
                            existingFileUrl={processing.result_url}
                            error={errors.result}
                        />
                    </div>
                )
            }
        </FormDialog>
    );
}

function EditForm({
    open,
    onOpenChange,
    editing,
}: {
    open: boolean;
    onOpenChange: (open: boolean) => void;
    editing: LetterRequest | null;
}) {
    return (
        <FormDialog
            open={open}
            onOpenChange={onOpenChange}
            title="Edit Surat Permohonan"
            action={editing ? update(editing.id) : ''}
            resetOnSuccess
            onSuccess={() => onOpenChange(false)}
        >
            {({ errors }) =>
                editing && (
                    <div className="grid gap-4">
                        <LetterRequestFields errors={errors} editing={editing} />
                    </div>
                )
            }
        </FormDialog>
    );
}