@extends('admin.include.main')
@section('content')
 <style>
        select { -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; } select:hover { background-color:gren; } option:hover { background-color:green;color:white; } option { -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; color:blue; background-color:white; }
    </style>
    <div class="wrapper wrapper-content">
     @if ($errors->any())
    <div class="alert alert-danger" id="broaderror">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox ">
                    <div class="ibox-title">
                        <h5>All form elements <small>With custom checbox and radion elements.</small></h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                <i class="fa fa-wrench"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-user">
                                <li><a href="#" class="dropdown-item">Config option 1</a>
                                </li>
                                <li><a href="#" class="dropdown-item">Config option 2</a>
                                </li>
                            </ul>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <form action="{{route('printfinalroutine')}}" method="POST">
                            @csrf



                        <h1>Class Routine</h1>
                        <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="class" id="class_select" onchange="showsections()">
                                        <label>Select Class<span class="text-danger">*</span></label>

                                        <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<span class="text-danger">*</span></label>
                                    <select class="form-control m-b" name="section" id="sectionselect"  onchange="studentlists()">
                                        <label>Select Section<span class="text-danger">*</span></label>

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


                                    </select>

                                </div>
                            </div>

                        </div>

                        <input type="submit" name="class_submit" value="class_submit" class="btn btn-success">
                        <div class="hr-line-dashed"></div>
                        <h1>Exam Routine</h1>
                          <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="class_e" id="class_select_e" onchange="showsections_e()">
                                        <label>Select Class<span class="text-danger">*</span></label>

                                        <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<span class="text-danger">*</span></label>
                                    <select class="form-control m-b" name="section_e" id="sectionselect_e">
                                        <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"><label>Select Examtype<span class="text-danger">*</span></label>
                                    <select class="form-control m-b" name="examtype" id="examtype" >
                                        <label>Select ExamType<span class="text-danger">*</span></label>

                                        <option value="" selected disabled>Select Examtype</option>
                                        @foreach($examtype as $exam)
                                         <option value="{{$exam->id}}">{{$exam->examtype_name}}</option>
                                        @endforeach


                                    </select>

                                </div>
                            </div>

                        </div>

                        <input type="submit" name="exam_submit" value="exam_submit" class="btn btn-success">
                        <div class="hr-line-dashed"></div>


                        <div class="active-student" style="padding-top:10px;">
                            <h2>Teacher Routine</h2>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group"><label>All Active Teachers<span class="text-danger">*</span></label>
                                        <select class="form-control m-b" name="teacher">
                                            <label>Active Teachers<span class="text-danger">*</span></label>

                                            <option value="" selected disabled>Select Teachers</option>
                                            @foreach($teachers as $teacher)
                                            <option value="{{$teacher->id}}">{{$teacher->full_name}}</option>
                                                @endforeach


                                        </select>

                                    </div>
                                </div>

                            </div>
                            {{-- <button type="submit" class="btn btn-success">Submit</button> --}}
                             <input type="submit" name="teacher_submit" value="teacher_submit" class="btn btn-success">

                        </div>
                        <div class="hr-line-dashed"></div>

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












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

    <script type="text/javascript">
        function showsections(){
         var class_id=$('#class_select').val();

        var url="{{url('')}}";
        $.get(url+'/class_section?class_id=' +class_id,function (data) {
            $('#sectionselect').empty();
            debugger;
           $('#sectionselect').append('<option> select section</option>');
            $.each(data,function (index,subcatObj) {
                $('#sectionselect').append('<option value="'+subcatObj.id+'"> '+subcatObj.section_name+'</option>');
            })
        })
    }
     function showsections_e(){
         var class_id=$('#class_select_e').val();

        var url="{{url('')}}";
        $.get(url+'/class_section?class_id=' +class_id,function (data) {
            $('#sectionselect_e').empty();
            debugger;
           $('#sectionselect_e').append('<option> select section</option>');
            $.each(data,function (index,subcatObj) {
                $('#sectionselect_e').append('<option value="'+subcatObj.id+'"> '+subcatObj.section_name+'</option>');
            })
        })
    }



    </script>

@endsection