{{-- Layout --}}
@extends('teacher.layout.layout')
{{-- Page Title --}}
@section('title', 'GAS LMS | Create Essay Question')
{{-- Breadcrumb section --}}
@section('breadcrumb')
    @include('components._breadcrumb', ['items' => ['Dashboard' => route('teacher.dashboard')]])
@endsection
{{-- Content --}}
@section('content')
@include('components._error')

    <div class="card shadow-sm">
        <!--begin::Card header-->
        <div class="card-header border-0 pt-6">
            <!--begin::Card title-->
            <div class="card-title align-items-start flex-column">
                <span class="card-label fw-bold fs-3 mb-1">Create Essay Question</span>
            </div>
            <!--begin::Card title-->
        </div>
        <!--end::Card header-->
        <div class="separator border-gray-200 pt-2 pb-4"></div>
        <!--begin::Card body-->
        <div class="card-body py-4">
            <!--begin::Form-->
            <form id="kt_docs_formvalidation_text" class="form" action="{{ route('teacher.essayquestion.store',$course_id) }}" method="post" autocomplete="on" enctype="multipart/form-data">
                @csrf

                @if ($quiz_id)
                    <input type="hidden" name="quiz_id" value="{{$quiz_id}}">
                    <input type="hidden" name="question_points" value="{{$question_points}}">
                @endif
                <div class="mb-10">
                    <label class="required fw-semibold fs-6 mb-2" for="category">Select category</label>
                    <select class="form-select" data-control="select2" id="category" required name="question_category_id" data-placeholder="Select category">
                        <option></option>
                        @foreach ($categories as $category)
                            <option value="{{$category->id}}">
                                {{$category->category_name}}
                                @foreach ($category->children as $subcategory)
                                    <option value="{{$subcategory->id}}">
                                    &nbsp;&nbsp;&nbsp;{{$subcategory->category_name}}
                                    @foreach ($subcategory->children as $child)
                                        <option value="{{$child->id}}">
                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{$child->category_name}}
                                        @foreach ($child->children as $item)
                                            <option value="{{$item->id}}">
                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{$item->category_name}}
                                            </option>
                                        @endforeach
                                        </option>
                                    @endforeach
                                    </option>
                                @endforeach
                            </option>
                        @endforeach
                    </select>
                </div>
                <input type="hidden" name="question_bank_id" value="{{ $question_bank_id }}">
                <!--begin::Input group-->
                <div class="fv-row mb-10">
                    <!--begin::Label-->
                    <label class="required fw-semibold fs-6 mb-2">Title</label>
                    <!--end::Label-->

                    <!--begin::Input-->
                    <input type="text" name="title" value="{{old('title')}}" class="form-control form-control-solid mb-3 mb-lg-0"
                        placeholder="Put question title here..." value="" />
                    <!--end::Input-->
                </div>

                <div class="fv-row mb-10">
                    <!--begin::Label-->
                    <label class="fw-semibold fs-6 mb-2" for="desc">Description</label>
                    <!--end::Label-->

                    <!--begin::Input-->
                    <textarea id="desc"  name="description"  class="tox-target kt_docs_tinymce_hidden" placeholder="Put the question body here...">
                        {{ old('description')}}
                    </textarea>
                    <!--end::Input-->

                </div>

                <div class="fv-row mb-10">
                    <!--begin::Label-->
                    <label class="fw-semibold fs-6 mb-2">Hint</label>
                    <!--end::Label-->

                    <!--begin::Input-->
                    <input type="text" name="hint" class="form-control form-control-solid mb-3 mb-lg-0"
                        placeholder="Put the hint here..." value=""/>
                    <!--end::Input-->
                </div>

                <div class="form-check form-check-custom form-check-solid">
                    <input class="form-check-input mb-10" name="is_active" type="checkbox" value="1" id="flexSwitchDefault" {{$quiz_id ? 'disabled':''}} checked/>
                    @if ($quiz_id)
                        <input type="hidden" name="is_active" value="1">
                    @endif
                    <label class="form-check-label mb-10" for="flexSwitchDefault">
                        Active
                    </label>
                </div>
                <!--end::Input group-->

                <!--begin::Input-->
                <div class="file-drop-area">
                    <span class="fake-btn">Choose files</span>
                    <span class="file-msg">or drag and drop files here</span>
                    <input class="file-input" id="question_multimedia" type="file" name="question_multimedia[]" multiple>
                </div>
                <!--end::Input group-->

                {{-- Tag --}}
                <div>
                    <label for="tag" class="fw-semibold fs-6 mb-2">Tag (Level)</label>
                    <select class="form-select" data-control="select2" name="tag" id="tag">
                        <option value="advanced">advanced</option>
                        <option value="basic">basic</option>
                        <option value="intermediate">intermediate</option>
                    </select>
                </div>
                <!--end::Input group-->

                <div class="fv-row">
                    <!--begin::Actions-->
                    <button id="kt_docs_formvalidation_text_submit" type="submit" class="btn btn-primary d-block mx-auto mt-8">
                        <span class="indicator-label">
                            Submit
                        </span>
                    </button>
                    <!--end::Actions-->
                </div>
            </form>
            <!--end::Form-->
        </div>
        <!--end::Card body-->
    </div>
@endsection
@section('js')
<script>
    tinymce.init({
        selector: ".kt_docs_tinymce_hidden", height : "280",
        menubar: false,
        toolbar: ["styleselect fontselect fontsizeselect",
            "undo redo | cut copy paste | bold italic | link image | alignleft aligncenter alignright alignjustify",
            "bullist numlist | outdent indent | blockquote subscript superscript | advlist | autolink | lists charmap | print preview |  code"],
        plugins : "advlist autolink link image lists charmap print preview code"
    });
</script>
@endsection