@extends('admin.include.main')
@section('content')

    <div class="wrapper wrapper-content">

        <div class="row">
            <div class="col-lg-12">
                <div class="ibox ">
                    <div class="ibox-title">
                        <h5>Add Marks</h5>
                        
                    </div>
                    <div class="ibox-content">
                        <!-- <form action="{{route('exam.marks.table')}}" method="GET"> -->
                            <form method="get" id="myForm">
                        @csrf

                        <div class="row">

                            <div class="col-md-6">  

                                <div class="form-group"><label>Select Class<span class="text-danger">*</span></label>
                                    <select class="form-control m-b" name="class_id" id="modalclass" onchange="classsection()" required >
                                        <label>Select<span class="text-danger">*</span></label>

                                        <option value="" selected disabled>Select Class</option>
                                        @foreach($class as $cl)
                                            <option value="{{$cl->id}}">{{$cl->class_name}}</option>
                                        @endforeach
                                    </select>

                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group"><label>Select Section<span class="text-danger">*</span></label>

                                    <select class="form-control m-b" id="section_value" name="section_id" onchange="sectionsubject()">
                                        <option value="" selected disabled>Select Section</option>


                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">

                                <div class="form-group"><label>Select Subject<span class="text-danger">*</span></label>

                                    <select class="form-control m-b" id="subject_id" name="subject_id" onchange="check_exam()" >
                                        <option value="" selected disabled>Select Subject</option>
                                       

                                    </select>
                                </div>
                            </div>
                            {{-- {{dd($smsexam)}}--}}
                            <div class="col-md-6">
                                <div class="form-group"><label>Select Exam Type<span class="text-danger">*</span></label>
                                    <select class="form-control m-b" id="exam" name="exam_id" onchange="check_mark()">
                                        <label>Exam Type<span class="text-danger">*</span></label>



                                    </select>

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

                            <!-- <button type="submit" class="btn btn-success">Next</button> -->
                            <div style="display:none;" id="at-submit">
                                <h4>Please Add Marks</h4>
                                 <button type="submit" class="btn btn-success">Next</button>
                            </div>
                            <div id="at-view-submit" style="display:none;">
                            <h4>Marks has already been added. Please click to view </h4>
                            <button type="submit"  class="btn btn-success">View Marks</button>
                            </div>
                        </form>

                    </div>


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

    <script>

        function classsection(){
            debugger;
            var datas = document.getElementById('modalclass').value;
            document.getElementById('section_value').innerHTML = "";
            document.getElementById('subject_id').innerHTML = "";
            // $('#at-view-submit').hide();
            //             $('#at-submit').hide();
            

            var section_url = '{{ route("info_sec", ":id") }}';
            section_url = section_url.replace(':id', datas);

            $.ajax({

                url: section_url,
                type: "GET",
                success: function (data){
                     // debugger;
                    var t = JSON.parse(data);
                    var x = t['sec'];
                    var z = t['subj'];
                    var selectHTML = '';
                    var selectHTML2 = '';

                    for (i=0; i< x.length; i++)
                    {
                        selectHTML +='<option value="'+x[i]['id']+'">'+x[i]['section_name']+'</option>';

                    }
                    $('#section_value').append('<option value="" selected disabled>Select Section</option>'+selectHTML);

                    for (j=0; j< z.length; j++)
                    {
                        selectHTML2 +='<option value="'+z[j]['id']+'">'+z[j]['subject_name']+'</option>';
                    }
                    $('#subject_id').append('<option value="" selected disabled>Select Subject</option>'+selectHTML2);
                },

                error: function (err) {
                    // debugger;
                    console.log("error:", err);
                    var t = '<p>Something went wrong!!</p>';

                    $('#feedetails').append(t);
                }
            });

        }


         function sectionsubject(){
            debugger;
            var datas = document.getElementById('modalclass').value;
            var section = document.getElementById('section_value').value;
            document.getElementById('subject_id').innerHTML = "";

            var check_url = '{{ route("sec_subj", [":class_id",":section_id"]) }}';
              var check_url1 = check_url.replace(':class_id', datas);
              check_url1 = check_url1.replace(':section_id', section);
            console.log(check_url1);

            $.ajax({
                url: check_url1,
                type: "GET",
                success: function (data){
                     // debugger;
                    var x = JSON.parse(data);
                   
                    var selectHTML = '';
                    for (i=0; i< x.length; i++)
                    {
                        selectHTML +='<option value="'+x[i]['id']+'">'+x[i]['subject_name']+'</option>';
                    }
                    $('#subject_id').append('<option value="" selected disabled>Select subject</option>'+selectHTML);

                    
                },

                error: function (err) {
                    // debugger;
                    console.log("error:", err);
                    var t = '<p>Something went wrong!!</p>';

                    $('#feedetails').append(t);
                }
            });

        
        }   

        function check_mark(){
            debugger;
                
            var datas = document.getElementById('modalclass').value;        
            var section = document.getElementById('section_value').value;
            var subject = document.getElementById('subject_id').value;
            var exam = document.getElementById('exam').value;

            var check_url = '{{ route("check.mark", [":modalclass",":section_value",":subject_id",":exam"]) }}';
              var check_url1 = check_url.replace(':modalclass', datas);
              var check_url2 = check_url1.replace(':section_value', section);
               var check_url3 = check_url2.replace(':subject_id',subject );
              var check_url4 = check_url3.replace(':exam', exam);

            //debugger;
            $.ajax({
                
                url: check_url4,
                type: "GET",
                success: function (data){ 
                    console.log(data);
                    if(data == 1234){
                        //debugger;
                        $('#at-submit').show();
                        $('#at-view-submit').hide();
                        $('#at-submit').click(function(){
                            $('#myForm').attr('action', '{{route('exam.marks.table')}}');
                        });
                    } else{
                        //debugger;
                        $('#at-view-submit').show();
                        $('#at-submit').hide();
                        $('#at-view-submit').click(function(){
                            $('#myForm').attr('action', '{{route('view.mark')}}');
                        });
                    }
                              
            },
                
                error: function (err) {
                    //debugger;
                    console.log("error:", err);
                    var t = '<p>Something went wrong!!</p>';
                    
                    $('#feedetails').append(t);
                }
            });
        }

        function check_exam(){
            debugger;
        var subject_id = document.getElementById('subject_id').value;
        document.getElementById('exam').innerHTML = "";

        var exam_url = '{{ route("exam_info", ":id") }}';
        exam_url = exam_url.replace(':id', subject_id);

        $.ajax({
            
        url: exam_url,
        type: "GET",
        success: function (data){
        // var datas = JSON.parse(data);
        var datas = data;
        var selectHTML = '';
        datas.forEach(data => {
            selectHTML +='<option value="'+data['smsexam']['id']+'">'+data['smsexam']['exam_type']+'</option>';
            $('#exam').append('<option value="" selected disabled>Select Exam</option>'+selectHTML);
        });
        },

        error: function (err) {
        console.log("error:", err);
        var t = '<p>Something went wrong!!</p>';

        $('#feedetails').append(t);
        }
        });

        }


   </script>
@endsection