@extends('admin.include.main')
@section('content')
    <div class="wrapper wrapper-content animated fadeInRight">
         @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>CREATE CLASS ROUTINE</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">
                        <div>
                            <form id="routineoption" method="POST" action="{{route('classroutineaddform')}}">
                                @csrf
                            <div class="row">
                                <div class="col-sm-4">
                                    <label>Shift:</label>
                                    <select name="shift" class="form-control">
                                        @foreach($shifts as $shift)
                                        <option value="{{$shift->id}}">{{$shift->shift_name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                 <div class="col-sm-4">
                                    <label>Class:</label>
                                    <select name="class" class="form-control" onchange="showsections()" id="class">
                                        <option value="" selected disabled>Select Class</option>
                                        @foreach($classes as $class)

                                        <option value="{{$class->id}}">{{$class->class_name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                 <div class="col-sm-4">
                                    <label>Section:</label>
                                    <select name="section" class="form-control" id="section">

                                    </select>
                                </div>
                            </div>
                            <div class="mt-2 text-center">
                                <input type="submit" class="btn btn-success" name="submit" value="submit">
                            </div>
                            </form>

                        </div>


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

                <div class="col-lg-12">
                  <div class="ibox ">
                    <div class="ibox-title">
                        <h5> AVAILABLE CLASS ROUTINES</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">
                        <div>
                        <table class="table">
                            <thead>
                                <th>Shift</th>
                               <th>Class</th>
                               <th>Section</th>
                               <th>Action</th>
                            </thead>
                            <tbody>
                                @foreach($routines as $routine)
                                <tr>
                                    <td>@foreach($shifts as $shift)
                                        @if($shift->id==$routine->shift_id)
                                            {{$shift->shift_name}}
                                        @endif
                                        @endforeach
                                    </td>
                                <td>{{$routine->class_name}}</td>
                                <td>{{$routine->section_name}}</td>
                                <td><a href="{{route('viewclassroutine',['class_id'=>$routine->class_id,'section_id'=>$routine->section_id,'shift_id'=>$routine->shift_id])}}"><i class=" btn btn-success fa fa-eye"></i></a>
                                      <a  data-toggle="modal" data-target="#deleteclassroutine" data-shiftid="{{$routine->shift_id}}" data-sectionid="{{$routine->section_id}}" data-classid="{{$routine->class_id}}"><i class=" btn btn-danger  fa fa-trash"></i></a>
                                    {{-- <a><i class="fa fa-trash"></i></a> --}}</td>
                                </tr>
                                @endforeach
                                 @foreach($routineclass as $routiness)
                                <tr>
                                    <td>@foreach($shifts as $shift)
                                        @if($shift->id==$routiness->shift_id)
                                            {{$shift->shift_name}}
                                        @endif
                                        @endforeach
                                    </td>
                                <td>{{$routiness->class_name}}</td>
                                <td>All</td>
                                <td><a href="{{route('viewclassroutine',['class_id'=>$routiness->class_id,'section_id'=>'all','shift_id'=>$routiness->shift_id])}}"><i class=" btn btn-success fa fa-eye"></i></a>
                                      <a  data-toggle="modal" data-target="#deleteclassroutine" data-shiftid="{{$routiness->shift_id}}" data-sectionid="all" data-classid="{{$routiness->class_id}}"><i class=" btn btn-danger  fa fa-trash"></i></a>
                                    {{-- <a><i class="fa fa-trash"></i></a> --}}</td>
                                </tr>
                                @endforeach


                            </tbody>


                        </table>

                        </div>


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

            </div>
        </div>
<script>
   function showsections(){
          var class_id=$('#class').val();
        var url="{{url('')}}";
        $.get(url+'/class_section?class_id=' +class_id,function (data) {
            $('#section').empty();
            debugger;
           $('#section').append('<option value="" selected disabled> select section</option>');
            $.each(data,function (index,subcatObj) {
                $('#section').append('<option value="'+subcatObj.id+'"> '+subcatObj.section_name+'</option>');
            })
        })
    }
</script>
 <div class="modal fade" id="deleteclassroutine" role="dialog">
            <div class="modal-dialog">

            <!-- Modal content-->
                <div class="modal-content">
                <div class="modal-header" style="background-color:#f2f2f2">
                     <h4 class="modal-title text-left"> Delete Message</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>



                 </div>
                 <form action="{{route('deleteclassroutine')}}" method="POST" id="frm1">

                    {{csrf_field()}}


                     <div class="modal-body">
                        <input id="shiftid" type="text" name="shiftid" >
                          <input id="sectionid" type="text" name="sectionid" >
                            <input id="classid" type="text" name="classid" >
                       <p style="color:red; font-size: 18px;">Are you sure to Delete !!!</p>




                        </div>
                        <div class="modal-footer">
            <button type="submit" class="btn btn-success actionbtn" id="dbtn" >Yes </button>
                        <button type="button" class="btn btn-warning actionbtn" data-dismiss="modal">close </button>


                     </div>

                 </form>


              </div>
            </div>
        </div>
@endsection