@extends ('Layouts.Application')

@section ('MainContent')

<div class="row">
  <div class="col-sm-12">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h6 class="panel-title">
          <strong>
            Syllabus Create

            <a class="btn btn-warning btn-xs pull-right" href="{{ route('LoggedIn.Task.Syllabus.Index') }}">
              <i class="fa fa-chevron-left"></i> Go Back
            </a>
          </strong>
        </h6>
      </div>
      <div class="panel-body">
        @include ('Layouts.FormValidationErrors')
        @include ('Layouts.ErrorSuccessAndWarninMessages')

        <form class="form-horizontal" method="post" action="{{ route('LoggedIn.Task.Syllabus.store') }}" enctype="multipart/form-data">
          @csrf

          <div class="form-group form-group-sm">
            @include ('includes.branch_shift_version_names_block_column', ['fieldColWidth' => 4])

            @include ('includes.class_names_block_column', ['fieldColWidth' => 4, 'required' => true])

            @include ('includes.group_names_block_column', ['fieldColWidth' => 4, 'required' => true])

            @include ('includes.section_names_block_column', ['fieldColWidth' => 4])

            @include ('includes.subject_names_block_column', ['fieldColWidth' => 4, 'required' => true])

            @include ('includes.academic_years_block_column', ['fieldColWidth' => 4, 'required' => true])
          </div>
          <div class="form-group">
            <div class="col-sm-5">
              <label>Title</label>
              <input type="text" class="form-control" name="title" placeholder="Title" required>
            </div>
            <div class="col-sm-3" style="margin: 10px 0;">
              <label>Upload Images</label>
              <input type="file" name="images[]" multiple>
            </div>
            <div class="col-sm-1">
              <strong>OR</strong>
            </div>
            <div class="col-sm-3" style="margin: 10px 0;">
              <label>Upload PDF</label>
              <input type="file" name="file">
            </div>
          </div>

          <div class="col-sm-12">
            <button type="submit" class="btn btn-block btn-success">Add Syllabus</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

<script type="text/javascript">
$(function () {
  $('#branch_and_version').trigger('change');

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

@endsection