IMMREX7

@extends('schools.school_layout')
@section('content')
<div class="row clearfix">
    <div class="col-sm-12">
        <div class="card">
            <div class="header">
                <h2><strong>Edit</strong> </h2>
            </div>
            <div class="body">
                {!! Form::model($stdtransport, ['route' => ['stdtransport.update', $stdtransport->idStdTransport], 'method' => 'put','class'=>'form-horizontal'] ) !!}
                <div class="row clearfix">
                    <div class="col-sm-2 form-control-label required">
                        <label for="classname">Student Name</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <p class="form-control-static">{{$stdtransport->student->firstName}} {{$stdtransport->student->lastName}}</p>
                        </div>
                    </div>
                    <div class="col-sm-2 form-control-label required">
                        <label for="classname">EC No.</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <p class="form-control-static">{{$stdtransport->student->ecNo}}</p>
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-sm-2 form-control-label required">
                        <label for="classname">Select Route</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            {!! Form::select('idRoute',$busroutes,null,['onchange' => 'getStops(this)','class' => 'form-control show-tick ms','required'=>'required']) !!}
                            @if ($errors->has('idRoute'))
                            <label id="minmaxlength-error" class="error" for="minmaxlength">
                                <strong>{{ $errors->first('idRoute') }}</strong>
                            </label>
                            @endif
                        </div>
                    </div>
                    <div class="col-sm-2 form-control-label required">
                        <label for="classname">Select Stop</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            {!! Form::select('idStop',$stops,null,['id'=>'routestop','class' => 'form-control show-tick ms','required'=>'required']) !!}
                            <!--<select name="idStop"  id="routestop" class="form-control show-tick ms"><option value="">--Select --</option></select>-->
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-sm-2 form-control-label required">
                        <label for="classname">Select Bus</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            {!! Form::select('idBus',$buses,null,['id'=>'routebus','class' => 'form-control show-tick ms','required'=>'required']) !!}
                            <!--<select name="idStop"  id="routestop" class="form-control show-tick ms"><option value="">--Select --</option></select>-->
                        </div>
                    </div>
                </div>
                
                
                <div class="row clearfix">
                    <div class="col-sm-8 offset-sm-2">
                        {!! Form::submit('UPDATE',['class' => 'btn btn-raised btn-primary btn-round waves-effect']) !!}
                        {!! Form::close() !!} 
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@stop
@section('script')
<script>
    function getStops(selected){
        var val = selected.value;
        if(val) {
                $.ajax({
                    url: "{{url('/school/routes') }}"+'/' +val + "/stops",
                    type: "GET",
                    dataType: "json",
                    success:function(data) {
                        $('#routestop').empty();
                        $('#routestop').append('<option value="">---Select Stop---</option>');
                        $.each(data, function(key, value) {
                            $('#routestop').append('<option value="'+ key +'">'+ value +'</option>');
                        });
                     }
                });
                $.ajax({
                    url: "{{url('/school/routes') }}"+'/' +val + "/buses",
                    type: "GET",
                    dataType: "json",
                    success:function(data) {
                        $('#routebus').empty();
                        $('#routebus').append('<option value="">---Select Bus---</option>');
                        $.each(data, function(key, value) {
                            $('#routebus').append('<option value="'+ key +'">'+ value +'</option>');
                        });
                     }
                });
            }
    }
</script>
@stop