@extends('layouts.backend')
@section('js_after')
    <script>
        $(document).on("change","#exam,#status",function () {
            var exam = $('#exam').val();
            var status = $('#status').val();
            $.ajax({
                url: "{{ route('webadmin.onlineReportIndex') }}",
                method: 'get',
                data: {
                    exam: exam,
                    status: status
                },
                success: function(result){
                    $('#exam-report-list').html(result);
                }});
        })
    </script>
@endsection
@section('content')
    <div class="content">
        <div class="row">

            <div class="col-lg-12">
                <div class="block block-themed">
                    <div class="block-header">
                        <h3 class="block-title">ONLINE EXAM REPORT</h3>
                        <div class="block-options">

                        </div>
                    </div>
                    <div class="block-content">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">Online Exam<span class="text-danger">*</span></label>
                                    <select class="form-control {{ $errors->has('exam') ? ' is-invalid' : '' }}" name="exam" id="exam" autocomplete="off">
                                        <option value="">Please Select</option>
                                        @if(isset($olineexamlist) && count($olineexamlist)>0)
                                            @foreach($olineexamlist as $olineexam)
                                                <option value="{{$olineexam['id']}}">{{$olineexam['name']}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                                @if ($errors->has('exam'))
                                    <div class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('exam') }}</strong>
                                    </div>
                                @endif
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">Status<span class="text-danger">*</span></label>
                                    <select class="form-control {{ $errors->has('status') ? ' is-invalid' : '' }}" name="status" id="status" autocomplete="off">
                                        <option value="">Please Select</option>
                                        <option value="1">Passed</option>
                                        <option value="0">Failed</option>
                                    </select>

                                    @if ($errors->has('status'))
                                        <div class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('status') }}</strong>
                                        </div>
                                    @endif
                                </div>
                            </div>
                            {{--<div class="row">
                                <button id="get_onlineexam" class="btn btn-success offset-3 mb-4" style="margin-top:23px;"> Get Report</button>
                            </div>--}}
                            <div class="col-md-12" id="exam-report-list">




                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

@endsection