@extends('layouts.examlayout')

@section('header_scripts')



@stop

@section('content')





<div id="page-wrapper" ng-model="academia" ng-controller="instructions">

			<div class="container-fluid">

				<!-- Page Heading -->

				<div class="row">

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

						<ol class="breadcrumb">

							

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

						</ol>

					</div>

				</div>

				<!-- /.row -->

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

					<div class="panel-heading">

						<h1>{{getPhrase('Instructions')}} <span class="pull-right text-italic">{{getPhrase('please_read_the_instructions_carefully')}}</span></h1>



					</div>

					<div class="panel-body instruction no-arrow">



						<div class="row">

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

								<h2>{{getPhrase('exam_name')}}:   {{$record->title}} </h2>

								@if($instruction_data=='')	

								<h3>{{getPhrase('general_instructions')}}:</h3>

								@else

								<h3>{{$instruction_title}}:</h3>

								@endif

								@if($instruction_data=='')			

								<ol>

									<li>Общее количество минут: {{$record->dueration}} , чтобы пройти все вопросы.</li>

									<li>Таймер обратного отсчета в верхнем правом углу экрана отображает оставшееся время для завершения теста. Когда время заканчивается, тест заканчивается по умолчанию.</li>

									<li>Справа отображаются все вопросы:</li>

								</ol>

								@else 

								{!! $instruction_data !!}

								@endif



								<ul class="guide">

									<li>

										<span class="answer"><i class="mdi mdi-check"></i></span> Вы ответили на вопрос.

									</li>

									<li>

										<span class="notanswer"><i class="mdi mdi-close"></i></span> Вы не ответили на вопрос.

									</li>

									<li>

										<span class="marked"><i class="mdi mdi-eye"></i></span> Вы не ответили на вопрос, но отметили вопрос, как просмотренный.

									</li>

									<li>

										<span class="notvisited"><i class="mdi mdi-eye-off"></i></span> Вы еще не просматривали вопрос.

									</li>

								</ul>



							</div>



						</div>





						<hr>

						
						<div class="form-group row">

						{!! Form::open(array('url' => 'exams/student/start-exam/'.$record->slug, 'method' => 'POST')) !!}

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

							@if(!$paid_type)	

								<input type="checkbox" name="option" id="free" checked="" ng-model="agreeTerms">

								<label for="free" > <span class="fa-stack checkbox-button"> <i class="mdi mdi-check active"></i> </span> Я прочитал и понял приведенные выше инструкции. </label>

								

								<br><span class="text-danger" ng-show="!agreeTerms">{{ getPhrase('please_accept_terms_and_conditions')}}</span> 



								@endif

								<div class="text-center">

									@if($paid_type)	

									<a href="{{URL_PAYMENTS_CHECKOUT.'exam/'.$record->slug}}" class="btn button btn-lg btn-success"><i class="icon-credit-card"></i> {{getPhrase('buy_now')}}</a>	

									@else



									<button ng-if="agreeTerms" class="btn button btn-lg btn-success">{{getPhrase('start_exam')}}</button>

									@endif

								</div>



							</div>

					{!! Form::close() !!}



						</div>





					</div>

				</div>

			</div>



		</div>

@endsection

 



@section('footer_scripts')

  <script src="{{JS}}angular.js"></script>

  <script>

 var app = angular.module('academia', []);

app.controller('instructions', function($scope, $http) {

	

});

</script>



@stop