@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 ROUTINE SETTING</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 method="post" id="classroutineform" name="form" action="{{route('routinesettingsave')}}">
                            @csrf
                            <div class="row">
                              <div class="form-group col-lg-2">
                                <label for="periods">Shift:</label>
                                 </div>
                                  <div class="form-group col-lg-6">
                                    <select name="shift" class="form-control" onchange="othermodal(this)">
                                        @foreach($shift as $shifts)
                                        <option value="{{$shifts->id}}">{{$shifts->shift_name}}</option>
                                        @endforeach
                                        <option value="other">Other</option>
                                    </select>
                                  </div>
                            </div>

                            <div class="row">
                                <div class="form-group col-lg-2">
                                <label for="periods">No Period :</label>
                                 </div>
                                <div class="form-group col-lg-6">
                                <input type="text" name="periods" id="periods" class="form-control" placeholder="Enter No of Periods">

                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-lg-2">
                                     <label for="periods"> Period time :</label>
                                </div>
                                <div class="form-group col-lg-6">
                                     <input type="text" name="period_time" class="form-control" placeholder="Enter time in minutes">

                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-lg-2">
                                    <label for="periods">Period Start time :</label>
                                </div>
                                <div class="form-group col-lg-6">
                                    <input type="time" name="period_start_time" class="form-control" placeholder="Enter Class Start time">

                                </div>
                            </div>
                             <div class="row">
                                <div class="form-group col-lg-2">
                                    <label for="periods">WeekEnd :</label>
                                </div>
                                <div class="form-group col-lg-6">
                                    <input type="radio" name="weekend" value="7"><label class="ml-2">Saturday</label>
                                     <input type="radio" name="weekend" value="1"><label class="ml-2">Sunday</label>
                                </div>

                                <div class="form-group col-lg-3">


                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-2">
                                    <input onclick="breakcheck()" type="checkbox" name="break_check" id="break_check" style="margin-left: 77%;transform: scale(1.5)" >

                                </div>
                                <div class="col-lg-6">
                                     Include Breaks
                                </div>
                            </div>
                            <div class="row mt-2" id="breakdiv">


                            </div>
                            <div class="row  mt-2">
                                <div class="col-lg-2">
                                    <input onclick="lunchcheck()" type="checkbox" name="lunch_check" id="lunch_check" style="margin-left: 77%;transform: scale(1.5)" >

                                </div>
                                <div class="col-lg-6">
                                     Include Lunch
                                </div>
                            </div>
                            <div class="row mt-2" id="lunchdiv"></div>
                            <div class="offset-lg-5" style="margin-top:10px;">
                                <input onclick="dynamicroutine()" type="submit" value="Submit">
                            </div>
                        </form>
                    </div>
                </div>
            </div>

              
                                @for($i=0;$i<$count;$i++)
                                {{-- {{dd($routinesetting[0]['shift'])}} --}}
            <div class="col-lg-12">
                  <div class="ibox ">
                    <div class="ibox-title">
                        <h5>SETTING OF @foreach($shift as $shifts)
                             {{-- {{dd($shifts['id'])}} --}}
                            @if($shifts['id']==$routinesetting[$i]['shift'])
                            {{$shifts['shift_name']}}
                            @endif
                        @endforeach</h5>
                        <div class="ibox-tools">
                            <a class="btn btn-danger" data-toggle="modal" data-target="#deleteshift" data-id="{{$routinesetting[$i]['shift']}}"><i class="fa fa-trash"></i></a>
                            <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 table-responsive">
                                  <tbody>
                                <tr>
                                    <td>S.N</td>
                                                                        @foreach($timesetting[$i] as $settings)
                                    <td>{{$settings->time_table}}</td>
                                                                        @endforeach
                                </tr>

                                <tr>

                                    <td><input type="text" value="Sunday" disabled  name="sunday" class="disablecss"></td>
                                    @if($routinesetting[$i]['weekend']=='1')
                                    <td colspan="{{$timecount}}" style="text-align: center;">Weekend</td>
                                    @else


                                    @for($j=0;$j<$a;$j++)

                                    @if($timesetting[$i][$j]->period_type=='break')
                                    <td>break</td>
                                    @elseif($timesetting[$i][$j]->period_type=='lunchbreak')
                                    <td>Lunchbreak</td>
                                    @else
                                    <td>subject/teacher
                                    </td>

                                    @endif
                                    @endfor
                                    @endif

                                </tr>
                                 <tr>
                                    <td ><input type="text" name="monday" value="Monday" disabled class="disablecss"></td>

                                    @for($j=0;$j<$a;$j++)
                                   @if($timesetting[$i][$j]->period_type=='break')
                                    <td>break</td>
                                    @elseif($timesetting[$i][$j]->period_type=='lunchbreak')
                                    <td>Lunchbreak</td>
                                    @else
                                    <td>subject/teacher</td>
                                    @endif
                                    @endfor

                                </tr>
                                 <tr>
                                    <td><input type="text" name="tuesday" value="Tuesday" disabled class="disablecss"></td>

                                    @for($j=0;$j<$a;$j++)
                                   @if($timesetting[$i][$j]->period_type=='break')
                                    <td>break</td>
                                    @elseif($timesetting[$i][$j]->period_type=='lunchbreak')
                                    <td>Lunchbreak</td>
                                    @else
                                    <td>subject/teacher</td>
                                    @endif
                                    @endfor

                                </tr>
                                 <tr>
                                    <td><input type="text" name="wednesday" value="Wednesday" disabled class="disablecss"></td>

                                    @for($j=0;$j<$a;$j++)
                                    @if($timesetting[$i][$j]->period_type=='break')
                                    <td>break</td>
                                    @elseif($timesetting[$i][$j]->period_type=='lunchbreak')
                                    <td>Lunchbreak</td>
                                    @else
                                    <td>subject/teacher</td>
                                    @endif
                                    @endfor

                                </tr>
                                 <tr>
                                    <td><input type="text" value="Thursday" disabled name="thursday" class="disablecss"></td>

                                    @for($j=0;$j<$a;$j++)
                                    @if($timesetting[$i][$j]->period_type=='break')
                                    <td>break</td>
                                    @elseif($timesetting[$i][$j]->period_type=='lunchbreak')
                                    <td>Lunchbreak</td>
                                    @else
                                    <td>subject/teacher</td>
                                    @endif
                                    @endfor

                                </tr>
                                 <tr>
                                     <td><input type="text" value="Friday" disabled name="friday" class="disablecss"></td>
                                    @for($j=0;$j<$a;$j++)
                                    @if($timesetting[$i][$j]->period_type=='break')
                                    <td>break</td>
                                    @elseif($timesetting[$i][$j]->period_type=='lunchbreak')
                                    <td>Lunchbreak</td>
                                    @else
                                    <td>subject/teacher</td>
                                    @endif
                                    @endfor

                                </tr>
                                 <tr>
                                    <td><input type="text" value="Saturday" disabled name="saturday" class="disablecss"></td>
                                     @if($routinesetting[$i]['weekend']=='7')
                                    <td colspan="{{$timecount}}" style="text-align: center;">Weekend</td>
                                    @else
                                    @for($j=0;$j<$a;$j++)
                                   @if($timesetting[$i][$j]->period_type=='break')
                                    <td>break</td>
                                    @elseif($timesetting[$i][$j]->period_type=='lunchbreak')
                                    <td>Lunchbreak</td>
                                    @else
                                    <td>subject/teacher</td>
                                    @endif
                                    @endfor
                                    @endif

                                </tr>


                            </tbody>
                        </table>
                        <br><br>

                            </div>
                        </div>
                    </div>
                </div>
                @endfor
            </div>
        </div>

        <script type="text/javascript">
              function breakcheck(){
              var checkbox = document.getElementById('break_check');
                  if (checkbox.checked === true){
                    $('#breakdiv').append('<div class="col-lg-10"><label for=""><b>Break After :</b></label><input type="text" name="breakafter[]" style="margin-left:15px;"> &nbsp;<label><b>For :</b></label><input type="text" name="breakminutes[]" style="margin-left:15px;"><label style="margin-left:15px;"><b>Minute</b></label><button type="button" style="margin-left:15px;" onclick="breakadd()"><i class="fa fa-plus"></i></button></div>');
                  }
                  else{
                     $('#breakdiv').empty();
                  }
        }
        function breakadd(){
            debugger;
            $('#breakdiv').append('<div class="col-lg-10"><label for=""><b>Break After :</b></label><input type="text" name="breakafter[]" style="margin-left:15px;"> &nbsp;<label><b>For :</b></label><input type="text" name="breakminutes[]" style="margin-left:15px;"><label style="margin-left:15px;"><b>Minute</b></label><button type="button" style="margin-left:15px;"><i class="fa fa-plus" onclick="breakadd();"></i></button></div>');

        }
        function lunchcheck(){
            var checkbox = document.getElementById('lunch_check');
                  if (checkbox.checked === true){
                    $('#lunchdiv').append('<div class="col-lg-10"><label for=""><b>Lunch After :</b></label><input type="text" name="lunchafter" style="margin-left:15px;"> &nbsp;<label><b>For :</b></label><input type="text" name="lunchminutes" style="margin-left:15px;"><label style="margin-left:15px;"><b>Minute</b></label></div>');
                  }
                  else{
                     $('#lunchdiv').empty();
                  }
        }
        function showsections(){
            debugger;
        var class_id=$('#class').val();
        var url="{{url('')}}";
        $.get(url+'/class_section?class_id=' +class_id,function (data) {
            $('#section').empty();
            debugger;
           $('#section').append('<option> select section</option>');
            $.each(data,function (index,subcatObj) {
                $('#section').append('<option value="'+subcatObj.id+'"> '+subcatObj.section_name+'</option>');
            })
        })
    }

    function othermodal(val){

        if(val.value=='other'){

            $('#routineshiftadd').modal("show"); //Open Modal

        }
    }
        </script>

 <div class="modal fade" id="deleteshift" 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('deleteroutineshiftsetting')}}" method="POST" id="frm1">

                    {{csrf_field()}}


                     <div class="modal-body">
                        <input id="editid" type="text" name="id" hidden>
                       <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