@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 Edit

            <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.update', $homework->homework_id) }}"
          enctype="multipart/form-data">
          @csrf
          {{ method_field('patch') }}

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

            @include (
              'includes.class_names_block_column',
              ['fieldColWidth' => 4, 'storedData' => $homework->class_id]
            )

            @include (
              'includes.group_names_block_column',
              ['fieldColWidth' => 4, 'storedData' => $homework->group_id]
            )

            @include (
              'includes.section_names_block_column',
              ['fieldColWidth' => 4, 'storedData' => $homework->section_id]
            )

            <div class="col-sm-4">
              <label>Subject</label>
              <select id="subject_name" name="subject_name" class="form-control">
                <option value="">--- Select ---</option>
                @if ($subjects->isNotEmpty())
                  @foreach ($subjects as $subject)
                    <option value="{{ $subject->subject_id }}" {{ $subject->subject_id == $homework->subject_id ? 'selected' : '' }}>
                      {{ $subject->subject->name }}
                    </option>
                  @endforeach
                @endif
              </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 value="{{ $homework->homework_title }}">
            </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>

          @if (count($homework->images))
            <div class="form-group">
              <div class="col-sm-12">
                <div class="row">
                  @foreach ($homework->images as $image)
                    <div class="col-sm-3 uploadedImage" style="text-align: center;">
                      <img src="{{ asset('storage/uploads/homework/' . $image->image_name) }}" width="100%" class="img img-thumbnail">
                      <button type="button" class="btn btn-danger removeImage" style="margin-top: 5px;">Remove</button>
                      <input type="hidden" name="previous_images[]" value="{{ $image->id }}">
                    </div>
                  @endforeach
                </div>
              </div>
            </div>
          @endif

          <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 value="{{ $homework->homework_submissionDate }}"
              />
            </div>
          </div>
          <div class="form-group">
            <div class="col-sm-12">
              <label>Description</label>
              <textarea class="form-control" id="ckeditor" name="description">{{ $homework->homework_description }}</textarea>
            </div>
          </div>
          <div class="col-sm-12">
            <button type="submit" class="btn btn-block btn-success">Update Homework</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

<script type="text/javascript">
CKEDITOR.replace( 'ckeditor', {
  toolbar : 'Basic',
});

$(".removeImage").on('click', function() {
  $(this).closest('.uploadedImage').remove();
});

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

@endsection