@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>
							<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 }}</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">Marks</a></li>
							<li><a data-toggle="tab" href="#personal_details">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>
						 @if(isset($chart_data))
 						<div class="row">
					
												@for($i=0; $i<count($subjects_display); $i++)
												
						<div class="col-lg-3 ">
							<canvas id="{{$newid}}" width="100" height="110"></canvas>
						</div>

						@endfor
						</div>
						@endif
						</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> 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')


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



@if(isset($overall_data))

 

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



@stop