@extends('admin/skills/skills_layout')
@section('page_title','Manage Content Upload')
@section('skills_upload_select','active')
@section('container')

@if($id>0)
   @php
      $image_required="";
   @endphp
   @else
   @php
      $image_required="required";
   @endphp
@endif
    <h1 class="mb10">Manage Skills Upload</h1>
    <a href="{{url('admin/skills/skills_upload')}}">
        <button type="button" class="btn btn-success">
            Back
        </button>
    </a>
    <div class="row m-t-30">
        <div class="col-md-12">
            <form action="{{route('skills_upload.manage_skills_upload_process')}}" method="post" enctype="multipart/form-data" id="skillsUpload">
                <div class="row">
                    <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">
                        @csrf
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-4">
                            <label for="class_id" class="control-label mb-1">Class</label>
                           <select id="class_id" name="class_id" type="text" class="form-control chapter_class_id {{$sdisable}}" aria-invalid="false" {{$readonly}}  >
                               <option value="">Select Class</option>
                               @foreach($class as $list)
                               @if($class_id==$list->id)
                                <option selected value="{{$list->id}}">
                                    @else
                                    @if($id=='')
                                    <option  value="{{$list->id}}" selected >
                                    @endif
                                    @endif
                                    {{$list->skills_class_name}}</option>
                                @endforeach
                           </select>
                       </div>

                        <div class="col-md-4">
                            <label for="subject_id" class="control-label mb-1"> Subject</label>
                                <select id="subject_id" name="subject_id" class="form-control chapter_sub_id {{$sdisable}}" aria-invalid="false" {{$readonly}} >
                                    <option value="">Select Subject</option>
                                     @foreach($subjects as $list)
                                     @if($subject_id==$list->id)
                                     <option selected value="{{$list->id}}">
                                        @else
                                        @if($id=='')
                                     <option value="{{$list->id}}">
                                        @endif
                                        @endif
                                        {{$list->skills_subject}}
                                     </option>
                                     @endforeach
                                </select>
                        </div>

                        <div class="col-md-4">
                            <label for="model" class="control-label mb-1"> Chapter Name</label>
                                <select id="chapter_id" name="chapter_id" class="form-control {{$sdisable}}" {{$readonly}} >
                                    <option value="">Select Chapter</option>
                                     @foreach($chapters as $list)
                                     @if($chapter_id==$list->id)
                                    <option selected value="{{$list->id}}">
                                        @else
                                    <option value="{{$list->id}}">
                                        @endif
                                        {{$list->skills_chapter}}
                                    </option>
                                     @endforeach
                                </select>
                        </div>
                    </div>
                </div>
                    <div class="form-group">
                        <label for="content" class="control-label mb-1">Question</label>
                        <textarea name="content" id="editor">{{$description}}</textarea>
                    </div>
                    <div class="form-group">
                        <label>Question</label>
                        <textarea name="question" id="question-editor">{{ old('question', $description ?? '') }}</textarea>
                    </div>
                    <div class="col-md-4">
                        <label for="skills_answer" class="control-label mb-1">Answer</label>
                        <input id="skills_answer" value="" name="skills_answer" type="text" class="form-control">
                        <span id="error_skills_answer"></span>
                    </div>
                    </div>
                </div>
            </div>
        </div>     
         <div class="position-relative form-check">
            <button id="content-upload-submit" type="submit" class="mt-2 btn btn-primary pull-left">
                Submit
            </button>
        </div>
            <input type="hidden" name="id" class="videoEditId" value="{{$id}}">
        </form>
    </div>
</div>                
@endsection

<script>
    document.addEventListener('DOMContentLoaded', function () {
        ClassicEditor
            .create(document.querySelector('#editor'), {
                ckfinder: {
                    uploadUrl: '{{ route('skills_upload.upload').'?_token='.csrf_token() }}'
                }
            })
            .catch(error => {
                console.error(error);
            });
    });
</script>

<script>
    tinymce.init({
        selector: '#question-editor',
        menubar: false,
        plugins: 'lists link image preview',
        toolbar: 'bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
        content_css: '//www.tiny.cloud/css/codepen.min.css'
    });
</script>