#if($user.get("oe_edit_mode")== "editing")
		<a class="oe-dataedit" data-target="#edit-$question.id"  href="#"><img src="/openedit/components/html/theme/images/htmledit.png"/></a>
	#end			       
			      
			<h3 class="oe-editable card-title" id="edit-$question.id" data-dataid="$question.id" data-field="text" data-searchtype="question">$!question.text</h3>
	

<div class="card card-default">
		<div class="card-header">
 #if($question.media && $question.media != "")
	#set($asset = $mediaarchive.getAsset($question.media))
		<img src="$home$apphome/views/modules/asset/downloads/preview/large/${asset.sourcepath}/thumb.jpg" class="img-responsive img-rounded"/>
			<a href="#" class="ajaxDialog" data-width="90%" data-title="Image"  data-target="$home$apphome/test/imagelarge.html?assetid=${asset.id}">
				<span class="fas fa-zoom-in">Zoom</span>
			</a>
#end
<div id="responsearea" >
	<div class="row">
	<div class="col-md-12">
		<input type="hidden" name="response" value="">
			
	
	<textarea   class="form-control" rows="15" name="response.value" id="textarea">$!node.getResponse().getText() $!responseinfo.responsevalue</textarea>
</div>
	</div>
</div>

</div>
</div>