@extends('admin.layout.master')
@section('title', ' المدونة')

@section('content')
        <div class="row">
            <div class="col-12">
                <div class="page-title-box">
                    <h4 class="page-title">  الاسئلة</h4>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="card">

                    <div class="card-content collpase show">
                        <div class="card-body">

                            <form class="form form-horizontal ajaxForm"
                                  action="{{ route('questions.update', $row->id) }}" method="post">
                                @csrf
                                @method('PATCH')

                                <div class="form-group">
                                    <label for="question">السؤال </label>
                                    <input class="form-control"
                                           name="question"
                                           placeholder="السؤال "
                                           value="{{ $row->question }}">
                                    @if ($errors->has('question'))
                                        <small class="text-danger">{{ $errors->first('question') }}</small>
                                    @endif
                                </div>


                                <div class="form-group">
                                    <label for="exampleInputEmail1"> التصنيفات الرئيسية</label>
                                    <select name="category_id" required class="form-control select2">
                                        <option value="">اختر</option>
                                        @foreach($categories as $category)
                                            <option value="{{$category->id}}" @if($row->category_id  == $category->id) selected @endif>{{$category->name}}</option>
                                        @endforeach
                                    </select>
                                    @if ($errors->has('category_id'))
                                        <small class="text-danger">{{ $errors->first('category_id') }}</small>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputEmail1"> التصنيفات الفرعيه</label>
                                    <select name="sub_category_id" required class="form-control select2">
                                        @if($row->sub_category_id != null)
                                            <option value="{{$row->sub_category_id}}">{{$row->subCategory->name}}</option>
                                        @else
                                            <option value="">اختر</option>
                                        @endif


                                    </select>
                                    @if ($errors->has('sub_category_id'))
                                        <small class="text-danger">{{ $errors->first('sub_category_id') }}</small>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputEmail1"> التصنيفات الفرعيه2</label>
                                    <select name="sub_sub_category_id" required class="form-control select2">
                                        @if($row->sub_sub_category_id != null)
                                            <option value="{{$row->sub_sub_category_id}}">{{$row->subSubcategory->name}}</option>
                                        @else
                                            <option value="">اختر</option>
                                        @endif

                                    </select>
                                    @if ($errors->has('sub_sub_category_id'))
                                        <small class="text-danger">{{ $errors->first('sub_sub_category_id') }}</small>
                                    @endif
                                </div>


                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="card-box">
                                            <h4 class="header-title mb-4">الصورة </h4>
                                            <input type="file" required name="image" class="dropify"
                                                   data-height="200"/>
                                        </div>
                                    </div><!-- end col -->
                                    @if ($errors->has('image'))
                                        <small
                                            class="text-danger">{{ $errors->first('image') }}</small>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="description_image">الوصف </label>
                                    <textarea class="form-control tinymce"
                                              name="description_image" cols="50"
                                              placeholder="الوصف "
                                              rows="10">{{ $row->description_image }}</textarea>
                                    @if ($errors->has('description_image'))
                                        <small class="text-danger">{{ $errors->first('description_image') }}</small>
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label for="short_answer">الاجابة القصيره  </label>
                                    <textarea class="form-control tinymce"
                                              name="short_answer" cols="50"
                                              placeholder="الاجابه القصيره  "
                                              rows="10">{{  $row->short_answer }}</textarea>
                                    @if ($errors->has('short_answer'))
                                        <small class="text-danger">{{ $errors->first('short_answer') }}</small>
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label for="long_answer">الاجابة الطويله  </label>
                                    <textarea class="form-control tinymce"
                                              name="long_answer" cols="50"
                                              placeholder="الاجابه الطويلة  "
                                              rows="10">{{  $row->long_answer }}</textarea>
                                    @if ($errors->has('long_answer'))
                                        <small class="text-danger">{{ $errors->first('long_answer') }}</small>
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label for="projectinput4">المسار</label>
                                    <input type="text" class="form-control" value="{{  $row->link}}"
                                           name="link" required>
                                </div>

                                <div class="card-body">
                                    <div data-repeater-list="answer">
                                        <div data-repeater-item>
                                            <div class="row d-flex align-items-end">
                                                <div class="col-md-4 col-12">
                                                    <div class="form-group">
                                                        <label for="email-id-vertical">الاجابة</label>
                                                        <input class="form-control" name="answer" type="text">
                                                    </div>
                                                </div>

                                                <div class="col-md-2 col-12">
                                                    <div class="form-group">
                                                        <label for="first-name-vertical">الاجابة صحيحة</label>
                                                        <input class="form-control"  name="is_correct" type="checkbox">
                                                    </div>
                                                </div>

                                                <div class="col-md-2 col-12 ">
                                                    <div class="form-group">
                                                        <button class="btn btn-outline-danger text-nowrap px-1" data-repeater-delete type="button">
                                                            <i data-feather="x" class="mr-25"></i>
                                                            <span>حذف</span>
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                            <hr />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12">
                                            <button class="btn btn-icon btn-primary" type="button" data-repeater-create>
                                                <i data-feather="plus" class="mr-25"></i>
                                                <span>اضافة</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>



                                <button type="submit" class="btn btn-primary">تعديل</button>

                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- end col -->

@stop

@section('script')
    <script>
        //change category
        $('select[name="category_id"]').on('change', function() {

            var categoryID = $(this).val();

            if(categoryID) {
                $.ajax({
                    url: '{{url('/admin/categories/categoryAjax/')}}'+'/'+categoryID,
                    type: "GET",
                    dataType: "json",
                    success:function(data) {

                        $('select[name="sub_category_id"]').empty();
                        $('select[name="sub_category_id"]').append('<option value="">اختر</option>');
                        $.each(data, function(key, value) {

                            $('select[name="sub_category_id"]').append('<option value="'+ value.id +'">'+ value.name +'</option>');
                        });
                    }
                });
            }else{
                $('select[name="sub_category_id"]').empty();
            }
        });
        //change sub category
        $('select[name="sub_category_id"]').on('change', function() {

            var subCategoryID = $(this).val();

            if(subCategoryID) {
                $.ajax({
                    url: '{{url('/admin/categories/categoryAjax/')}}'+'/'+subCategoryID,
                    type: "GET",
                    dataType: "json",
                    success:function(data) {

                        $('select[name="sub_sub_category_id"]').empty();
                        $('select[name="sub_sub_category_id"]').append('<option value="">اختر</option>');

                        $.each(data, function(key, value) {

                            $('select[name="sub_sub_category_id"]').append('<option value="'+ value.id +'">'+ value.name +'</option>');
                        });
                    }
                });
            }else{
                $('select[name="sub_sub_category_id"]').empty();
            }
        });
    </script>
@stop