@extends ('Layouts.Application')

@section ('MainContent')

<div class="row">
  <div class="col-sm-12">
    <div class="panel panel-default">
      <div class="panel-heading"><strong> Syllabus View </strong>
        @if (\App\Models\Permission::checkLinkPermission('SyllabusController', 'Task', 'create'))
          <a href="{{ route('LoggedIn.Task.Syllabus.create') }}" class="pull-right btn btn-primary btn-xs" title="Create Syllabus">
            <i class="fa fa-plus-circle"></i> Syllabus Assign
          </a>
        @endif
      </div>

      <div class="panel-body">
        @include ('Layouts.FormValidationErrors')
        @include ('Layouts.ErrorSuccessAndWarninMessages')

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

          <div class="form-group form-group-sm">
            @include ('includes.branch_names', ['labelColWidth' => 1, 'fieldColWidth' => 2])

            @include ('includes.branch_shift_version_names', ['labelColWidth' => 1, 'fieldColWidth' => 2])

            @include ('includes.class_names', ['labelColWidth' => 1, 'fieldColWidth' => 2])

            @include ('includes.group_names', ['labelColWidth' => 1, 'fieldColWidth' => 2])
          </div>

          <div class="form-group form-group-sm">
            @include ('includes.section_names', ['labelColWidth' => 1, 'fieldColWidth' => 2])

            @include ('includes.subject_names', ['labelColWidth' => 1, 'fieldColWidth' => 2])

            @include ('includes.academic_years', ['labelColWidth' => 1, 'fieldColWidth' => 2])
          </div>

          <div class="form-group form-group-sm">
            <div class="col-sm-12">
              <button type="button" class="btn btn-primary btn-sm btn-block" id="ViewSyllabus">
                <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 type="text/javascript">
$(function () {
  $('#branch_and_version').trigger('change');

  $("#ViewSyllabus").on('click', function() {
    $.ajax({
      type: 'POST',
      url: baseURL + '/!/Task/Syllabus/View',
      data: $("#ViewSyllabusForm").serialize()
    }).done(function(response) {
      $("#students_view_table").html(response);
    });
  });
});

$('.datepicker').datepicker({
  format: 'yyyy-mm-dd',
  autoclose: true,
  todayHighlight: true
});

var rotation = 0;
jQuery.fn.rotate = function(degrees) {
  $(this).css({'transform' : 'rotate('+ degrees +'deg)'});
  return $(this);
};

$("#students_view_table").on('click', ".rotateImageRight", function() {
  rotation += 90;
  $(this).siblings("img").rotate(rotation);
});

$("#students_view_table").on('click', ".rotateImageLeft", function() {
  rotation -= 90;
  $(this).siblings("img").rotate(rotation);
});
</script>

@endsection