@extends("AdminSide.Layout")
@section("content")
    <div class="box-content">
        <div class="col-sm-12">
            @if(isset($permission_level_tree))
                <div class="row">

                    <form
                            @if($step)
                            action="{{route('defaultWorkingStepEdit',$step->id)}}"
                            @else
                            action="{{route('defaultWorkingStepStore')}}"
                            @endif

                            method="POST" enctype="multipart/form-data">

                        @csrf
                        <div class="box-content">
                            <div class="row">
                                <div class="col-sm-12">
                                    <label for="showing" style="position: inherit;z-index: 1000" class="control-label">عنوان
                                        مرحله کاری</label>
                                    <input id="title" placeholder="لطفا عنوان مرحله کاری را وارد کنید.." type="text"
                                           @if($step)
                                           value="{{$step->title}}"
                                           @else
                                           value="{{old('title')}}"
                                           @endif
                                           name="title" class="col-md-8 form-control">
                                    @error('title')
                                    <span class="invalid-feedback" role="alert">
                                    <strong style="color: red">{{ $message}}</strong>
                                </span>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <div class="box-content">
                            <div class="row">
                                <div class="col-sm-12 form-group" style="margin-bottom: 0!important;">
                                    <div class="form-group" style="padding: 0px;margin:0!important;">
                                        <button type="button" style=""
                                                class="btn btn-sm  waves-effect waves-light" onclick="plus()">
                                            اضافه کردن مورد های جدید
                                        </button>
                                    </div>
                                    @if($step)
                                        @foreach($step['content']['step_names'] as $key => $step_name)
                                            <div class="options_form_two options_form"  style='margin: 15px 0 0 0'>
                                                <div class="row">
                                                    <input class="changes_status" type="hidden" name="changes_status[]" value="0">
                                                    <div class="col-sm-6"><input type="text" value="{{$step['content']['step_explains'][$key]}}"
                                                                                 class="form-control option old-option"
                                                                                 name="step_explains[]"
                                                                                 placeholder="لطفا توضیحات مرحله را وارد کنید..">
                                                    </div>
                                                    <div class="col-sm-6"><input type="text" value="{{$step_name}}"
                                                                                 class="form-control option old-option"
                                                                                 name="step_names[]"
                                                                                 placeholder="لطفا نام مرحله را وارد کنید..">
                                                    </div>
                                                </div>
                                                <button class="btn next_key  btn-sm" style="margin:10px 0px"
                                                        onclick="delete_option(this)">حذف
                                                </button>
                                            </div>
                                        @endforeach
                                    @endif
                                    <div style="margin: 0!important;" id="options_form_two"></div>
                                </div>
                                <script>
                                    num = 0;
                                    lession_num = 1;

                                    function plus() {
                                        num++;
                                        lession_num++;
                                        var amount =
                                            "                        <div class=\"options_form_two options_form\" style='margin: 15px 0 0 0'>\n" +
                                            "                            <div class=\"row\">\n" +
                                            "                                <div class=\"col-sm-6  margin-bottom-10\">\n" +
                                            "                                    <input type=\"text\" value=\"\" class=\"form-control option\" name=\"step_explains[]\" placeholder=\"لطفا توضیحات مرحله را وارد کنید..\">\n" +
                                            "                                </div>\n" +
                                            "                                <div class=\"col-sm-6\">\n" +
                                            "                                    <input type=\"text\" value=\"\" class=\"form-control option\" name=\"step_names[]\" placeholder=\"لطفا نام مرحله را وارد کنید..\">\n" +
                                            "                                </div>\n" +
                                            "                            </div>\n" +
                                            "                            <button class=\"btn next_key  btn-sm\" style=\"margin:10px 0 0 0\" onclick=\"delete_option(this)\">حذف</button>\n" +
                                            "                        </div>";

                                        $(amount).prependTo("#options_form_two");
                                    }

                                    function delete_option(_x) {
                                        $(_x).parent().remove();
                                        num--;
                                    }

                                </script>
                            </div>
                        </div>
                        <div class="box-content">
                            <div class="row">
                                <div class="col-sm-12">
                                    <button type="submit" class="btn btn-sm"
                                            style="background-color:#28988f;color: white">ذخیره
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
        @endif
        <!------------------------------------------------------------------------------------------>
            <div class="row">
                <div class="management_box messages_show_box box" style=";padding: 20px;display: block">
                    <div class="box-body no-padding">
                        <div>
                            @csrf
                            <table class="table table-striped table-bordered display"
                                   style="width:100%!important;text-align: right!important;">
                                <thead>
                                <tr>

                                    <th style="text-align: right">عنوان مرحله</th>
                                    <th style="text-align: right">مشاهده مراحل</th>
                                    <th style="text-align: right">تاریخ ساخت</th>
                                    <th style="text-align: right">تاریخ ویرایش</th>
                                    <th style="text-align: right">عملیات</th>

                                </tr>
                                </thead>
                                <tbody>
                                @if(count($steps)>0)
                                    @foreach($steps as $i)
                                        <tr>
                                            <td style="width:max-content;position: relative">
                                                {{$i['title']}}
                                            </td>
                                            <td onclick="alert_content(this)" class="a-type">
                                                مشاهده مراحل کاری
                                                <div class="title-content" style="display: none">
                                                    مراحل کاری
                                                </div>
                                                <div class="text-content" style="display: none">
                                                    <div style="text-align: right;padding:0 5%;width: 100%;height: auto">
                                                        <div>
                                                            @foreach($i['content']['step_names'] as $key => $step_name)
                                                                <span style="color: green"
                                                                >
                                                                    <a onclick="alert_content(this)" class="a-type">
                                                                        <div class="title-content"
                                                                             style="display: none">توضیحات {{$step_name}}:</div>
                                                                        <div class="text-content"
                                                                             style="display: none">{{$i['content']['step_explains'][$key]}}</div>
                                                                        {{$step_name}}
                                                                    </a>
                                                                    </span>
                                                                @if($key != count($i['content']['step_names']) - 1)
                                                                    =>
                                                                @endif
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>
                                                {{$i['updated_at']}}
                                            </td>
                                            <td>
                                                {{$i['created_at']}}
                                            </td>
                                            <td>
                                                <div style="width: max-content;display: flex;align-items: center">
                                                    <a class="a-type" onclick="external_submit(this)">
                                                        <form method="post"
                                                              action="{{route('defaultWorkingStepDelete',$i->id)}}">
                                                            @csrf
                                                        </form>
                                                        حذف
                                                    </a>
                                                    &nbsp;
                                                    /
                                                    &nbsp;
                                                    <a class="a-type" onclick="external_submit(this)">
                                                        <form method="get"
                                                              action="{{route('workingStepsManagement')}}">
                                                            <input type="hidden" name="step_id" value="{{$i->id}}">
                                                        </form>
                                                        ویرایش
                                                    </a>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @if($errors->isEmpty()==false)
        <script>
            swal({
                title: "کاربر گرامی متاسفانه دوره شما ثبت نشد، لطفا به ارور ها توجه کرده و فرم را دوباره پر کنید!",
                type: 'warning',
                showCancelButton: false,
                confirmButtonColor: '#28988f',
                confirmButtonText: "بله",
                closeOnConfirm: true,
            }, function (isConfirm) {
                if (isConfirm) {
                    //$('#dateRangePickerStart').val(picker.startDate.format(dateFormat));
                    //$('#dateRangePickerStartShow').val(picker.startDate.format(dateFormat));

                    //$('#dateRangePickerEnd').val(picker.endDate.format(dateFormat));
                    //$('#dateRangePickerEndShow').val(picker.endDate.format(dateFormat));
                }
            })
        </script>
    @endif
@endsection