@extends('theme.old.master')
@section('title', "Topic Test ")
@section('content')
<br />
<b>Warning</b>:  Undefined variable $topic in <b>/home/rajthemystery/public_html/resources/views/front/test/sectional/mainquiz.blade.php</b> on line <b>5</b><br />
<br />
<b>Warning</b>:  Attempt to read property "duration" on null in <b>/home/rajthemystery/public_html/resources/views/front/test/sectional/mainquiz.blade.php</b> on line <b>5</b><br />
<br />
<b>Warning</b>:  Undefined variable $seconds in <b>/home/rajthemystery/public_html/resources/views/front/test/sectional/mainquiz.blade.php</b> on line <b>7</b><br />
<br />
<b>Warning</b>:  Attempt to read property "quetiming" on null in <b>/home/rajthemystery/public_html/resources/views/front/test/sectional/mainquiz.blade.php</b> on line <b>7</b><br />

<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>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.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>-->
                                                  
 <style>

                </style>                                                
<script lang="javascript">
  window.onload = "AutoRefresh(2000);"
function AutoRefresh(t) {
  setTimeout("location.reload(true);", t);
}
  </script>
  
  
  
@include('front.test.sectional.calculator')

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

 
 
 <div class="wrapper">
  <div class="top">
    <div>
                      <section id="quiz-nav-bar" class="quiz-nav-bar-block topbar" style="" >
                          <div class="nav-bar">
                              <div class="container">
                                <!------------Top Bar ----------------->
                                <div class="row" style="margin: 0px;">
                                    
                                      <div class="col-md-2 test-img" style="float:left;">
                                                <center> <img src="{{ url('exam/images/logo-1.png') }}"  width="100" alt=""> </center>
                                      </div>
                                      <div class="col-md-10 test-title" style="background: #074f70;padding:10px 0px 0px 14px;">    
                                                         @if($topic)
                                                            <span data-toggle="modal" data-target=".bd-example-modal-lg">{{$topic->title}}</span>
                                                            <button class="play" id="resume" style="border: none;float:right;"> <i class="fa fa-play" aria-hidden="true"></i>Play</button>&nbsp;&nbsp;
                                                                        <button class="pause" id="pause" style="border: none;float:right;"><i class="fa fa-pause" aria-hidden="true"></i> Pause</button>&nbsp;&nbsp;
                                                          @endif
                                       </div>
                                </div>
                                <!------------Top Bar ----------------->
                                <!--------------Test Info-------------->
                                <div class="row">   
                                        <div class="col-md-10" style="padding-left:0px!important;padding-right: 0px!important;">        
                                                
                                                <div class="row" style="margin: 0px;">
                                                                         <div class="col-md-6 topic-title pl-10" style="">    
                                                                                 {{$topic->title}}
                                                                        </div>
                                                                        <div class="col-md-6 topic-calculator" >    
                                                                                    <span data-toggle="modal" data-target=".bd-example-modal-lg" style="float:right;"><i class="fa fa-calculator" aria-hidden="true"></i> Calculator</span>
                                                                        </div>
                                                </div>
                                               <div class="row que-type-row" style="margin:0px 0px 0px 0px;padding: 0px;">
                                                             <div class="col-md-10 quetypediv" style="font-size: 19px;padding: 0px;"> 
                                                                    <span class="que-type pl-10 pl-10">Sectional Test </span>
                                                             </div>
                                                              <div class="col-md-2 col-sm-3 timediv" style="float:right;font-size: 14px;font-weight: 800;">
                                                                   <span id="clockdiv" class='timer heading duration pl-10'  style="pointer-events: none;"></span>
                                                              </div>
                                               </div>
                                                <div class="row que-type-row" style="margin:0px 0px 0px 0px;padding: 0px;background:#20a0ef;color: white;font-size: 14px;">
                                                             <div class="col-md-6 col-sm-2 quetypediv pl-10"> 
                                                                    Question: <span id="quizNumber" style="padding-left: 15px;" > {{$questionfirst->que_num}}</span><span>/<br />
<b>Warning</b>:  Undefined variable $question in <b>/home/rajthemystery/public_html/resources/views/front/test/sectional/mainquiz.blade.php</b> on line <b>127</b><br />
<br />
<b>Fatal error</b>:  Uncaught TypeError: count(): Argument #1 ($value) must be of type Countable|array, null given in /home/rajthemystery/public_html/resources/views/front/test/sectional/mainquiz.blade.php:127
Stack trace:
#0 {main}
  thrown in <b>/home/rajthemystery/public_html/resources/views/front/test/sectional/mainquiz.blade.php</b> on line <b>127</b><br />