@extends('backend.student.layouts.right_side_bar')
@section('studentBody')

    <div class="content p-0">

        @include('layouts.message')
    <!-- Overview -->
            <div class="block block-rounded border">
                <div class="block-header block-header-default">
                    <h3 class="block-title font-weight-bold">
                        {{$heading}}

                            @if(!request('page'))
                            <a href="{{$backLink}}" class="btn btn-danger ml-1 pull-right" style="float: right"><i class="fa fa-backward"></i>Back</a>
                            @elseif(request('page')==1)
                            <a href="{{$backLink}}" class="btn btn-danger ml-1 pull-right" style="float: right"><i class="fa fa-backward"></i>Back</a>
                            @endif
                    </h3>
                </div>

            <div class="block-content">
                <div class="row justify-content-center">

                    @if(count($objectives)>0)
                    @foreach($objectives as $key=>$objective)
                        @php
                            $examTime=$objective->exam_time;
                            $question_id = $objective->id;
                            $mainKey = $key;
                        @endphp
                        <div class="col-sm-12 mb-3 text-left">
                            <div style="float: right">
                                <span class="btn btn-danger">Remaining Time: <strong id="timer">{{$examTime}}</strong></span><br>
                            </div>

                            <div class="border-bottom p-2 mb-2">
                                <span class="font-weight-bold text-primary-dark font-size-h5">Question {{$mainKey + $objectives->firstItem()}} of {{count($allObjectives)}}</span>
                            </div>
                            <div>
                                @if($objective->use_image=='yes')
                                    @if(isset($objective->name))
                                        {{$objective->name}}
                                    <a title="Click here to view in large" onclick="window.open('{{url('public/uploads/online_exams/questions'.'/'.$objective->image)}}', 'popup', 'height=500,width=600,scrollbars=yes,resize=no,status=no,left=100,top=100');" href="javascript:void(0)">
                                        <img src="{{url('public/uploads/online_exams/questions'.'/'.$objective->image)}}" alt="" style="width: 200px;">
                                    </a>
                                    @else
                                    <a title="Click here to view in large" onclick="window.open('{{url('public/uploads/online_exams/questions'.'/'.$objective->image)}}', 'popup', 'height=500,width=600,scrollbars=yes,resize=no,status=no,left=100,top=100');" href="javascript:void(0)">
                                        <img src="{{url('public/uploads/online_exams/questions'.'/'.$objective->image)}}" alt="" style="width: 200px;">
                                    </a>
                                    @endif
                                @else
                                    <span class="font-size-h5 font-italic font-weight-bold text-dark">
                                {{$objective->name}}
                            </span>

                                @endif
                            </div>
                            <hr>
                            <form action="" method="post">
                                {{csrf_field()}}
                                <input type="hidden" name="subject_question_id" value="{{$objective->id}}">
                                <div class="row">
                                    @foreach($objective->questionOptions as $optionKey=>$option)
                                        @php
                                        $keyValue = $optionKey;
                                            $alpha = range('A', 'Z');
                                        @endphp
                                        <div class="col-md-6 mb-2">
                                            <div class="custom-control custom-block custom-control-success">
                                                <span class="badge badge-primary badge-pill">{{$alpha[$keyValue]}}</span>
                                                <input type="radio" value="{{$option->id}}" class="custom-control-input" id="example-cb-custom-block{{$option->id}}" name="option" required>
                                                @if($option->use_image=='yes')

                                                    <label class="custom-control-label" for="example-cb-custom-block{{$option->id}}">
                                                        <span class="d-block text-center">
                                                            <img src="{{url('public/uploads/online_exams/questions'.'/'.$option->image)}}" alt="" style="width: 50px;">
                                                        </span>
                                                    </label>

                                                @else
                                                <label class="custom-control-label p-3" for="example-cb-custom-block{{$option->id}}">
                                                    <span class="d-block text-center">
                                                            {{$option->name}}
                                                        </span>
                                                </label>
                                                @endif
                                                <span class="custom-block-indicator">
                                                    <i class="fa fa-check"></i>
                                                </span>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            <div class="mt-3 mb-3">
                                @if(request('page'))
                                    @if(request('page')>1)
                                    <a href="{{$objectives->previousPageUrl()}}" class="btn btn-warning"><i class="fa fa-backward"></i> Previous Question</a>
                                    @else
                                    <button disabled class="btn btn-warning"><i class="fa fa-backward"></i> Previous Question</button>
                                    @endif
                                @endif
                                    @php
                                        $pageNumber = $mainKey + $objectives->firstItem()+1;
                                    @endphp
                                    <input type="hidden" name="page" value="{{$pageNumber}}">
                                    @foreach($objectives as $key=>$objective)
                                        <a href="{{url()->current().'?skip=yes&page='.$pageNumber.'&question_id='.$objective->id}}" class="btn btn-primary" onclick="return confirm('Are you sure to skip this question?')">Skip</a>
                                    @endforeach
                                <button type="submit" class="btn btn-success"><i class="fa fa-save"></i> Confirm & Next</button>
                            </div>
                            </form>

                            <hr>
                        </div>

                    @endforeach
                    @else
                        @php
                        if ($studentSubject = \App\OnlineExam\StudentSubejct::where('student_id',$student->id)->where('subject_id',$subject->id)->where('status','pending')->first()){
                            $studentSubject->status = 'completed';
                            $studentSubject->save();
                        }
                        @endphp
                        @if ($studentTerm = \App\OnlineExam\StudentTerm::where('student_id',$student->id)->where('term_id',$term->id)->first())

                            @php
                                $subject = $student->subject()->orderBy('id','DESC')->first();
                                $questionIds = \App\OnlineExam\StudentQuestion::where('student_id',$student->id)->select('subject_question_id');
                                $objectiveQuestions = \App\OnlineExam\SubjectQuestion::whereIn('id',$questionIds)->where('type','Objective');
                            @endphp
                                @if(count($objectiveQuestions->where('subject_id',$subject->id)->get())>0)
                                    @php
                                        $marks = 0;
                                    @endphp
                                    @foreach($objectiveQuestions->where('subject_id',$subject->id)->get() as $key=>$objectiveQuestion)
                                        @if($checkStudentAnswer = $objectiveQuestion->studentObjectiveAnswers()->where('student_id',$student->id)->first())
                                            @php
                                                $questionOption = \App\OnlineExam\QuestionOption::findOrFail($checkStudentAnswer->question_option_id);
                                            @endphp
                                            @if($questionOption->type=='True')
                                                @php
                                                    $marks += $objectiveQuestion->marks;
                                                @endphp
                                            @endif
                                        @endif
                                    @endforeach
                                    @php
                                        $studentTerm->status = 'completed';
                                        $studentTerm->objective_marks = $marks;
                                        $studentTerm->save();
                                    @endphp
                                @endif
                        @endif

                        <div class="col-sm-12 mb-3 text-center">
                        <span class="font-size-h5 font-italic font-weight-bold text-success">
                            Thank you for attending the scholarship test. We will provide you the scholarship offers later through email or call.
                        </span>
                            <br>
                            <a href="{{url($backLink)}}" class="btn btn-primary mt-2"><i class="fa fa-home"></i> Go to Main Page</a>
                            {{--<div class="row">--}}
                                {{--<div class="col-sm-12">--}}
                                    {{--<div class="table-responsive mt-3">--}}
                                        {{--<table class="table table-sm table-vcenter">--}}
                                            {{--<thead>--}}
                                                {{--<tr>--}}
                                                    {{--<th colspan="3">View Submitted Record</th>--}}
                                                {{--</tr>--}}
                                                {{--<tr>--}}
                                                    {{--<th>SN</th>--}}
                                                    {{--<th class="text-left">Question</th>--}}
                                                    {{--<th class="text-left">Your Answer</th>--}}
                                                {{--</tr>--}}
                                            {{--</thead>--}}
                                            {{--<tbody>--}}
                                                {{--@php--}}
                                                {{--$marks = 0;--}}
                                                {{--@endphp--}}
                                                {{--@foreach($allObjectives as $key=>$allObjective)--}}
                                                    {{--<tr>--}}
                                                        {{--<td>{{++$key}}</td>--}}
                                                        {{--<td class="text-left">--}}
                                                            {{--@if($allObjective->use_image=='yes')--}}
                                                                {{--@if(isset($allObjective->name))--}}
                                                                    {{--{{$allObjective->name}}--}}
                                                                    {{--<img src="{{config('filesystems.asset').'/'.'online_exams/questions'.'/'.$allObjective->image}}" alt="" style="width: 50%;">--}}
                                                                {{--@else--}}
                                                                    {{--<img src="{{config('filesystems.asset').'/'.'online_exams/questions'.'/'.$allObjective->image}}" alt="" style="width: 50%;">--}}
                                                                {{--@endif--}}
                                                            {{--@else--}}
                                                            {{--{{$allObjective->name}}--}}
                                                            {{--@endif--}}
                                                        {{--</td>--}}
                                                        {{--<td class="text-left">--}}
                                                            {{--@if($checkStudentAnswer = $allObjective->studentObjectiveAnswers()->where('student_id',$student->id)->first())--}}
                                                                {{--@php--}}
                                                                    {{--$questionOption = \App\OnlineExam\QuestionOption::findOrFail($checkStudentAnswer->question_option_id);--}}
                                                                {{--@endphp--}}
                                                                {{--@if($questionOption->use_image=='yes')--}}
                                                                    {{--<img src="{{config('filesystems.asset').'/'.'online_exams/questions'.'/'.$questionOption->image}}" alt="" style="width: 100px;">--}}
                                                                {{--@else--}}
                                                                    {{--{{$questionOption->name}}--}}
                                                                {{--@endif--}}
                                                                {{--@if($questionOption->type=='True')--}}
                                                                    {{--@php--}}
                                                                        {{--$marks += $allObjective->marks;--}}
                                                                    {{--@endphp--}}
                                                                {{--@endif--}}
                                                            {{--@else--}}
                                                                {{--<span class="text-danger">Not Attempt</span>--}}
                                                            {{--@endif--}}
                                                        {{--</td>--}}
                                                    {{--</tr>--}}
                                                {{--@endforeach--}}
                                                {{--<tr>--}}
                                                    {{--<th colspan="3">--}}
                                                        {{--<span class="badge badge-success font-weight-bold font-size-h4">Your Total Mask : <span class="badge badge-light badge-pill">{{$marks}}</span> | <span class="badge badge-light badge-pill">{{round(($marks*100)/$allObjectives->sum('marks'),2)}}%</span></span>--}}
                                                    {{--</th>--}}
                                                {{--</tr>--}}
                                            {{--</tbody>--}}
                                        {{--</table>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                        </div>
                    @endif
                </div>
            </div>
        </div>
        <!-- END Overview -->
    </div>
    <!-- END Page Content -->
@endsection
@if(count($objectives)>0)
@section('ajaxScipt')
    <script>
        var timeleft = '';
        var downloadTimer = setInterval(function(){
            if(timeleft <= 0){
                clearInterval(downloadTimer);
                Snackbar.show({backgroundColor:'#ff9900',actionTextColor: '#fff',showAction: true, pos: 'top-right',text: 'Time Out for this question, Try Next Question'});
                setTimeout(function(){
                    window.location.href = '{{url('student/exam_section/scholarship/'.$exam->client_id.'/'.$exam->slug.'/'.$stream->slug.'/'.$semester->slug.'/'.$term->id.'/start/'.$subject->slug.'/startObjective').'?action_type=expire&&question_id='.$question_id}}';
                }, 3000);
            } else {
                document.getElementById("timer").innerHTML = timeleft;
            }
            timeleft -= 1;
        }, 1000);
        $(document).bind("contextmenu",function(e) {
            e.preventDefault();
        });
        $(function () {
            $(document).keydown(function (e) {
                return (e.which || e.keyCode) != 116;
            });
        });
    </script>
@endsection
@endif