@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 Subject</h5>
                        
                    </div>

                    <div class="ibox-content">
                        <form action="{{route('subject.addition')}}" method="POST">
                            <input type="hidden" name="_token" id="csrf-token" value="{{ Session::token() }}" />

                            {{--@csrf--}}

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

                                            @if ($errors->has('subject_name'))
                                                <div class="error" style="color:red">{{ $errors->first('subject_name') }}</div>
                                            @endif

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

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

                                <div class="col-md-4">
                                    <div class="form-group"><label>Select Section</label>
                                        <select class="form-control m-b" name="section" id="section_value">{{$errors->first('section')}}
                                            <label> Select Section<span class="text-danger">*</span></label>
                                            <option value="" selected disabled>Select Section</option>
                                        </select>

                                    </div>

                                </div>

                                <div class="col-md-4">
                                    <div class="form-group">
                                        <h5> Subject Name<span class="text-danger">*</span></h5>
                                        <div class="controls">
                                            <input type="text" name="subject_name" id="subject" class="form-control">

                                            @if ($errors->has('subject_name'))
                                                <div class="error" style="color:red">{{ $errors->first('subject_name') }}</div>
                                            @endif
                                        </div>
                                    </div>

                                </div>


                                <div class="col-md-4">
                                    <div class="form-group"><label>Select Category<span class="text-danger">*</span></label>
                                        <select class="form-control m-b" name="category">
                                            <label>Category<span class="text-danger">*</span></label>

                                            <option value="" selected disabled>Select Category</option>
                                            <option value="Major">Major</option>
                                            <option value="Minor">Minor</option>

                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group"><label>Select Teacher<span class="text-danger">*</span></label>
                                        <select class="form-control m-b" name="teacher_id">
                                            <label>Teacher<span class="text-danger">*</span></label>

                                            <option value="" selected disabled>Select Teacher</option>

                                            @if ($errors->has('teacher_id'))
                                            <div class="error" style="color:red">{{ $errors->first('teacher_id') }}</div>
                                        @endif
                                            @foreach($sms_teacher as $teacher)
                                                <option value="{{$teacher->id}}">{{$teacher->full_name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <h5> Sort Order:</h5>
                                        <div class="controls">
                                            <input type="number" name="sort_order" id="sort" class="form-control" data-validation-required-message="Sort Order is required" >
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </div>

                    <div class="ibox-content">
                        <div class="col-md-4">
                            <div class="form-group">
                                <h5> Select Subject Type:<span class="text-danger">*</span></h5>

                                <div class="custom-control custom-radio">
                                    <input type="radio" class="custom-control-input" id="theory_only" name="subject_type" value="theory" onclick="show_theory()">
                                    <label class="custom-control-label" for="theory_only">Theory Only</label>
                                </div>

                                
                                <div class="custom-control custom-radio">
                                    <input type="radio" class="custom-control-input" id="practical" onclick="show_with_practical()" value="practical" name="subject_type" checked>
                                    <label class="custom-control-label" for="practical">With Practical</label>
                                </div>

                                <!-- Group of default radios - option 3 -->
                                <div class="custom-control custom-radio">
                                    <input type="radio" class="custom-control-input" id="grade" onclick="show_grade()" name="subject_type"  value="grade">
                                    <label class="custom-control-label" for="grade">Grade</label>
                                </div>
                            </div>
                        </div>

                        <div class="table-responsive">
                            <table class="table table-striped table-bordered table-hover">
                                <tbody>
                                    <tr>
                                    @foreach($show_exam as $sh)
                                        <th>{{$sh->exam_type}}</th>
                                        <input type="hidden" name="exam_type[]" value="{{$sh->id}}" 
                                        id="exam_type">
                                        @endforeach

                                <tr id="theory_row">
                                    @for($i=0; $i< count($show_exam); $i++)
                                        <td>
                                            <div class="row" id="div_theory">
                                                <div class="col-md-6">
                                                    Theory Full
                                                    <input type="number" min="0" name="theory_full[]" id="theory_full" class="form-control">

                                                   

                                                </div>
                                                <div class="col-md-6">
                                                    Theory Pass
                                                    <input type="number"  min="0" name="theory_pass[]"  id="theory_pass" class="form-control">
                                                </div>
                                            </div>
                                        </td>

                                    @endfor
                                </tr>

                                <tr id="prac_row">
                                    @for($i=0; $i< count($show_exam); $i++)
                                        <td>
                                            <div class="row" style="padding-top: 5px">
                                                <div class="col-md-6">
                                                    Prac Full
                                                    <input type="number" min="0" name="practical_full[]"  class="form-control">
                                                </div>
                                                <div class="col-md-6">
                                                    Prac Pass
                                                    <input type="number" min="0" name="practical_pass[]" class="form-control">
                                                </div>
                                            </div>
                                        </td>

                                    @endfor
                                </tr>

                                <tr>
                                    @for($i=0; $i< count($show_exam); $i++)
                                        <td>
                                            <div class="row">
                                                <div class="col-md-12">

                                                    <div class="checkbox checbox-switch switch-primary">
                                                        <label>LP
                                                            <input type="checkbox" name="lp[]" value="1" >

                                                            <span></span>
                                                        </label>


                                                        <label>NB
                                                            <input type="checkbox" name="nb[]" id="nb" value="1">
                                                            <span></span>
                                                        </label>

                                                        <label>SE
                                                            <input type="checkbox" name="se[]"  id="se" value="1">
                                                            <span></span>
                                                        </label>

                                                        <label>MT
                                                            <input type="checkbox" name="mt[]" id="mt" value="1">
                                                            <span></span>
                                                        </label>


                                                        <label>OT
                                                            <input type="checkbox" name="ot[]" id="ot" value="1">
                                                            <span></span>
                                                        </label>
                                                        <label>ECA
                                                            <input type="checkbox" name="eca[]"  id="eca" value="1">
                                                            <span></span>
                                                        </label>


                                                    </div>

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


                                    @endfor
                                </tr>




                                </tr>

                                </tbody>
                            </table>
                        </div>


                    </div>


                    <div class="hr-line-dashed"></div>
                    <button type="submit" class="btn btn-success">Submit</button>
                    </form>



                </div>
            </div>

        </div>
    </div>

    <script>

        function show_theory() {

            $("#prac_row").hide();
            $("#theory_row").show();

        }

        function show_with_practical() {
            $("#prac_row").show();
            $("#theory_row").show();

        }
        function show_grade() {
            $("#prac_row").hide();
            $("#theory_row").hide();


        }

    </script>

    <script>

        function classsection(){

    var datas = document.getElementById('modalclass').value;
    document.getElementById('section_value').innerHTML = "";

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

    $.ajax({
    url: section_url,
    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]['section_name']+'</option>';
    }
    $('#section_value').append('<option value="" selected disabled>Select Section</option>'+selectHTML);
    },

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

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

    }
    </script>


@endsection