#set($sessionid = $context.getRequestParameter("sessionid"))
#set($id = $context.getRequestParameter("id"))

#if($id )
	#set($classsearcher = $mediaarchive.getSearcher("analyzerclass"))
	#set($classes = $classsearcher.getAllHits())
	#set($searcher = $mediaarchive.getSearcher("test"))
	#set($test = $searcher.searchById($id))
	<table class="table table-bordered">
		<tr>
			<th>Question</th>
		    <th>Response</th>
		    <th>Guess</th>
		</tr>
	#foreach($node in $test.getNodes())
		#set($question = $node.getQuestion())
		#set($autoclassify = $question.get("autoclassify"))
		#set($confirmed = $question.get("addedtotrainingset"))
		#set($result = $node.get("classificationresult"))
		#set($text = $node.getResponse().getText())
		#set($probability = $node.get("classificationprobability"))
		#if($autoclassify == "true")
			<form role="form">
				<tr>
					<td>
						<div class="form-group">
							$question.getText()
						</div>
					</td>
					<td>
						<div class="form-group">
							<textarea class="form-control" rows="16" cols="50">
								$text
							</textarea>
						</div>
					</td>
					<td>
						#if($result)
							<div class="form-group">
								<label> <!--  for="${node.getId()}-classification" -->
									$classsearcher.searchById($result) #if($probability) ($probability) #end 
								</label>
								<br/>
								<a href="javascript:void(0);">
									<button type="button" class="btn btn-success" data-toggle="tooltip" data-placement="top" title="Accept">
										<span class="fas fa-ok"></span>
									</button>
								</a>
								<a href="javascript:void(0);">
									<button type="button" class="btn btn-danger " data-toggle="tooltip" data-placement="top" title="Edit">
										<span class="fas fa-remove"></span>
									</button>
								</a>
								<div id="${node.getId()}-action" style="display:none1;">
									<select class="selectaction selectpicker" data-question="${question.getId()}" data-node="${node.getId()}" >
										<option value=""></option>
										#foreach($class in $classes)
											<option value="${class.id}">$class.name</option>
										#end
									</select>
								</div>
							</div>
						#end	
					</td>
				</tr>
			</form>
			#set($result = false)
			#set($text = false)
			#set($autoclassify = false)
		#end
	#end
	</table>
	
	#set($D = "$")
	<script>
		$(".selectaction").change(function(){
			var question = $(this).data("question");
			var node = $(this).data("node");
			var val = $(this).val();
			if (val.length == 0){
				return false;
			}
			
			/* var url = "/$applicationid/test/analyze/update.html"
			var data = "oemaxlevel=1&class="+val+"&id=${id}&sessionid=${sessionid}&question="+question+"&node="+node;
			${D}.ajax({
				url: url,
				type: "POST",
				data: data,
				success: function(a,b,c){
					$("#"+node+"-action").html("&nbsp;");
					$("#"+node+"-classification").html(val);
				},
				error: function(a,b,c){
					
				}
			}); */
		});
	</script>
#end