<?php //pr($loggedUser)?>
<?php echo $this->Html->script(array('site_js/quiztest')); ?>
<?php echo $this->Html->script(array('site_js/common')); 

echo $this->Html->script('site_js/jquery.tinytimer');

$webroot=$this->webroot;

?>

<style>

	input[type="radio"]{margin-top: 0}
	input{
	width: 420px;
	}
	#timer{float: right;color: #311BBF ;font-size: 26px;padding-right: 10px;font-weight: bold;}
	.scale_op input{
		display: inline;
		margin: 0 11px 0 0;
	}
	.scale_c{
		padding: 0 20px 0 0;
	}
	.scale_op{
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
	}
	.qds{width: auto;float: left;margin: 0 20px;}
	.prelative{display: inline;}
	.toolTipTxt{width: 300px;}

</style>

<script type="text/javascript">
	var duration = <?php echo $ses_settings['Quizsetting']['timeDuration']?>;
	var submit = <?php echo $ses_settings['Quizsetting']['isSubmit']?>;
	var no_of_attempts = <?php echo $ses_settings['Quizsetting']['noOfattempt']?>;
	var panelty = <?php echo $ses_settings['Quizsetting']['penalties']?>;
	var restrict = '<?php echo $ses_settings['Quizsetting']['isRestrict']?>';
	var lock_answer = <?php echo $ses_settings['Quizsetting']['lockAnswer']?>;
	var answer_endof_answer = <?php echo $ses_settings['Quizsetting']['answerEndOfanswer']?>;
	var score_endof_answer = <?php echo $ses_settings['Quizsetting']['scoreEndOfanswer']?>;
	var answer_endof_quiz = <?php echo $ses_settings['Quizsetting']['answerEndOfQuiz']?>;
	var feedback_endof_quiz = <?php echo $ses_settings['Quizsetting']['feedbackEndOfQuiz']?>;
	var score_endof_quiz = <?php echo $ses_settings['Quizsetting']['scoreEndOfQuiz']?>;
	
	//variable for Quizoption
	var total_quiz = <?php echo sizeof($ses_db_option_ids);?> ;

	/* $(document).ready(function(){
		$("body").attr("onbeforeunload", "return 'Quiz is running. Do you want to leave?'");
	}); */

</script>
<div class="blocktitle"> Quiz </div>
<br/>
<?php 


//unset($ses_timelimit);
if(!empty($ses_settings)){

//$m = '';
//$sec = '';

echo "<div id='timer'></div>";

?>






<div class="quiztests form" style="padding: 10px;">
<?php 
echo $this->Form->create ( 'add' );

$option = 0;

$qpp = $ses_settings ['Quizsetting'] ['qestionperpage'];
//pr($ses_db_option_ids);
if($qpp >0 ){
	$initial = (($ses_quiz_step - 1) * $qpp);
	$fr = ($ses_quiz_step * $qpp);
}else{
	$initial = 0;
	$fr = sizeof($ses_db_option_ids);	
}
/*for($q = (($ses_quiz_step - 1) * $qpp); $q < ($ses_quiz_step * $qpp); $q ++) {*/
 for($q = $initial; $q < $fr ; $q ++) {
 	if(!empty($ses_db_option_ids [$q])){
		$data = $ses_db_option_ids [$q];
	
		$quizoption_id = $data ['Quizoption'] ['id'];
	
//Question
		echo "<div class='pdb8 mrt20'><b>".($q + 1) . ' . </b>' . $data ['Quizoption'] ['question'];
			if(!empty($data ['Quizoption'] ['helpText'])){
				echo "<div class='prelative'>";
				echo "&nbsp;&nbsp;<span class='toolTip'>".$this->Html->image('hints.png',array('width'=>'17'))."</span>";
				echo "<span class='toolTipTxt'>".
	      			"<span>".$data ['Quizoption'] ['helpText']."</span>".
	      		"</span>";
				echo "</div>";
			}
		echo "</div>";
	
//Start Answer option
		switch ($data ['Quizoption'] ['questiontype_id']) {
			case '1' :
			case '5' :
				echo "<div class='mrl17'>".$this->Form->input ( "Quiztestdetail.$q.result", array ('label' => 'Write your answer : ', 'onblur' => "get_answer(this,$quizoption_id,1);" ,'class'=>'toolTip','div'=>false,'required'=>false) )."</div>";
				
				break;
			
			case '2' :
				echo "<div class='mrl17'>".$this->Form->input ( "Quiztestdetail.$q.result", array ('type' => 'textarea', 'required'=>false,'label' => 'Write your answer : ', 'onblur' => "get_answer(this,$quizoption_id,1);" ) )."</div>";
				break;
			
			case '3' :
			case '4' :
				foreach ( $data ['Optiondetail'] as $optiondetail ) {
					echo "<div class='mrl17'><input type='radio' name='data[Quiztestdetail][$q][result]' value='" . $optiondetail ['id'] . "' onchange='get_answer(this,$quizoption_id,1);' /> " .htmlspecialchars($optiondetail['feedback']). "</div>";
				}
				break;
			
			case '6' :
				foreach ( $data ['Optiondetail'] as $optiondetail ) {
					echo "<div class='mrl17'>".$this->Form->input ( "Quiztestdetail.$q.result", array ('type' => 'checkbox', 'value' => $optiondetail ['id'], 'label' => $optiondetail ['answeroption'], 'onchange' => "get_answer(this,$quizoption_id,2)" ) )."</div>";
				}
				break;
			
			case '7' :
				$arr = '';
				foreach ( $data ['Optiondetail'] as $optiondetail ) {
					$arr [$optiondetail ['id']] = $optiondetail ['answeroption'];
				}
				echo "<div class='mrl17'>".$this->Form->input ("Quiztestdetail.$q.result", array ('type' => 'select', 'options' => $arr, 'label' => false, 'onchange' => "get_answer(this,$quizoption_id,1);", 'empty' => array ('' => 'Please select' ) ) )."</div>";
				break;
			
			case '8' :
				$str = $str_count = '';
				for($i = 1; $i <= 10; $i ++) {
					//$str_count .= "<span class='scale_c'>$i</span>";
					//$str .= "<input type='radio' name='data[Quiztestdetail][$q][result]' value='$i' onchange='get_answer(this,$quizoption_id,1);' /> ";
				}
				?>
				<div class="row-fluid ">
					<div class="fl pdt20 mrl17"><?php echo $data ['Optiondetail'] [0] ['answeroption'];?></div>
					<?php
					echo "<div class='qds'>";
					echo "<div>$str_count</div>";
					echo "<div class='scale_op'>$str</div>";
					echo "</div>";
					?>
					<div class="fl pdt20"><?php echo $data ['Optiondetail'] [1] ['answeroption'];?></div>
				</div>
				<?php
				
			
			
		}
	 }else{
	 	break;
	}
}
echo "<div class='divline'></div>";
echo "<div class='tar'><div class='submit'><input type='submit' name='$btnN' value='$btnV' /></div></div>";
echo $this->Form->end ();


if(!empty($ses_timelimit)){
	//$tm = (int)($ses_timelimit / 60) . ":" . ($ses_timelimit % 60);
	//$tm = (int)$ses_timelimit;
	if(!empty($ses_ajax_timelimit_m)){
		$m = $ses_ajax_timelimit_m;
		$sec = (int)$ses_ajax_timelimit_s;
	}else{
		$m = (int)$ses_timelimit;
		$sec = "0";
	}
}else{
	$m = (int)$ses_settings['Quizsetting']['timeDuration'];
	$sec = "0";
}

if($m > 0){
	
	echo "<script type='text/javascript'>
		$(function () {
			var d = new Date();
			d.setMinutes(d.getMinutes() + $m,d.getSeconds() + $sec);
			$('#timer').tinyTimer({ to: d });
		});
		
		setInterval(function() {
			var tm = $('#timer').html();
			$.ajax({
			   type: 'POST',
			 url: '$webroot/quiztests/setintervaltime',
			   data: {ajaxTime: tm}, 
			   success: function(data) {}       
			});
		}, 1000);
		
	</script><div id='timer'></div>";
} else {
	echo "<script type='text/javascript'>
		$(function () {
			var d = new Date('".date("F d, Y H:i:s")."');
			$('#timer').tinyTimer({ from: d });
		});
	</script>
	";
}

} else {
	echo "Attempts are exceeded";
}

?>
</div>
