@extends ('Layouts.Application')

@section ('MainContent')

<script src="//cdn.ckeditor.com/4.10.1/standard/ckeditor.js"></script>

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

            <a class="btn btn-warning btn-xs pull-right" href="{{ route('LoggedIn.Task.Homework.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.Homework.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])

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

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

            <div class="col-sm-4">
              <label>Subject</label>
              <select id="subject_name" name="subject_name" class="form-control">
                <option value="">--- Select ---</option>
              </select>
            </div>

            @include ('includes.academic_years_block_column', ['fieldColWidth' => 4])
          </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="form-group">
            <div class="col-sm-6">
              <label>Submission Date </label>
              <input type="text" class="form-control datepicker" name="submission" id="datepicker" required autocomplete="off">
            </div>
          </div>
          <div class="form-group">
            <div class="col-sm-12">
              <label>Description</label>
              <textarea class="form-control" id="ckeditor" name="description"></textarea>
            </div>
          </div>
          <div class="col-sm-12">
            <button type="submit" class="btn btn-block btn-success">Add Homework</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
CKEDITOR.replace( 'ckeditor', {
  toolbar : 'Basic',
});

$(function () {
  $('#branch_and_version').trigger('change');

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

@endsection