@extends('layouts.examlayout')

@section('content')



{{-- @include('student.exams.exam-leftbar-subjects', array('subjects' => $subjects)) --}}

<link href="{{CSS}}animate.css" rel="dns-prefetch"/>



<div id="page-wrapper" class="examform" ng-controller="angExamScript" ng-init="initAngData({{json_encode($bookmarks)}})">

    <div class="container-fluid">

        <!-- Page Heading -->

        <div class="row">

            <div class="col-lg-12">

                <ol class="breadcrumb">

                    <li>

                        <a href="javascript:void(0);">

                            <i class="mdi mdi-home">

                            </i>

                        </a>

                    </li>

                    <li class="active">

                        {{ $title }}

                    </li>

                </ol>

            </div>

        </div>

        <!-- /.row -->

        <!-- Page Hints -->

        <div class="row">

            <div class="col-md-12">

                 <ul class="suggestions">

                    <li class="icon" id="subjectBar" title="{{getPhrase('click_here_to_list_subjects')}}">

                        <i class=" icon-books">

                        </i>

                    </li>  

                      <li>

                        <a class="positive" data-placement="bottom" data-toggle="tooltip" href="#" 

                        title="Left Arrow for Previous Question">

                            <i class="fa fa-arrow-left fa-2"></i> &nbsp;{{getPhrase('previous')}}

                        </a>

                    </li>

                    <li>

                        <a class="positive" data-placement="bottom" data-toggle="tooltip" href="#" 

                        title="Right Arrow for Next Question">

                           &nbsp;{{getPhrase('next')}} &nbsp;<i class="fa fa-arrow-right fa-2"></i> 

                        </a>

                    </li>

                    <li>

                        <a class="positive" data-placement="bottom" data-toggle="tooltip" href="#" title="Escape for Clear Answer ">

                           ESCAPE {{getPhrase('clear_answer')}}

                        </a>

                    </li>

                    <li>

                        <a class="positive" data-placement="bottom" data-toggle="tooltip" href="#" title="Add/Remove Bookmark">

                            SHIFT + <i class="fa fa-arrow-up fa-2"></i> <i class="fa fa-arrow-down fa-2"></i> {{getPhrase('bookmarks')}}

                        </a>

                    </li>  

                   

                </ul>

            </div>

        </div>

         <div>
       
         @include('student.exams.languages',['quiz'=>$quiz])
          </div>



        <!-- /.row -->

        <!-- /.row -->

        {!! Form::open(array('url' => URL_STUDENT_EXAM_FINISH_EXAM.$quiz->slug, 'method' => 'POST', 'id'=>'onlineexamform')) !!}

        <div class="row">

            <div class="col-md-12">

                <div class="panel panel-custom">

                    <div class="panel-heading">

                        <div class="pull-right exam-duration">

                            {{getPhrase('exam_duration')}}:

                            <span>

                                {{ $time_hours }}:{{ $time_minutes }}:00

                            </span>

                        </div>
                 <div class="pull-right hints">
                        <span class="hint">
                            {{getPhrase('hints')}}
                        </span>
                        <label class="checkbox-inline">
                            <input ng-model="hints" style="display:block;" type="checkbox">
                        
                                </input>
                            </input>
                        </label>
                    </div>
                       

                        <h1>

                            <span class="text-uppercase">

                                {{$title}}

                            </span>

                            : {{getPhrase('question')}}

                            <span id="question_number">

                                1

                            </span>

                            of {{ count($questions)}}

                        </h1>

    

                    </div>


          <div class="st-time-section st-category st-heading-panel st-english clearfix">

                         
    <ul class="nav nav-pills st-currents">  

           @foreach($section_data as $key=>$value)
             
            
  
        <li class="dropdown" id="{{$key}}">

           <a href="javascript:void(0);" 
              onclick="showSubjectQuestion('subject_{{$key}}','{{$value->section_name}}');" 
              data-psubject_title="{{$value->section_name}}"
              data-psubject_id="{{$key}}" 
              id="subject_section_{{$key}}"
              class="btn btn-success btn-sm st-exam-modules">
              {{ $value->section_name }} 

            <i class="fa fa-info-circle st-custom-angle" aria-hidden="true"></i></a>

                
            </li>
            
        
          @endforeach

                </ul>

            </div>

                    <div class="panel-body question-ans-box">

                        {{-- START of questions List --}}

                        <div id="questions_list">

                        

                        

                           @foreach($section_data as $key=>$value)
                              
                              

                            @foreach($section_questions as $key_id => $question_id)