@extends("AdminSide.Layout")
@section('content')
    <div class="col-xs-12">
        <div class="row">
            <div class="box-content">
                {{--<a class="form-control" href="{{route('relatedClients')}}" style="text-align: center;cursor: pointer;margin-top: 0px">برگشت</a>--}}
                {{--<div class="form-group" style="padding: 0px;margin:0 ">--}}
                        {{--<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>--}}
                <form action="{{ route('clientWorkingStepsSetUp',$user_id)}}" class="clientWorkingStepsSetUpForm">
                    <div class="form-group">
                        <label class="control-label">انتخاب مرحله کاری:</label>
                        <select name="step_id" class="select2_1 select2-selection--single form-control" id="id_label_single">
                            <option value="">:انتخاب</option>
                            @foreach($default_working_steps as $i)
                                <option value="{{$i->id}}">{{$i->title}}</option>
                            @endforeach
                        </select>
                        @error('step_id')
                        <span class="invalid-feedback" role="alert">
                                <strong style="color: red">{{ $message}}</strong>
                                </span>
                        @enderror
                    </div>
                    <button type="button" onclick="submit_form_with_message('clientWorkingStepsSetUpForm','class','warning','آیا مایل به تنظیم مراحل کاری این کاربر هستید؟', 'در صورت انتخاب تمامی اطلاعات قبلی پاک شده و اطلاعات جدید جایگزین می شود!')" style="background-color:#28988f;margin: 2px;color:#fafafa" class="btn btn-sm">
                        ذخیره
                    </button>
                </form>
                <div style="margin-top:0px!important;" id="steps_form_two">
                    @if(isset($working_steps))
                        @foreach($working_steps as $key=>$i)
                            <div class="steps_form_two steps_form" style="border-top: 2px dashed #28988f;margin-top: 50px">
                                <label for="title" class="box-title step_label" style="margin-top: 50px">مرحله</label>
                                <button class="btn btn-sm" onclick="change_step_status(this,'{{\Illuminate\Support\Facades\Crypt::encrypt($i['id'])}}')" style="background-color: #28988f;color: white;float: left;margin-left: 0px;margin-top: 43px">
                                        <span class="step_status">
                                            @if($i['status']==0)
                                                در انتظار انجام
                                            @elseif($i['status']==1)
                                                در حال انجام
                                            @elseif($i['status']==2)
                                                انجام شده
                                            @endif
                                        </span>
                                </button>
                                <button class="step_number btn btn-sm" style="">{{count($working_steps)-$key}}</button>
                                <br>
                                <br>
                                <label for="title">نام مرحله:</label>
                                <input id="" type="text" value="{{$i['name']}}" class="form-control step_name" name="step_name[]" placeholder="لطفا نام مرحله را وارد کنید.." disabled>
                                <br>
                                <lable for="title">نوضیحات:</lable>
                                <textarea class="form-control margin-top-15 step_explain" name="step_explain[]" id="" cols="30" rows="10" disabled>{{$i['explain']}}</textarea>
                                <br>
                                <div class="btn btn-sm margin-top-30" onclick="alert_content(this)" style="background-color:#28988f;margin: 2px;color:#fafafa;">
                                    <i class="ti-eye"></i>
                                    <div class="text-content" style="display: none">
                                        <div style="text-align: right;padding:0 5%;width: 100%;height: auto">
                                             مدیر مرتبط :
                                            <a href="">
                                                {{$i['related_admin']['name']}}
                                                /
                                                {{$i['related_admin']['username']}}
                                            </a>
                                            <br>
                                            سمت مدیر :
                                               @if($i['related_admin']['role']==='MainAdmin')
                                                   مدیر کل
                                               @elseif($i['related_admin']['role']==='Deputy')
                                                   معاون
                                               @elseif($i['related_admin']['role']==='GeneralManager')
                                                مدیر دپارتمان
                                               @elseif($i['related_admin']['role']==='DepartmentHead')
                                                   مدیر گروه
                                               @elseif($i['related_admin']['role']==='Expert')
                                                   کارشناس
                                               @endif
                                            <br>
                                            تاریخ ساخت :
                                                {{$i['created_at']}}
                                            <br>
                                            تاریخ ویرایش :
                                                {{$i['updated_at']}}
                                        </div>
                                    </div>
                                    <span class="title-content" style="display: none">سایر اطلاعات</span>
                                </div>
                                {{--<button style="background-color:#28988f;margin: 2px;color:#fafafa"--}}
                                        {{--class="btn next_key  btn-sm margin-top-30"--}}
                                        {{--onclick="edit_step(this,'{{\Illuminate\Support\Facades\Crypt::encrypt($i['id'])}}')">--}}
                                    {{--ذخیره--}}
                                {{--</button>--}}
                                {{--<button class="btn next_key  btn-sm margin-top-30" style="margin: 2px"--}}
                                        {{--onclick="delete_step(this,'{{\Illuminate\Support\Facades\Crypt::encrypt($i['id'])}}')">--}}
                                   {{--حذف--}}
                                {{--</button>--}}
                            </div>
                        @endforeach
                    @endif
                </div>
                <script>

                    function step_new_details(_x,data) {
                        var role = '';
                        var status = '';

                        if(data.step_details.status===0){
                            status =  'در انتظار انجام'
                        }else if(data.step_details.status===1)
                        {
                            status = 'در حال انجام'
                        }else if(data.step_details.status===2){
                            status = 'انجام شده'
                        }
                        if(data.related_admin.role==='MainAdmin'){
                            role = 'مدیر کل'
                        }else if(data.related_admin.role==='Deputy')
                        {
                            role =  'معاون'
                        }else if(data.related_admin.role==='DepartmentHead'){
                            role = 'مدیر گروه'
                        }else if(data.related_admin.role==='Expert'){
                            role = ' کارشناس'
                        }
                        var step_details =
                            "<div style=\"text-align: right;padding:0 5%;width: 100%;height: auto\">\n" +
                            "مدیر مرتبط :\n" +
                            "<a href=\"\">\n" +
                            data.related_admin.name +
                            "/\n"+
                            data.related_admin.username+
                            "</a>\n" +
                            "<br>\n" +
                            "سمت مدیر :\n" +
                            role +
                            "<br>\n" +
                            "تاریخ ساخت :\n" +
                            data.step_details.created_at +
                            "<br>\n" +
                            "تاریخ ویرایش :\n" +
                            data.step_details.updated_at +
                            "</div>";
                        $(_x).parent().find('.text-content').children().remove();
                        $(step_details).appendTo($(_x).parent().find('.text-content'));
                        $(_x).find('.step_status').text(status);
                    }

                    function change_step_status(_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 step_id=_y;
                                $.ajaxSetup({
                                    headers: {
                                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                    }
                                });
                                $.ajax({

                                    type: 'POST',

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

                                    data: {step_id:step_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(data.message,"");
                                            step_new_details(_x,data);
                                        }


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

                    num = 0;
                    lession_num=1;
                    function plus() {
                        num++;
                        lession_num++;
                        var amount =
                            "<div class=\"steps_form_two steps_form\"  style=\"border-top: 2px dashed #28988f;margin-top: 50px\">\n" +
                            "<label for=\"title\" class=\"box-title step_label\" style=\"margin-top: 50px\">مرحله جدید</label>\n" +
                            "<button class=\"btn btn-sm change_step_status\" onclick=\"\" style=\"background-color: #28988f;display:none;color: white;float: left;margin-left: 0px;margin-top: 43px\">\n" +
                            "<span class=\"step_status\">\n" +
                            "در انتطار انجام\n" +
                            "</span>\n" +
                            "</button>" +
                            "<button class=\"step_number btn btn-sm\" style=\"\"></button></br>"+
                            "<label for=\"title\">نام مرحله:</label>"+
                            "<input type=\"text\" class=\"form-control step_name\" name=\"step_name[]\" placeholder=\"لطفا نام مرحله را وارد کنید..\" ></br>\n" +
                            "<lable for=\"title\">نوضیحات:</lable>\n" +
                            "<textarea class=\"form-control margin-top-15 step_explain\" name=\"step_explain[]\" id=\"\" cols=\"30\" rows=\"10\"></textarea></br></br>\n" +
                            "<div class=\"btn btn-sm margin-top-30 step_more_details\" onclick=\"alert_content(this)\" style=\"background-color:#28988f;margin: 5px;color:#fafafa;display: none\">\n" +
                            "<i class=\"ti-eye\"></i>\n" +
                            "<div class=\"text-content\" style=\"display: none\">\n" +
                            "</div>\n" +
                            "<span class=\"title-content\" style=\"display: none\">سایر اطلاعات</span>\n" +
                            "</div>"+
                            '<button class=\"btn btn-sm create_step\" onclick=\"create_step(this)\">ثبت</button>\n'+
                            "</div>\n";
                        $(amount).prependTo("#steps_form_two");
                        for(i=$('.step_number').length;i>=1;i--){
                            $('.step_number').eq($('.step_number').length-i).text(i);
                        }
                    }

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

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

                    /********/

                    function create_step(_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 step_name = $(_x).parent().find(".step_name").val();
                                var step_explain = $(_x).parent().find(".step_explain").val();
                                var user_id="{{$user_id}}";

                                $.ajaxSetup({

                                    headers: {

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

                                    }

                                });
                                $.ajax({
                                    type: 'POST',
                                    url: '{{route('workingStepStore')}}',
                                    data: {step_name: step_name,step_explain:step_explain,user_id:user_id},
                                    success: function (data) {
                                        if(data.errors){
                                            swal({
                                                title: data.errors,
                                                type: 'warning',
                                                confirmButtonColor: '#28988f',
                                                confirmButtonText: "بله",
                                                cancelButtonColor: '#d33',
                                                closeOnConfirm: true,
                                            },function (isConfirm) {
                                                //
                                            });
                                        }else{
                                            //var create_step_url = "";
                                            //create_step_url=create_step_url.replace('step_id',data.step_id);
                                            success_message("مرحله جدید با موفقیت ساخته شد!","");
                                            step_id="'"+ data.step_details.id +"'";
                                            step_new_details(_x,data);
                                            $(_x).parent().find(".step_more_details").css({display: 'inline-block'});


                                            $(_x).parent().find(".change_step_status").attr('onclick', 'change_step_status(this,'+step_id+')');
                                           // onclick

                                            $(_x).parent().find(".change_step_status").css({display: 'inline-block'});



                                            //$(x).parent().find(".financial-status-btn").css({display:'block'});
                                            $(_x).parent().find('.step_label').text("مرحله");
                                            //content_key=  '<a class=\"btn btn-sm margin-top-30 next_key\" style=\"background-color:#28988f;margin: 5px;color:#fafafa\" href='+ create_step_url + '>محتوای آموزشی</a>';
                                            delete_content_key='<button class=\"btn btn-sm margin-top-30 next_key\" style="margin: 5px;" onclick=\"delete_step(this,'+step_id+')\"><i class="fa fa-trash"></i></button>\n';
                                            edit_content_key='<button class=\"btn btn-sm margin-top-30 next_key\" style="margin: 5px;background-color:#28988f;color:#fafafa" onclick=\"edit_step(this,'+step_id+')\">ذخیره</button>\n';
                                            for(i=$('.step_number').length;i>=1;i--){
                                                $('.step_number').eq($('.step_number').length-i).text(i);
                                            }
                                            //$(x).parent().append($(content_key));
                                            $(_x).parent().append($(edit_content_key));
                                            $(_x).parent().append($(delete_content_key));
                                            $(_x).parent().find(".create_step").remove();
                                            $('.step_count').text($('.step_number').length);
                                        }

                                    },

                                    error: function (xhr,status,error) {

                                        var err=eval("(" + xhr.responseText +")");
                                        if(err.errors.step_name !=undefined){
                                            error_message(err.errors.step_name);
                                        }
                                        if(err.errors.percent !=undefined){
                                        }



                                    }

                                })
                            }

                        })

                    }

                    function edit_step(_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 step_name = $(_x).parent().find(".step_name").val();

                                var step_explain = $(_x).parent().find(".step_explain").val();
                                var step_id=_y;

                                $.ajaxSetup({

                                    headers: {

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

                                    }

                                });
                                $.ajax({

                                    type: 'POST',

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

                                    data: {step_name: step_name,step_explain:step_explain,step_id:step_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("تغییرات با موفقیت ذخیره شد!","");
                                            step_new_details(_x,data);
                                        }
                                    },

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

                                })
                            }
                        })
                    }

                    function delete_step(_x,_y) {
                        swal({
                            title: "آیا شما مایل به حذف این مرحله هستید؟",
                            text:"",
                            type:'warning',
                            showCancelButton: true,
                            confirmButtonColor: '#28988f',
                            confirmButtonText: "بله",
                            cancelButtonColor: '#d33',
                            cancelButtonText: "خیر",
                            closeOnConfirm: true,
                            closeOnCancel: true,
                        }, function (isConfirm) {
                            if (isConfirm) {
                                var step_name = $(_x).parent().find(".step_name").val();
                                var step_id=_y;
                                $.ajaxSetup({
                                    headers: {
                                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                    }
                                });
                                $.ajax({
                                    type: 'POST',
                                    url: '{{route('workingStepDelete')}}',
                                    data: {step_id:step_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("مرحله " + step_name +" با موفقیت حذف شد!");
                                            $(_x).parent().remove();
                                            num--;
                                            $('.step_count').text($('.step_number').length);

                                            for(i=$('.step_number').length;i>=1;i--){
                                                $('.step_number').eq($('.step_number').length-i).text(i);
                                            }
                                        }
                                    },
                                    error: function (xhr,status,error) {
                                        var err=eval("(" + xhr.responseText +")");
                                        if(err.errors.step_name !=undefined){
                                            error_message(err.errors.step_name);
                                        }
                                        if(err.errors.percent !=undefined){
                                        }
                                    }
                                })
                            }
                        })

                    }
                </script>

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