@extends('theme.old.master')
@section('title', "Start Quiz")
@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>

<style type="text/css">
  div.directiondiv {
               /* margin:5px;*/
               padding: 12px;
                height: 160px;
                overflow: auto;
                text-align:justify;
                border-bottom: 1px solid black;
            }
            div.questiondiv {
                margin:5px;
                padding:5px;
                height: 200px;
                overflow: auto;
                text-align:justify;
            }
            .topic-title
            {
              background: #cf242c;color: white!important;font-size: 19px;font-weight
            }
            .que-type-row
            {
              padding: 0px 17px 0px 16px;margin-bottom: -10px;
            }
            .que-type
            {
              color:white;padding: 2px;color:#cf242c;;float: left;margin-left: -21px;font-size: 16px;font-weight: 600;
            }
            .duration
            {
              color:white;float:right;padding: 2px;color:#cf242c;
            }
                 #more_quiz0
                 {
                  background: #068eca;color:white;
                 }
                 #quizNumber
                 {
                  padding: 10px;
                 }
                 #quiz1
                 {
                    margin-top: 10px;
                 }
                 .que-row
                 {
                   border:1px solid grey;min-height:100px;margin-bottom:-24px;
                 }
                  .more-quiz
                  {
                    background: #068eca;color:white;border: 1px solid grey;
                  }
                  .jumbtron-row
                  {
                    border:1px solid grey;min-height:100px;
                  }

</style>
<section id="quiz-nav-bar" class="quiz-nav-bar-block">
  <div class="nav-bar">
      <div class="container">
        <div class="row">
          <div class="col-md-12" style="float:left;">
          <center>
          <img src="{{ url('tests/assets/images/tcmlogo1.png') }}"  width="100" alt="Frontted"></center>
          </div>
        </div>
      </div>
    </div>
</section>
 <section class="quiz-main-block quiz-main-block-two">
 
   <div class="container">

    <div class="row" style="padding: 0px 17px 0px 16px;">
                    <div class="col-md-12 topic-title" style="">    
                             @if($topic)
                                <span >{{$topic->title}}</span>
                              @endif
                    </div>
   </div>
   <div class="row que-type-row">
          <div class="col-md-12" style="font-size: 19px;font-weight"> 
                  <div class="col-md-10 col-sm-9" style="float:left;">
                        <span class="que-type">Question Type: MCQ</span>
                  </div>
                  <div class="col-md-2 col-sm-3" style="float:right;">
                    <span class='timer heading duration'  data-minutes-left={{$topic->duration}}></span>
                   </div>
          </div>
   </div>
 
             
 

    @if (Auth::check())
      <div class="">
        <br />
<b>Fatal error</b>:  Uncaught Error: Class &quot;App\SectionalQuizAnswer&quot; not found in /home/rajthemystery/public_html/resources/views/front/test/topic/oldmainquiz.blade.php:106
Stack trace:
#0 {main}
  thrown in <b>/home/rajthemystery/public_html/resources/views/front/test/topic/oldmainquiz.blade.php</b> on line <b>106</b><br />