#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			       
			      
	<div class="card card-default">
		<div class="card-header">
			<h3 class="oe-editable card-title" id="edit-$question.id" data-dataid="$question.id" data-field="text" data-searchtype="question">$question.text</h3>
		</div>
	</div>
	


<div id="responsearea" >
	<div class="row">
	#foreach($response in $question.getResponses())
		#set($responseimage = $response.responseimage)
		
		<div class="col-md-12">
		
			<div class="card card-default">
				<div class="card-header">
					<h3 class="card-title">
					    <input type="responsefield" 
						<input  name="response.value" type="textarea" value="$response.getId()" >
						$response.getText()
					</h3>
				</div>
				
				
			</div>
			
		</div>
		<input type="hidden" name="response" value="$response.getId()"/>
		#if($hide)
		<!--  This is for WCT.  There is only one response so we should hard code it. -->
		<input type="hidden" name="${response.getId()}.value" value="$response.getId()"/>
		#end
	#end
	</div>
</div>

<script type="text/javascript">
	jQuery(".showlink").livequery('click', function(event){
		jQuery("#responsearea").toggle("fast");
	});	
	function equalHeight(group) {
		tallest = 0;
		group.each(function() {
			thisHeight = $(this).height();
			if(thisHeight > tallest) {
				tallest = thisHeight;
	        }
		});  
	    group.each(function() {
	    	$(this).height(tallest);
	    });
	}
	$(document).ready(function() {
		equalHeight($(".equal-height"));
	});
</script>