#if($canadmin)
<nav class="navbar navbar-expand-lg navbar-light bg-light" role="navigation">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#bs-example-navbar-collapse-1" aria-controls="bs-example-navbar-collapse-1" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <a class="navbar-brand" href="#">Full Page Previe w - $testplan.name</a>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="navbar-nav me-auto mb-2 mb-lg-0">
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
            Options <span class="caret"></span>
          </a>
          <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
            <li><a class="dropdown-item" href="$home$apphome/views/modules/testplan/edit/edit.html?id=$testplan.id&viewpath=testplan/testplanplan_details">Return to Activity Settings</a></li>
            <li><a class="dropdown-item" href="$home$apphome/views/modules/testplan/edit/editor/index.html?planid=$testplan.id&reset=true">Return to Activity Builder</a></li>
            <li><a class="dropdown-item" href="$home$apphome/test/active/actions/starttest.html?planid=$testplan.id&reset=true&skipstatement=true">Start Activity Now</a></li>
            <li><a class="dropdown-item ajaxDialog" data-bs-target="$apphome/views/modules/testplan/edit/editor/rules/edit.html?planid=${testplan.id}&id=viewtest">Question Filters</a></li>
            <li><a class="dropdown-item" href="$home$apphome/views/modules/testplan/edit/editor/actions/clonefinish.html?planid=${testplan.id}&copyquestions=true&oemaxlevel=1">Create Copy</a></li>
            <!-- <li><a class="dropdown-item ajaxDialog" data-bs-target="$apphome/views/modules/testplan/edit/rules/edit.html?name=view">Permission Rules</a></li> -->
            <li><a class="dropdown-item ajaxDialog" data-bs-target="$apphome/views/modules/testplan/edit/editor/actions/import.html?planid=${testplan.id}">Import Questions from a CSV</a></li>
          </ul>
        </li>
        
        #set( $mode = $user.get("oe_edit_mode") )
        #if($mode == "editing")
        <li class="nav-item">
          <a class="nav-link" href="$home$apphome/admin/mode/viewpreview.html?origURL=$apphome/test/fullpage/index.html?planid=$testplan.id&reset=true">Turn Off Formatting</a>
        </li>
        #else
        <li class="nav-item">
          <a class="nav-link" href="$home$apphome/admin/mode/viewediting.html?origURL=$apphome/test/fullpage/index.html?planid=$testplan.id&reset=true">Turn On Formatting</a>
        </li>
        #end
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

#end

<div class="row" style="padding: 20px;">
<div class="col-md-3">
<div data-spy="affix"  >

<div class="card  card-default">
  <div class="card-header">Navigation</div>
  <div class="card-body">
  Progress
  <div class="progress">
  <div class="progress-bar" id="completion-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" >
    <span class="sr-only">60% Complete</span>
  </div>
</div>
#set($seperators = $test.getNodesByQuestionType("seperator"))
<ul id="seperators" class="list-group">
  <a href="#" class="list-group-item active">Sections</a>
#foreach($seperator in $seperators)
<li class="list-group-item" ><a href="#$seperator.id">$seperator.getQuestion().getText()</a></li>
#end
</ul>
</div>
	<div class="card-footer">
		
		<a class="btn btn-primary btn-block save-progress-button" href="javascript:void(0);" >Save Progress<span>&nbsp;</span></a>
	
	</div>
</div>

</div>
</div>

<div class="col-md-7 fullpage-response-forms">
#if($test)
	#if(!$test.isComplete() || $caneditalltests)
				#foreach($node in $test.getNodes())
				
				#set($questiontype =  $node.question.questiontype)
				$context.putPageValue("node", $node)
				$context.putPageValue("question", $node.question)
					<div id="node-$node.id" #if(!$testbench.showEntry($context, $testplan,  $node)) style="display: none;" #end class="well ">
				<form class="fullpage-response validate"   method="post" name="responseform"  action="$home$apphome/test/active/actions/submitresponse.html">
								<input type="hidden" name="questionid" value="$node.getId()"/>
				
				
				
				#if($node.question.hint && $node.question.hint != "")
				<div class="float-end help "  data-toggle="tooltip" data-placement="left" title="$node.question.hint" ><span class="fas fa-question-sign"> </span></div>
				#end
				#if($node.question.required == "true")
				<div class="float-end" style="padding: 0px 10px;" > <small class="text-danger"> *required  </small> </div>
				#end
				<div class="card shadow m-2">
				<div class="card-body">
                         <strong>Category: </strong> $node.question.getDefaultCategory().getCategoryPath()

				$pages.include("$apphome/test/questiontypes/${questiontype}.html", $context)
					#if($canadmin)
							<a target="_blank" href="/admin/tuolw/views/modules/question/edit/edit.html?id=$node.question.id&viewid=questionquestion_details&viewpath=question/questionquestion_details&hitssessionid=hitsquestiondesperado/system&searchtype=question">Edit in EM</a>
			
				<a target="_blank" href="$apphome/views/modules/question/edit/edit.html?id=$node.question.id&viewid=questionquestion_details&viewpath=question/questionquestion_details&hitssessionid=hitsquestiondesperado/system&searchtype=question">Edit This Questions Properties</a>
#set($sources = $mediaarchive.query("questionmedia").exact("question", $node.question.id).exact("assetrole", "sources").search())
#set($medialist = $mediaarchive.query("questionmedia").exact("question", $node.question.id).exact("assetrole", "media").search())
	Sources: $sources.size() Media: $medialist.size()

				 
				 #end
		
				</div>
				</div>
				</form>
				
				</div>
				
				#end
				<div class="well">
					<a class="btn btn-primary ajaxDialog btn-block" href="#" data-title="Confirm Submission" data-target="$apphome/test/fullpage/confirmsubmit.html" >Submit</a>			
				</div>
	#else
	<p>
	$pages.include("$apphome/test/results/results.html")
	</p>
	#end
#else
	<p>
	No test is loaded.
	</p>
#end


</div>
    

</div>


<script type="text/javascript">$('body').scrollspy({ target: '#seperators' })
$('.help').tooltip();
updateTestDisplay();
</script>




<script>

$(".save-progress-button").bind("click",function(e){
	e.preventDefault();
	var span = $(this).children("span");
	span.fadeIn();
	$(".fullpage-response").each(function( index ) {
		var action = $(this).attr("action");
		//valid() doesn't work
		/* if ($(this).valid()){*/
		if (action!=undefined && action.length != 0){
			action = action + "?oemaxlevel=1";
			var postData = $(this).serializeArray();
			jQuery.ajax({
				url: action,
				type: "POST",
				data: postData,
				cache: false,
				success:function(data, textStatus, jqXHR){
					//console.log(data);
				},
				error: function(jqXHR, textStatus, errorThrown){
					//console.log("error");
				}
			});
		}
	});
	span.addClass("fas fa-ok");
	span.fadeOut(3000,function(){
		span.removeClass("fas fa-ok");
	});
});
/*
var activeform = $("#"+target+"-form");
if (activeform.length == 0){
	activeform =  $("#"+target).find("form");
}
if (activeform.length == 0){
	//console.log("cannot find form for "+target);
} else if (!activeform.valid()){
	//console.log("form "+target+" is invalid, not swapping!");
} else{
	swap = true;
}
*/
</script>