@extends ('Layouts.Application')

@section ('MainContent')

<div class="row">
  <div class="col-sm-12">
    <div class="panel panel-default">
      <div class="panel-heading"><strong>Academic Calendar</strong>
        @if (4 == $userRoleId)
          <a href="{{ route('LoggedIn.Task.AcademicCalendar.create') }}" class="pull-right btn btn-primary btn-xs" title="Academic Calendar">
            <i class="fa fa-plus-circle"></i> NEW
          </a>
        @endif
      </div>
      <div class="panel-body">
        @include ('Layouts.FormValidationErrors')
        @include ('Layouts.ErrorSuccessAndWarninMessages')

        <form class="form-horizontal" role="form" id='students_view_form' onsubmit="return false;">
          @csrf

          <div class="form-group form-group-sm">
            @include ('includes.academic_years_block_column', ['fieldColWidth' => 0])
          </div>
        </form>
      </div>
      <div id="students_view_table"></div>
    </div>
  </div>
</div>

<script type="text/javascript">
$(document).on('change', '#academic_year', function () {
  $.ajax({
    url: baseURL + '/!/Task/AcademicCalendar/View',
    type: 'POST',
    data: $('#students_view_form').serialize(),
    success: function (response) {
      $('#students_view_table').html(response);
    }
  });
});
</script>

@endsection