@extends('back.layouts.pages-layout')
@section('pageTitle', isset($pageTitle) ? $pageTitle: 'Edit Course')
@section('content')
<div class="page-header d-print-none">
  <div class="container-xl">
    <div class="row g-2 align-items-center">
      <div class="col">
        <h2 class="page-title">
          Edit Course
        </h2>
      </div>
    </div>
  </div>
</div>

<div class="page-body">
  <div class="container-xl">
    <form action="{{route('author.courses.update-course',['course_id'=>Request('course_id')])}}" method="post" id="editPostForm"
      enctype="multipart/form-data">
      @csrf
      <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-md-9">
                    <div class="mb-3">
                        <label class="form-label">Course Title</label>
                        <input type="text" value="{{$course->course_title}}" class="form-control" name="course_title" placeholder="Enter course title">
                        <span class="text-danger error-text course_title_error">@error('course_title')
                          {{$message}}
                        @enderror</span>
                      </div>
                      <div class="mb-3">
                        <label class="form-label">Course Content</label>
                        <textarea class="ckeditor form-control" name="course_content" rows="6" placeholder="Content.." id="post_content">{!!$course->course_content!!}</textarea>
                        <span class="text-danger error-text course_content_error">@error('course_content')
                          {{$message}}
                        @enderror</span>
                    </div>
                </div>
                <div class="col-md-3">
                  <div class="mb-3">
                    <label class="form-label">Location</label>
                    <input type="text" class="form-control" name="location" value="{{$course->location}}">
                    <span class="text-danger error-text location_error">@error('location')
                      {{$message}}
                    @enderror</span>
                  </div>
                  <div class="mb-3">
                    <label class="form-label">Duration</label>
                    <input type="text" class="form-control" name="duration" value="{{$course->duration}}">
                    <span class="text-danger error-text duration_error">@error('duration')
                      {{$message}}
                    @enderror</span>
                  </div>
                    
                      <div class="mb-3">
                        <label class="form-label">Total Course fees</label>
                        <input type="text" class="form-control" name="total_course_fee" value="{{$course->total_course_fee}}">
                        <span class="text-danger error-text total_course_fee_error">@error('total_course_fee')
                          {{$message}}
                        @enderror</span>
                      </div>
                      <div class="mb-3">
                        <label class="form-label">Course Qualification</label>
                        <input type="text" class="form-control" name="course_qualification" value="{{$course->course_qualification}}">
                        <span class="text-danger error-text course_qualification_error">@error('course_qualification')
                          {{$message}}
                        @enderror</span>
                      </div>
                      <div class="mb-3">
                        <label class="form-label">Entry Score</label>
                        <input type="text" class="form-control" name="entry_score" value="{{$course->entry_score}}">
                        <span class="text-danger error-text entry_score_error">@error('entry_score')
                          {{$message}}
                        @enderror</span>
                      </div>
                      <div class="mb-3">
                        <div class="form-label">Course Country</div>
                        <select class="form-select" name="country_id">
                          <option class="form-control">No selected</option>
                          @foreach (\App\Models\Country::all() as $country)
                              <option value="{{$country->id}}" {{$course->country_id==$country->id ? 'selected' :
                                ''}}>{{$country->country_name}}</option>
                          @endforeach
                        </select>
                        <span class="text-danger error-text country_id_error">@error('country_id')
                          {{$message}}
                        @enderror</span>
                      </div>
                      <div class="mb-3">
                        <div class="form-label">Course University</div>
                        <select class="form-select" name="university_id">
                          <option class="form-control">No selected</option>
                          @foreach (\App\Models\University::all() as $university)
                              <option value="{{$university->id}}" {{$course->university_id==$university->id ? 'selected' :
                                ''}}>{{$university->university_name}}</option>
                          @endforeach
                        </select>
                        <span class="text-danger error-text university_id_error">@error('university_id')
                          {{$message}}
                        @enderror</span>
                      </div>
                      <div class="mb-3">
                        <div class="form-label">Featured Image</div>
                        <input type="file" class="form-control" name="featured_image">
                        <span class="text-danger error-text featured_image_error">@error('featured_image')
                          {{$message}}
                        @enderror</span>
                      </div>
                      <div class="image_holder mb-2" style="max-width: 250px">
                        <img src="{{asset('/storage/image/courseimages/thumbnails/resized_'.$course->featured_image)}}" alt=""
                          class="img-thumbnail" id="image-previewer"
                          data-ijabo-default-image='/storage/image/courseimages/thumbnails/resized_{{$course->featured_image}}'>
                      </div>
                      <button type="submit" class="btn btn-primary">Update Course</button>
                </div>
            </div>
        </div>
    </div>
    </form>
  </div>
</div>
@endsection

@push('scripts')
<script src="{{asset('/ckeditor/ckeditor/ckeditor.js')}}"></script>
<script>
  ClassicEditor
      .create( document.querySelector( '#post_content' ),{
            ckfinder: {
                uploadUrl: '{{route('author.posts.ckeditor.upload').'?_token='.csrf_token()}}',
            }
        })
        .catch( error => {
              
        } );
</script>
<script>
  $(function(){
        $('input[type="file"][name="featured_image"]').ijaboViewer({
            preview:'#image-previewer',
            imageShape:'rectangular',
            allowedExtensions:['jpg','jpeg','png'],
            onErrorShape:function(message,element){
                alert(message);
            },
            onInvalidType:function(message,element){
                alert(message);
            }
        });

        $('form#editPostForm').on('submit', function(){
            e.preventDefault();
            toastr.remove();
            var post_content = CKEDITOR.instances.post_content.getData();
            var form = this;
            var fromdata = new FormData(form);
                fromdata.append('post_content',post_content);

            $.ajax({
                url:$(form).attr('action'),
                method:$(form).attr('method'),
                data.fromdata,
                processData:false,
                dataType:'json',
                contentType:false,
                beforeSend:function(){
                    $(form).find('span.error-text').text('');
                },
                success:function(response){
                  toastr.remove();
                  if (response.code==1) {
                    $('input[name="post_tags"]').amsifySuggestags();
                    toastr.success(response.msg);
                  } else {
                    toastr.error(response.msg);
                  }
                },
                error:function(response){
                    toastr.remove();
                    $each(response.responseJSON.errors, function(prefix,val){
                        $(form).find('span.'+prefix+'_error').text(val[0]);
                    });
                }
            });
        });
    }); 
</script>

@endpush