@extends('backend.superadmin.index')
@section('body')

    <!-- Main Container -->
    <main id="main-container">

        <!-- Hero -->
        <div class="bg-body-light">
            <div class="content content-full">
                <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center">
                    <h1 class="flex-sm-fill font-size-h2 font-w400 mt-2 mb-0 mb-sm-2">{{$heading}}</h1>
                    <a href="{{url('superadmin/users/student'.'/'.$student->id.'/view-results')}}" class="btn btn-danger ml-1 pull-right" style="float: right"><i class="fa fa-backward"></i>
                        Back
                    </a>
                </div>
            </div>
        </div>
        <!-- END Hero -->

        <!-- Page Content -->
        <div class="content">
            {{--            @include('layouts.message')--}}

            <div class="block block-rounded block-bordered">
                <div class="block-content">
                    <!-- Progress Wizards -->
                    <div class="row">
                        <div class="col-sm-12">
                            <div>
                                <table class="table table-sm table-striped table-vcenter">
                                    <thead>
                                        <tr>
                                            <th class="text-center">SN</th>
                                            <th>Question</th>
                                            <th>Student Answer</th>
                                            <th class="text-center">Status</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    @php
                                        $marks = 0;
                                    @endphp
                                    @foreach($objectiveQuestions as $key=>$objectiveQuestion)
                                        <tr>
                                            <td class="text-center">{{++$key}}</td>
                                            <td>
                                                @if($objectiveQuestion->use_image=='yes')
                                                    <img src="{{config('filesystems.asset').'/'.'online_exams/questions'.'/'.$objectiveQuestion->image}}" alt="" style="width: 50%;">
                                                @else
                                                    {{$objectiveQuestion->name}}
                                                @endif
                                            </td>
                                            <td>
                                                @if($checkStudentAnswer = $objectiveQuestion->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 += $objectiveQuestion->marks;
                                                        @endphp
                                                    @endif
                                                @else
                                                    <span class="text-danger">Not Attempt</span>
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                @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')
                                                        <span class="text-success"><i class="fa fa-check-circle"></i></span>
                                                    @else
                                                        <span class="text-danger"><i class="fa fa-times-circle"></i></span>
                                                    @endif
                                                @else
                                                    <span class="text-danger"><i class="fa fa-times"></i></span>
                                                @endif

                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <th colspan="4" class="text-center">
                                                <span class="badge badge-success font-weight-bold font-size-h4">Total Mask : <span class="badge badge-light badge-pill">{{$marks}}</span> | <span class="badge badge-light badge-pill">{{round(($marks*100)/$objectiveQuestions->sum('marks'),2)}}%</span></span>
                                            </th>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>
                    </div>
                    <!-- END Progress Wizards -->
                </div>
            </div>

        </div>
        <!-- END Page Content -->

    </main>
    <!-- END Main Container -->


@endsection
{{--@section('css_datatable')--}}
{{--    <link rel="stylesheet" href="{{asset('public/theme')}}/assets/js/plugins/datatables/dataTables.bootstrap4.css">--}}
{{--    <link rel="stylesheet" href="{{asset('public/theme')}}/assets/js/plugins/datatables/buttons-bs4/buttons.bootstrap4.min.css">--}}
{{--@endsection--}}
{{--@section('js_datatable')--}}
{{--    <!-- Page JS Plugins -->--}}
{{--    <script src="{{asset('public/theme')}}/assets/js/plugins/datatables/jquery.dataTables.min.js"></script>--}}
{{--    <script src="{{asset('public/theme')}}/assets/js/plugins/datatables/dataTables.bootstrap4.min.js"></script>--}}
{{--    <script src="{{asset('public/theme')}}/assets/js/plugins/datatables/buttons/dataTables.buttons.min.js"></script>--}}
{{--    <script src="{{asset('public/theme')}}/assets/js/plugins/datatables/buttons/buttons.print.min.js"></script>--}}
{{--    <script src="{{asset('public/theme')}}/assets/js/plugins/datatables/buttons/buttons.print.min.js"></script>--}}
{{--    <script src="{{asset('public/theme')}}/assets/js/plugins/datatables/buttons/buttons.html5.min.js"></script>--}}
{{--    <script src="{{asset('public/theme')}}/assets/js/plugins/datatables/buttons/buttons.flash.min.js"></script>--}}
{{--    <script src="{{asset('public/theme')}}/assets/js/plugins/datatables/buttons/buttons.colVis.min.js"></script>--}}

{{--    <!-- Page JS Code -->--}}
{{--    <script src="{{asset('public/theme')}}/assets/js/pages/be_tables_datatables.min.js"></script>--}}
{{--@endsection--}}