@extends('Layouts.Application')

@section('MainContent')
        <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 Result Report</strong></div>
                <div class="panel-body">

                   <form class="form-horizontal" id="OnlineExamResultForm" role="form" onsubmit="return false;">
                    {{ csrf_field() }}

                        <div class="form-group form-group-sm">
                            <label for="Subject" class="col-sm-1 control-label text-danger">Subject</label>
    						<div class="col-sm-2">
    							<select class="form-control Subject" id="Subject" name="Subject">
    							 <option value="">--- Subject ---</option>
                                    @if(isset($Subjects))
                                        @foreach($Subjects as $Subject)
                                            <option value="{{ $Subject->subject_id }}">{{ $Subject->subject_name }}</option>
                                        @endforeach
                                    @endif
    							</select>
    						</div>
                            <label for="Year" class="col-sm-1 control-label text-danger">Year</label>
                            <div class="col-sm-2">
                                <select class="form-control Year" id="Year" name="Year">
                                    <option value="">--- Year ---</option>
                                    @if(isset($years))
                                        @foreach($years as $year)
                                            <option value="{{ $year->id }}">{{ $year->academic_year }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                            <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_name }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                            
                            <label for="exam_date" class="col-sm-1 control-label text-danger">Exam Date</label>
                            <div class="col-sm-2">
                                <input type="text" class="form-control datepicker" name="exam_date"  required autocomplete="off">
                            </div>


                        </div>
                        
                         <div class="form-group form-group-sm">
                        <div class="col-sm-12">
                            <button type="button" class="btn btn-primary btn-sm btn-block" id="ViewOnlineExamResult">
                                <i class="fa fa-search" aria-hidden="true"></i> Search 
                            </button>
                        </div>
                    </div>

                    </form>

                   
                     <div id="online_exam_view_table"></div>

                </div>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function () {

            $("#ViewOnlineExamResult").on('click', function() {
            $.ajax({
                type: 'POST',
                url: baseURL + '/!/StudentModule/StudentOnlineExamResult/viewResult',
                data: $("#OnlineExamResultForm").serialize()
            }).done(function(response) {
                $("#online_exam_view_table").html(response);
            });
        });
        
           $('.datepicker').datepicker({
        format: 'yyyy-mm-dd',
        autoclose: true,
        todayHighlight: true
    });

        });
    </script>
@endsection