@extends("AdminSide.Layout")
@section('content')
    <div class="col-xs-12">
        <div class="row">
            <div class="box-content">
                <div class="form-group" style="padding: 0px;margin-bottom: -20px">
                    <button type="button" class="btn btn-sm  waves-effect waves-light" onclick="plus()" style="background-color:#28988f;color: white;margin-left: 5px">اضافه کردن شرایط های جدید</button>
                    <button type="button" class="btn btn-sm  waves-effect waves-light" onclick="minus()">حذف کردن فیلد های اضافی</button>
                </div>
                <div style="margin-top:0px!important;" id="options_form_two">
                    @if(isset($options))
                        @foreach($options as $key=>$i)
                            <div class="options_form_two options_form" style="border-top: 2px dashed #28988f;margin-top: 50px">
                                <label for="title" class="box-title option_label" style="margin-top: 50px">نام شرایط:</label>
                                <input type="text" value="{{$i['option']}}" class="form-control option" name="option[]" placeholder="لطفا نام شرایط را وارد کنید..">
                                <br>
                                <button class="btn next_key  btn-sm margin-top-30" style="margin: 2px;background-color: #28988f;color: white"
                                        onclick="edit_option(this,'{{$i['id']}}')">ذخیره
                                </button>
                                <button class="btn next_key  btn-sm margin-top-30" style="margin: 2px"
                                        onclick="delete_option(this,'{{$i['id']}}')">
                                    حذف
                                </button>
                            </div>
                        @endforeach
                    @endif



                </div>
                <script>
                    num = 0;
                    lession_num=1;
                    function plus() {
                        num++;
                        lession_num++;
                        var amount =
                            "<div class=\"options_form_two options_form\"  style=\"border-top: 2px dashed #28988f;margin-top: 50px\">\n" +
                            "<label for=\"title\" class=\"box-title option_label\" style=\"margin-top: 50px\">نام شرایط:</label>\n" +
                            "<input type=\"text\" class=\"form-control option\" id=\"option" + num +"\" name=\"option[]\" placeholder=\"لطفا نام شرایط را وارد کنید..\" >\n" +
                            "@error('option')\n" +
                            "<span class=\"invalid-feedback\" role=\"alert\">\n" +
                            "<strong style=\"color: red\">{{ $message}}</strong>\n" +
                            "</span>\n" +
                            "@enderror\n" +
                            "<div class=\"form-group\">\n" +
                            "</div>\n" +
                            '<button class=\"btn btn-sm margin-top-30 create_option\" onclick=\"create_option(this)\">ثبت</button>\n'+
                            "</div>\n";

                        $(amount).prependTo("#options_form_two");
                        for(i=$('.option_number').length;i>=1;i--){
                            $('.option_number').eq($('.option_number').length-i).text(i);
                        }
                    }

                    function show(x) {
                        $(x).parent().find('.show_num').text($(x).val())
                    }

                    function minus() {
                        if ($(".options_form_two").length >= 1) {
                            for (i=$(".options_form_two").length-1;i>=0;i--) {
                                if($(".options_form_two").eq(i).find('.next_key').length==0){
                                    $(".options_form_two").eq(i).remove();
                                }
                            }

                        }
                        for(i=$('.option_number').length;i>=1;i--){
                            $('.option_number').eq($('.option_number').length-i).text(i);
                        }
                    }

                </script>
                <script>
                    function error_message(txt) {
                        (function () {
                            swal({
                                title: txt,
                                type: 'warning',
                                showCancelButton: false,
                                confirmButtonColor: '#28988f',
                                confirmButtonText: "بله",
                                closeOnConfirm: true,
                            }, function (isConfirm) {

                            })
                        }())
                    }

                    function success_message(txt,message) {
                        (function () {
                            swal({
                                title: txt,
                                text:message,
                                type: 'success',
                                showCancelButton: false,
                                confirmButtonColor: '#28988f',
                                confirmButtonText: "بله",
                                closeOnConfirm: true,
                            }, function (isConfirm) {

                            })
                        }())
                    }

                    function create_option(x) {
                        swal({
                            title: "آیا شما مایل به ساخت این شرایط هستید؟",
                            imageUrl: '/core/public/defaults/question.png',
                            imageWidth:800,
                            imageHeight:800,
                            imageAlt:'Custom image',
                            showCancelButton: true,
                            confirmButtonColor: '#28988f',
                            confirmButtonText: "بله",
                            cancelButtonColor: '#d33',
                            cancelButtonText: "خیر",
                            closeOnConfirm: true,
                            closeOnCancel: true,
                        }, function (isConfirm) {
                            if (isConfirm) {
                                var option = $(x).parent().find(".option").val();
                                var quota = $(x).parent().find(".quota").val();
                                $.ajaxSetup({
                                    headers: {
                                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                    }
                                });
                                $.ajax({
                                    type: 'POST',
                                    url: '{{route('assessmentConditionStore')}}',
                                    data: {option: option,quota:quota},
                                    success: function (data) {
                                        if(data.errors){
                                            swal({
                                                title: data.errors,
                                                type: 'warning',
                                                confirmButtonColor: '#28988f',
                                                confirmButtonText: "بله",
                                                cancelButtonColor: '#d33',
                                                closeOnConfirm: true,
                                            },function (isConfirm) {
                                                //
                                            });
                                        }else{
                                            success_message("شرایط جدید با موفقیت ساخته شد!","شما می توانید با انتخاب نوع شرایط سنجش برای کارشناسان، آنها را دسته بندی کنید.");
                                            option_id="'"+ data.option_id +"'";
                                            //$(x).parent().find(".financial-status-btn").attr('onclick',"public_display("+option_id+",this)");
                                            //$(x).parent().find(".financial-status-btn").css({display:'block'});
                                            //$(x).parent().find('.option_label').text("شرایط:");
                                            //content_key=  '<a class=\"btn btn-sm margin-top-30 next_key\" style=\"background-color:#28988f;margin: 5px;color:#fafafa\" href='+ create_option_url + '>محتوای آموزشی</a>';
                                            delete_content_key='<button class=\"btn btn-sm margin-top-30 next_key\" style="margin: 5px;" onclick=\"delete_option(this,'+option_id+')\">حذف</button>\n';
                                            edit_content_key='<button class=\"btn btn-sm margin-top-30 next_key\" style="margin: 5px;background-color: rgb(40, 152, 143);color: white" onclick=\"edit_option(this,'+option_id+')\">ذخیره</button>\n';
                                            //for(i=$('.option_number').length;i>=1;i--){$('.option_number').eq($('.option_number').length-i).text(i);}
                                            //$(x).parent().append($(content_key));
                                            $(x).parent().append($(edit_content_key));
                                            $(x).parent().append($(delete_content_key));
                                            $('.create_option').remove()
                                            //$(x).parent().find(".create_option").remove();
                                            //$('.option_count').text($('.option_number').length);
                                        }
                                    },
                                    error: function (xhr,status,error) {
                                        var err=eval("(" + xhr.responseText +")");
                                        if(err.errors.option !=undefined){
                                            error_message(err.errors.option);
                                        }
                                        if(err.errors.quota !=undefined){
                                        }
                                    }
                                })
                            }

                        })

                    }

                    function edit_option(_x,_y) {

                        swal({
                            title: "آیا شما مایل به ویرایش این شرایط هستید؟",
                            imageUrl: '/core/public/defaults/question.png',
                            imageWidth:800,
                            imageHeight:800,
                            imageAlt:'Custom image',
                            showCancelButton: true,
                            confirmButtonColor: '#28988f',
                            confirmButtonText: "بله",
                            cancelButtonColor: '#d33',
                            cancelButtonText: "خیر",
                            closeOnConfirm: true,
                            closeOnCancel: true,
                        }, function (isConfirm) {
                            if (isConfirm) {

                                var option = $(_x).parent().find(".option").val();

                                var quota = $(_x).parent().find(".quota").val();
                                var option_id = _y;
                                $.ajaxSetup({

                                    headers: {

                                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

                                    }

                                });
                                $.ajax({

                                    type: 'POST',

                                    url: '{{route('assessmentConditionEdit')}}',

                                    data: {option: option,quota:quota,option_id:option_id},

                                    success: function (data) {

                                        if(data.errors){
                                            swal({
                                                title: data.errors,
                                                type: 'warning',
                                                confirmButtonColor: '#28988f',
                                                confirmButtonText: "بله",
                                                cancelButtonColor: '#d33',
                                                closeOnConfirm: true,
                                            },function (isConfirm) {
                                                //
                                            });
                                        }else{
                                            success_message("تغییرات با موفقیت ذخیره شد!","شما می توانید با انتخاب نوع شرایط سنجش برای کارشناسان، آنها را دسته بندی کنید.");
                                        }


                                    },

                                    error: function (xhr,status,error) {
                                        var err=eval("(" + xhr.responseText +")");
                                        if(err.errors.option !=undefined){
                                            error_message(err.errors.option);
                                        }
                                        if(err.errors.quota !=undefined){
                                        }
                                    }

                                })
                            }
                        })

                    }
                    function delete_option(_x,_y) {

                        swal({
                            title: "آیا شما مایل به حذف این شرایط هستید؟",
                            text:"لطفا از نبود کارشناس مرتبط مطمئن شوید!",
                            type:'warning',
                            showCancelButton: true,
                            confirmButtonColor: '#28988f',
                            confirmButtonText: "بله",
                            cancelButtonColor: '#d33',
                            cancelButtonText: "خیر",
                            closeOnConfirm: true,
                            closeOnCancel: true,
                        }, function (isConfirm) {
                            if (isConfirm) {


                                var option = $(_x).parent().find(".option").val();

                                var option_id=_y;

                                $.ajaxSetup({

                                    headers: {

                                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

                                    }

                                });
                                $.ajax({

                                    type: 'POST',

                                    url: '{{route('assessmentConditionDelete')}}',

                                    data: {option_id:option_id},

                                    success: function (data) {

                                        if(data.errors){
                                            swal({
                                                title: data.errors,
                                                type: 'warning',
                                                confirmButtonColor: '#28988f',
                                                confirmButtonText: "بله",
                                                cancelButtonColor: '#d33',
                                                closeOnConfirm: true,
                                            },function (isConfirm) {
                                                //
                                            });
                                        }else{
                                            success_message("شرایط " + option +" با موفقیت حذف شد!");
                                            $(_x).parent().remove();
                                            num--;
                                            $('.option_count').text($('.option_number').length);

                                            for(i=$('.option_number').length;i>=1;i--){
                                                $('.option_number').eq($('.option_number').length-i).text(i);
                                            }
                                        }







                                    },

                                    error: function (xhr,status,error) {
                                        // console.log(err.responseJSON)
                                        //console.log(data.error)
                                        //  console.log(err.responseJSON.errors);
                                        var err=eval("(" + xhr.responseText +")");
                                        if(err.errors.option !=undefined){
                                            error_message(err.errors.option);
                                        }
                                        if(err.errors.quota !=undefined){
                                        }



                                    }

                                })
                            }
                        })

                    }
                </script>

            </div>
        </div>
    </div>
@endsection