@extends('theme.old.master')
@section('title', "Mock Test ")
@section('content')



<link href="{{ url('timer/examples/style.css') }}" rel="stylesheet" type="text/css" media="all">
<script src="{{ url('timer/jquery.js') }}"></script>
<script src="{{ url('timer/jquery.simple.timer.js') }}"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script> 





<script language='javascript' type="text/javascript">

function onBeforeUnloadAction(){
         mesg =window.location = "{{url('my-test') }}";
    return mesg;
}

window.onbeforeunload = function(e)
{
    
            alert();
            
           
            return onBeforeUnloadAction();
        
}

</script>

<!--<script>-->
<!--    window.addEventListener("beforeunload", function (e) {-->
        
        
<!--            var topicid= $('#topicid').val();-->
<!--            var timesecond= $('.timesecond').val();-->
<!--            var urlLike = '{{ url('admin/test-time"') }}';-->
<!--                    $.ajax({-->
<!--                          headers: {-->
<!--                          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')-->
<!--                          },-->
<!--                          type: 'post',-->
<!--                          dataType: 'text',-->
<!--                          url: urlLike,-->
<!--                          data: {topicid:topicid, timesecond:timesecond},-->
<!--                          success:function(response){-->
<!--                          }-->
<!--                     });-->
                       
<!--});-->
<!--</script>-->
                                                  
                                              
<script lang="javascript">
  window.onload = "AutoRefresh(2000);"
function AutoRefresh(t) {
  setTimeout("location.reload(true);", t);
}
  </script>
  
    
  
@include('front.test.mock.calculator')

@include('front.test.mock.testhead')
@include('front.test.mock.testinfo')

 <section class="py-50 bg-white aos-init" data-aos="fade-up">
		<div class="container">
			
			<div class="row mt-30">
				<div class="col-12">
					
				</div>
			</div>
		</div>
	</section>
 

 
 
 
 
 <div class="wrapper">
   <div class="top">
      <div>@include('front.test.mock.topbar')</div>
   </div>
   
   
   <div class="middle">
      <div>
         <div class="middlecontent" >
            
            
           
            <div class="dir" id="directiondiv"> {!! $questionfirst->direction !!} </div>
           
            
            <div class="rpanel" >@include('front.test.mock.rightpanel')</div>
            
           
            <div class="que" id="style-13">@include('front.test.mock.question') </div>
            
         </div>
      </div>
   </div>
   
   
   <div class="bottom">
      <div stylw="width:100%;">
         <div class="col-md-10 col-sm-6-button" style="">
            <button id="mark" class="markreview"  type="button" class="btn-sm " value="1"> 
            <span class="bookmarkicon"> <i class="fa fa-bookmark-o" aria-hidden="true"></i> </span> 
            <span class="bookmarktext">Mark For Review & Next</span>
            </button>
            <button   title="Click to Clear Response Of Question & Answer"  type="button" class="btn-sm clearque1 clearresponse" value="1" id="clearque">Clear Reasponse</button>
            <button style=""  title="Click to see next question"  type="button" class="btn-sm savenext" id="savenext">
            <span class="savenexticon"><i class="fa fa-arrow-right" aria-hidden="true"></i></span>
            <span class="savenexttext">Save & Next </span>
            </button>
            <button class="questionplate"  title="Click to Clear Response Of Question & Answer"  data-toggle="modal" data-target="#myModal" type="button" class="btn-sm clearque1"  >
            <i class="fa fa-bars"></i>
            </button>
            <button  title="Click to see previous question"  type="button" class="btn-sm saveprev" id="saveprev">
            <span class="saveprevicon"><i class="fa fa-arrow-left" aria-hidden="true"></i></span>
            <span class="saveprevtext">Save & Prev </span>
            </button>
         </div>
         <div class="col-md-2 col-sm-5-button">
            <button class="submitbtn"  title="Click to Clear Response Of Question & Answer"  type="button" class="btn-sm clearque1" value="1" >Submit</button>
            <button id="saveforlater" class="savelaterbtn"  onclick="closeWin()"  type="button" class="btn-sm " >Save Later</button>
         </div>
      </div>
   </div>
   
   
   
   
   
   
</div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
                        
            
             
                
<!----end col-md-3---------------------------------------------------------------------------->
                 
                 
          
          
  
  
  
  

 
                                <input type="hidden" value="{{$questionfirst->course_id}}" id="courseid"/>
                                <input type="hidden" value="{{$questionfirst->topic_id}}" id="topicid"/>
                                <input type="hidden"   value="{{$questionfirst->id}}"  id="questionid">
                                <input type="hidden" id="type" name="qtype" value="{{$questionfirst->type}}">
                                <input type="hidden" id="questionnum" name="que_num" value="{{$questionfirst->que_num}}">
                                
                                

@if($topic->section_switch == 0)                                
<input type="hidden"    name="timesecond" class="timesecond" id="timesecond" ><!-----It is use to store student timing --->
<input type="hidden"    id="testtimeminute" value="{{$testtime}}"><!-----It is use to calculate  what is the time of test section in minute --->
<input type="hidden"    class="spenttime" id="spenttime" value="{{$sectionstart->quetiming}}">
<input type="hidden"    class="sectionswitch" id="sectionswitch" value="{{$topic->section_switch}}">
<input type="hidden"  name="section" id="section" value="{{$sectionstart->childcat_id}}">
<input type="hidden"    class="attemptstatus" id="attemptstatus" value="{{$sectionstart->status}}">
<input type="hidden"    class="totaltime" id="totaltime" >
@endif

@if($topic->section_switch == 1)                                
<input type="hidden"    name="timesecond" class="timesecond" id="timesecond" ><!-----It is use to store student timing --->
<input type="hidden"    id="testtimeminute" value="{{$testtime}}"><!-----It is use to calculate  what is the time of test section in minute --->
<input type="hidden"    class="spenttime" id="spenttime" value="{{$sectionstart->quetiming}}">
<input type="hidden"    class="sectionswitch" id="sectionswitch" value="{{$topic->section_switch}}">
<input type="hidden"  name="section" id="section" value="{{$sectionstart->childcat_id}}">
<input type="hidden"    class="totaltime" id="totaltime" >
@endif
  		  
@include('front.test.mock.script')      
 
  <!-- jQuery 3 -->
@endsection                          
                               
@section('custom-script')

<script>

$(document).ready(function(){

                    var minutes =$('#testtimeminute').val();
                    var secs    =  "0";
                    var spentime=$('#spenttime').val();
                    var totaltimeleft   = secs + minutes * 60  - spentime ;
                    $("#totaltime").val(totaltimeleft);
  });
    </script> 
    
    
    
    
<script>

$(document).ready(function(){
var counter = $('#spenttime').val();
alert(counter);
var interval = setInterval(function() {
    counter++;
    
    if (counter <= 0) {
     		clearInterval(interval);
      	 
      	 window.location.replace("{{url('my-mock-test')}}");
        return;
    }else{
    	
      $(".timesecond").val(counter);
    }
}, 1000);



  });
    </script> 

  
 
  
                                   

    
    
@endsection