@extends($layout)
@section('content')
    <div id="page-wrapper" ng-controller="TabController"  >
          <div class="container-fluid">
<!-- Page Heading -->
            <div class="row">
                <div class="col-lg-12">
                   <ol class="breadcrumb">
                     <li><a href="{{PREFIX}}"><i class="mdi mdi-home"></i></a> </li>
                    
                        @if(checkRole(getUserGrade(2)))
                         <li><a href="{{URL_USERS_DASHBOARD}}">{{getPhrase('users_dashboard')}}</a></li>  
                            <li><a href="{{URL_USERS."users".'/'.$branch_id}}">{{ getPhrase('users')}}</a> </li>
                              <li class="active">{{isset($title) ? $title : ''}}</li>
                        @else
                             <li class="active">{{$title}}</li>
                        @endif
                        </ol>
                  </div>
                </div>
                @include('errors.errors')

                <div class="panel panel-custom">
                  <div class="panel-heading">
                  <h1> {{ $title }} </h1>
                  </div>
                  <div class="panel-body" style="line-height: 35px;">
                  {!! Form::open(array('url' => URL_USERS_CHANGE_COURSE.$slug.'/'.$branch_id, 'method' => 'POST','name'=>'formchangecourse')) !!}
                  
                    <div class="col-lg-4">
                      <div style="font-weight: bold; font-size: 12px; float: left; width: 30%" >Enrollment No. </div>
                      <div style="border-bottom:#dee2e6 solid 1px; padding-left: 5px; float: left; font-size: 11px; width: 68%;"> {{$record->roll_no}}</div>
                    </div> 
                    <div class="col-lg-4">
                      <div style="font-weight: bold; font-size: 12px; float: left; width: 30%" >Student Name </div>
                      <div style="border-bottom:#dee2e6 solid 1px; padding-left: 5px; float: left; font-size: 11px; width: 68%;"> {{$record->first_name}} {{$record->middle_name}} {{$record->last_name}}</div>
                    </div> 
                    <div class="col-lg-4">
                      <div style="font-weight: bold; font-size: 12px; float: left; width: 30%" >Type </div>
                      <div style="border-bottom:#dee2e6 solid 1px; padding-left: 5px; float: left; font-size: 11px; width: 68%;"> {{$record->student_type}} </div>
                    </div> 

                    <div class="col-lg-4">
                      <div style="font-weight: bold; font-size: 12px; float: left; width: 30%" >D/O/S Shri </div>
                      <div style="border-bottom:#dee2e6 solid 1px; padding-left: 5px; float: left; font-size: 11px; width: 68%;"> {{$record->fathers_name}} </div>
                    </div> 
                    <div class="col-lg-6">
                      <div style="font-weight: bold; font-size: 12px; float: left; width: 20%" >Current Class </div>
                      <div style="border-bottom:#dee2e6 solid 1px; padding-left: 5px; float: left; font-size: 11px; width: 80%;"> {{$record->course_title}} </div>
                    </div>   

                    <div class="col-lg-12"> 
                      <div class="col-lg-12" style="font-weight: bold; margin-top: 30px;">Select New Course</div>
                       <fieldset class="form-group col-md-3">
                        {{ Form::label('course_parent_id', getphrase('parent_course')) }}
                        <span class="text-red">*</span>
                        {{Form::select('course_parent_id', $parcourse, null, ['class'=>'form-control', 'id'=>'course_parent_id',
                          'ng-model'=>'course_parent_id',
                          'required'=> 'true',  
                          'ng-change' => "getChildCoursesNew(".$branch_id.", ".$record->academic_id.", course_parent_id)",
                          'ng-class'=>'{"has-error": htmlform.course_parent_id.$touched && htmlform.course_parent_id.$invalid}'
                        ])}} 
                     </fieldset>

                     <fieldset ng-if="selected_course_parent_id" class="form-group col-md-5">
                       <label for="course_id">{{getPhrase('course')}}</label>
                        <select 
                        name="course_id" 
                        id="course_id" 
                        class="form-control" 
                        ng-model="course_id" 
                        ng-change="getCoursesections(course_id)"  
                        ng-options="option.id as option.course_title for option in courses track by option.id">
                        <option value="">{{getPhrase('select')}}</option>
                        </select>
                    </fieldset>

                    </div>
                    <div class="modal-footer col-md-11">
                      <button type="submit" class="btn btn-primary" >{{getPhrase('Submit')}}</button>
                    </div>
                  {!! Form::close() !!}
                  </div>

               </div>
            </div>
          </div>
<!-- /#page-wrapper -->
@endsection
@section('footer_scripts')  
 
 @include('student.scripts.js-scripts')
@stop