@extends($layout)

@section('header_scripts')



@stop

@section('content')





<div id="page-wrapper">

			<div class="container-fluid">

				<!-- Page Heading -->

				<div class="row">

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

						<ol class="breadcrumb">

							<li><a href="{{PREFIX}}"><i class="mdi mdi-home"></i></a> </li>

							@if(checkRole(getUserGrade(2)))
                       <li><a href="{{URL_USERS_DASHBOARD}}">{{ getPhrase('users_dashboard') }}</a> </li>

					<li><a href="{{URL_USERS."student"}}">{{ getPhrase('student_users') }}</a> </li>
					@endif

                       
                   <li><a href="{{URL_USER_DETAILS.$user->slug}}">{{ $user->name }} {{getPhrase('details') }}</a> </li> 

							<li><a href="{{URL_STUDENT_ANALYSIS_BY_EXAM.$user->slug}}">{{getPhrase('analysis')}}</i></a> </li>

							<li>{{ $title}}</li>

						</ol>

					</div>

				</div>

								

				<!-- /.row -->

				<div class="panel panel-custom">

					<div class="panel-heading">

						 

						<h1>{{ $title.' '.getPhrase('of').' '.$user->name .' '.getPhrase('in').' '.$exam_record->title.' '.getPhrase('exam') }}</h1>



					</div>



					<div class="panel-body packages">

					<ul class="nav nav-tabs add-student-tabs">

							<li class="active"><a data-toggle="tab" href="#academic_details">{{getPhrase('marks')}}</a></li>

							<li><a data-toggle="tab" href="#personal_details">{{getPhrase('time')}}</a></li>

							 

					</ul>

					<div class="tab-content tab-content-style">

							<div id="academic_details" class="tab-pane fade in active">

						<div class="table-responsive"> 

						<table class="table table-striped table-bordered  " cellspacing="0" width="100%">

							<thead>

								<tr>

								 

									<th>{{ getPhrase('title')}}</th>

									<th>{{ getPhrase('correct')}}</th>

									<th>{{ getPhrase('wrong')}}</th>

									<th>{{ getPhrase('not_answered')}}</th>

									<th>{{ getPhrase('total')}}</th>

									 

									

								</tr>

							</thead>

							 
						</table>

						</div>



						<div class="row">

					

						
						@for($i=0; $i<count($chart_data); $i++)

						
						

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

							<canvas id="{{$newid}}" width="50%" height="30"></canvas>

						</div>



						@endfor

						</div>

 						</div>

 					 	<div id="personal_details" class="tab-pane fade">

									<div class="table-responsive"> 

						<table class="table table-striped table-bordered  " cellspacing="0" width="100%">

							<thead>

								<tr>

								 

									<th>{{ getPhrase('title')}}</th>

									<th>{{ getPhrase('spent_on_correct')}}</th>

									<th>{{ getPhrase('spent_on_wrong')}}</th>

									<th>{{ getPhrase('total_time')}}</th>

									<th>{{ getPhrase('spent_time')}}</th>

									 

									

								</tr>

							</thead>

														 

						</table>

						</div>

							@if(isset($time_data))

 						<div class="row">

					 <h4> {{getPhrase('time_is_shown_in_seconds')}}</h4>

						
						@for($i=0; $i<count($time_data); $i++)

						
						

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

							<canvas id="{{$newid}}" width="100" height="110"></canvas>

						</div>



						@endfor

						</div>

						@endif

 					 </div>

 					 </div>

					</div>

				</div>

			</div>

			<!-- /.container-fluid -->

		</div>

@endsection

 



@section('footer_scripts')

 

 @include('common.chart', array($chart_data,'ids' => $ids));

@if(isset($time_data))

	@include('common.chart', array('chart_data'=>$time_data,'ids' => $timeids));

@endif

@stop