@extends('resultreports::reportsInputBlades.master')
@section('input-fields')
<div class="col-md-3">
  <div class="form-group">
      {!! Form::select('board', $boards,Request::input('board','CBSE'), ['class' => 'form-control required', 'id' => 'board','placeholder'=>'Select Board']) !!}
  </div>
</div>
  <div class="col-md-3">
    <div class="form-group">
        {!! Form::select('class', $classes,Request::input('class'), ['class' => 'form-control required', 'id' => 'class','placeholder'=>'Select Class']) !!}
    </div>
  </div>
  <div class="col-md-3">
    <div class="form-group">
        {!! Form::select('subject', [],Request::input('subject'), ['class' => 'form-control', 'id' => 'subject','placeholder'=>'Select Subject','disabled'=>'true']) !!}
    </div>
  </div>
  <script>
    var baseUrl ="{{ url('resultReports') }}";
    getSubjects();
    $(document).on('change','#class, #exam-type, #session',
        function () {
          getSubjects();
        }
      );
      function getSubjects() {
            var classId = $('#class').val();
            var examType = $('#exam-type').val();
            var session = $('#session').val();
            if(!classId || !examType || !session) {
              $('#subject').prop('disabled', true);
              return;}
            $.ajax({
                url: `${baseUrl}/get-subjects-option/?class=${classId}&exam-type=${examType}&session=${session}`, 
                method: 'GET',
                success: function (response) {
                  // console.log(response);
                    var subjectSelect = $('#subject');
                    subjectSelect.html(response.options);
                    subjectSelect.prop('disabled', false);
                },
                error: function () {
                    
                }
            });
        }
     
</script>


@endsection