@extends ('Layouts.Application')

@section ('MainContent')

<div class="row">
  <div class="col-sm-12">
    <div class="panel panel-default">
      <div class="panel-heading"><strong> Exam Routine Details </strong>
        @if (4 == $userRoleId)
          <a href="{{ route('LoggedIn.Task.ExamRoutine.create') }}" class="pull-right btn btn-primary btn-xs" title="Create Homework">
            <i class="fa fa-plus-circle"></i>
          </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.branch_shift_version_names_block_column',
							['branchVersionString' => $branchVersionString, 'fieldColWidth' => 3, 'filter' => 'ExamRoutine']
						)

            @include ('includes.exam_type_names_block_column', ['labelColWidth' => 1, 'fieldColWidth' => 3])

            @include ('includes.academic_years_block_column', ['labelColWidth' => 1, 'fieldColWidth' => 3])
          </div>
          <div class="form-group form-group-sm">
            <div class="col-sm-12">
              <button type="button" id='students_view_submit' class="btn btn-primary btn-sm btn-block">
                <i class="fa fa-search" aria-hidden="true"></i> Search
              </button>
            </div>
          </div>
        </form>
      </div>
      <div id="students_view_table"></div>
    </div>
  </div>
</div>

<script>
$(document).on('click', '#students_view_submit', function () {
  $.ajax({
    url: baseURL + '/!/Task/ExamRoutine/view',
    type: 'POST',
    data: $('#students_view_form').serialize(),
    success: function (response) {
      $('#students_view_table').html(response);
    }
  });
});
</script>

@endsection