@extends('admin::layouts.plane')
@section('page_heading') {{$title}} @endsection
@section('content')
<div class="col-lg-12">
    <div class="panel panel-default filterable">
        <div class="panel-heading">
            <div class="panel-title font-weight-bold">{{$title}}<br>{{$errorMsg}}</div>            
        </div>
        <div class="container-fluid">
            <div class="panel-body">
                
                {{ Form::open(array('url' => 'config/observerPost', 'method' => 'post')) }}
                {{ csrf_field() }}
                
                  <div class="form-group row">
                    <label for="inputEmail3" class="col-sm-3 col-form-label">Choose School Name</label>
                    <div class="col-sm-6">
                    {{ Form::select('school_id', $schools, $school_id, ['placeholder' => '- Select -', 'class' => 'form-control school_class', 'id' => 'school_id', 'required' => 'required']) }}
                    </div>
                  </div>
                  <div class="form-group row">
                    <label for="inputPassword3" class="col-sm-3 col-form-label">Choose Observer Name</label>
                    <div class="col-sm-6">
                    {{ Form::select('observer_name', $empArr, '', ['placeholder' => '- Select -', 'class' => 'form-control observer_name', 'id' => 'observer_name', 'required' => 'required']) }}
                    </div>
                  </div>
                  <div class="form-group row">
                    <label for="inputPassword3" class="col-sm-3 col-form-label">Choose Class</label>
                    <div class="col-sm-6">


                    {{ Form::select('class_section', $class_section, '', ['placeholder' => '- Select -', 'class' => 'form-control class_section','multiple' => 'true', 'id' => 'class_section', 'required' => 'required']) }}
                    </div>
                  </div>
                  <div class="form-group row">
                    <label for="inputPassword3" class="col-sm-3 col-form-label">School Session:: {{$selectedSession}}</label>
                  </div>
                   {{ Form::hidden('session', $selectedSession, ['id' => 'session']) }}
                  
                  <div class="form-group row">
                    <div class="col-sm-3"></div>
                    <div class="col-sm-3">
                        <button type="submit" class="btn btn-primary align-content-center">Submit</button>
                  </div>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
$(document).ready(function () {
  $("#school_id").select2();
  $("#observer_name").select2();

  // Handle school dropdown change - redirect to same page with new school ID
  $('#school_id').on('change', function() {
    var schoolId = $(this).val();
    var session = $('#session').val();
    
    if(schoolId) {
      // Redirect to the same page with the selected school ID and session
      window.location.href = '{{ url("config/observer") }}/' + schoolId + '/' + session;
    }
  });
})
</script>
@stop