@extends('Layouts.Application')

@section('MainContent')

<style>
.vCenter {
    vertical-align: middle !important;
}
</style>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-AMS_HTML"></script>
<div class="row">
    <div class="col-sm-12">
        <div class="panel panel-default">
            <div class="panel-heading"><strong>Student Online Exam</strong></div>
            <div class="panel-body">
                @include('Layouts.FormValidationErrors')
                @include('Layouts.ErrorSuccessAndWarninMessages')

                <div class="table-responsive">
                    <table class="table table-condensed table-bordered text-uppercase">
                        <thead style="background-color:#9ea4cf;">
                            <tr>
                                <td colspan="3">
                                    NAME : <strong> {{Auth::user()-> full_name}} </strong>
                                </td>
                                <td colspan="2">
                                    ID : <strong> {{ $studentID->system_generated_student_id }} </strong>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    ROLL : <strong>{{ $studentID->roll_no }}</strong>
                                </td>
                                <td>
                                    CLASS : <strong>{{ $studentID->ClassName }}</strong>
                                </td>
                                <td>
                                    SECTION : <strong>{{ $studentID->SectionName }}</strong>
                                </td>
                                <td colspan="2">
                                    GROUP : <strong>{{ $studentID->GroupName }}</strong>
                                </td>
                            </tr>
                        </thead>
                    </table>
                </div>

                <form class="form-horizontal" role="form" id="student_online_exam_form">
                    {{ csrf_field() }}

                    <div class="form-group form-group-sm">
                        <label for="ExamType" class="col-sm-1 control-label text-danger">Exam Type</label>
                        <div class="col-sm-2">
                            <select class="form-control ExamType" id="ExamType" name="ExamType">
                                <!--<option value="">----- Exam Type -----</option>-->
                                @if(isset($ExamTypes))
                                    @foreach($ExamTypes as $ExamType)
                                        <option value="{{ $ExamType->exam_type_id }}">{{ $ExamType->exam_type_alias }}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>

                        <label for="ExamHead" class="col-sm-1 control-label text-danger">Exam Head</label>
                        <div class="col-sm-2">
                            <select class="form-control ExamHead" id="ExamHead" name="ExamHead">
                                <!--<option value="">----- Exam Head -----</option>-->
                                @if(isset($ExamHeads))
                                    @foreach($ExamHeads as $ExamHead)
                                        <option value="{{ $ExamHead->exam_head_id }}">{{ $ExamHead->exam_head_alias }}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                        <div class="col-sm-2">
                            <button type="button" class="btn btn-info view_question">View</button>
                        </div>
                    </div>
                </form>

                <hr>
                <div class="table-responsive" id="view_studnet_online_exam"></div>
            </div>
        </div>
    </div>
</div>

<script>
    $(".view_question").on('click', function() {
        $.ajax({
            url: baseURL + '/!/StudentModule/StudentOnlineExam/view',
            type: 'POST',
            data: $("#student_online_exam_form").serialize(),
            success: function (response) {
                $('#view_studnet_online_exam').html(response);
            }
        });
    })
</script>

@endsection