IMMREX7

@extends('schools.school_layout')
@section('content')
<div class="row clearfix">
    <div class="col-sm-12">
        <div class="card">
            <div class="header">
                <h2><strong>Add Timetable</strong></h2>
                <a href="{{url('school/viewtimetable')}}" style="float: right" class="btn btn-sm btn-success">View Timetable</a>
            </div>
            <div class="body table-responsive">
                 {!! Form::open(['method' => 'GET',  'action' => ['School\TimetableController@index'], 'class' => 'form-horizontal']) !!}
                <div class="row clearfix">
                    <div class="col-sm-1 form-control-label">
                        <label for="classname">Class</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            {!! Form::select('idClass',$classes,null,['class' => 'form-control show-tick ms select2']) !!}
                            @if ($errors->has('idClass'))
                            <label id="minmaxlength-error" class="error" for="minmaxlength">
                                <strong>{{ $errors->first('idClass') }}</strong>
                            </label>
                            @endif
                        </div>
                    </div>
                    <div class="col-sm-1 form-control-label">
                        <label for="classname">Section</label>
                    </div>
                    <div class="col-sm-3">
                         <?php  if(isset($_GET['idSection'])){
                               $sec =  $_GET['idSection']; 
                                
                                echo '<input type="hidden" value='.$sec.' id="testsec">'; }?>
                        <div class="form-group">
                            <select id='idSection' name='idSection' class="form-control show-tick ms"></select>
                            @if ($errors->has('idSection'))
                            <label id="minmaxlength-error" class="error" for="minmaxlength">
                                <strong>{{ $errors->first('idSection') }}</strong>
                            </label>
                            @endif
                        </div>
                    </div>
                    <div class="col-sm-4 form-control-label">
                        {!! Form::submit('SET TIMETABLE',['class' => 'btn btn-raised btn-primary btn-round waves-effect','id'=>'submit-btn']) !!}
                        {!! Form::close() !!}
                        {!! Form::open(['url' => 'school/timetable', 'class' => 'form-horizontal']) !!}
                        {!! Form::submit('SAVE',['class' => 'btn btn-raised btn-success btn-round waves-effect','id'=>'submit-btn']) !!}
                    </div>
                </div>

                <table class="table">
                    <thead style="background-color: #00d6f3;color:white;">
                    </thead>
                    <tbody>
                        <tr>
                            <th>DAY/TIME</th>
                            @foreach($periods as $var)
                            <th>{{$var->periodName}} <br> {{$var->fromTime}} <br>{{$var->toTime}}</th>
                            @endforeach
                        </tr>
                        @foreach(weekdays() as $key=>$value)
                        <tr>
                            <th style="background-color: #ffa60d;color:white;">{{$value}}</th>
                            @foreach($periods as $var)
                                <input type="hidden" name='periods[{{$key}}][{{$var->idPeriod}}][idWeekday]' value="{{$key}}">
                                @if($var->isLunchBreak == 'N')
                                <td style="border:1px solid #dee2e6;">
                                    <div class="form-group">
                                        {!! Form::select('periods['.$key.']['.$var->idPeriod.'][idSubject]',$subjects,null,['class' => 'form-control show-tick ms select2']) !!}
                                        @if ($errors->has('periods.*'))
                                            <div class="help-block">
                                                    {{ $errors->first('periods.*idSubject') }}
                                              </div>
                                       @endif
                                    </div>
                                    <div class="form-group">
                                        {!! Form::select('periods['.$key.']['.$var->idPeriod.'][idEmployee]',$teachers,null,['class' => 'form-control show-tick ms select2']) !!}
                                        @if ($errors->has('periods.*'))
                                            <div class="help-block">
                                                    {{ $errors->first('periods.*idEmployee') }}
                                              </div>
                                        @endif
                                    </div>
                                </td>
                                @else
                                <td style="background-color: #ffa60d;">
                                    <input type="hidden" name='periods[{{$key}}][{{$var->idPeriod}}][idSubject]'>
                                    <input type="hidden" name='periods[{{$key}}][{{$var->idPeriod}}][idEmployee]'>
                                </td>
                                @endif
                            
                            @endforeach
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>
@stop
@section('script')
<script>
$(document).ready(function() {
    $('select[name="idClass"]').on('change', function() {
        var classID = $(this).val();
        if(classID) {
            $.ajax({
                url: "{{url('/school/class') }}"+'/' +classID + "/sections",
                type: "GET",
                dataType: "json",
                success:function(data) {
                    $('#idSection').empty();
                    $('#idSection').append('<option value="">--Select--</option>');
                    $.each(data, function(key, value) {
                       $('#idSection').append('<option value="'+key+'">'+value+'</option>');
                    });
                }
            });
        }else{
            $('select[name="idSection"]').empty();
        }
    });
    var cur_class = $('select[name="idClass"]').val();
    if (cur_class) {
        $.ajax({
                url: "{{url('/school/class') }}"+'/' +cur_class + "/sections",
                type: "GET",
                dataType: "json",
                success:function(data) {
                    $('#idSection').empty();
                    $('#idSection').append('<option value="">--Select--</option>');
                    $.each(data, function(key, value) {
                       $('#idSection').append('<option value="'+key+'">'+value+'</option>');
                    });
                }
            });
    }
});
jQuery(document).ready(function() {
         setTimeout(function() {
            var j = $('#testsec').val();
            console.log(j);
            $('select[name="idSection"] option[value="' + j + '"]').attr("selected","selected");
        }, 1000);
});
</script>
@stop