@extends("AdminSide.Layout")
@section('content')
    <div class="col-xg-12" style="background-color: white">
        <div class="box-content">
            <form class="form"
                  @if($infos->toArray()!=[])
                  action="{{route('webInfosEdit','faqPage')}}"
                  @else
                  action="{{route('webInfosStore','faqPage')}}"
                  @endif
                  method="POST" enctype="multipart/form-data">
                @method('POST')
                @csrf
                <div class="col-sm-12">
                    <div class="row">
                            <div class="col-sm-12 form-group" style="margin-bottom: 0!important;">
                                <div class="form-group" style="padding: 0px">
                                    <button type="button" style="" class="btn btn-sm  waves-effect waves-light" onclick="plus()">اضافه کردن مورد های جدید</button>
                                </div>
                                <div style="margin: 0!important;" id="options_form_two">
                                    @if($infos)
                                            @foreach($infos as $key=>$option)
                                            <div class="options_form_two options_form">
                                                <input type="hidden" name="old_options_ids[]" value="{{\Illuminate\Support\Facades\Crypt::encrypt($option->id)}}">
                                                <div class="row">
                                                    <input class="changes_status" type="hidden" name="changes_status[]" value="0">
                                                    <div class="col-sm-12 margin-bottom-10"><input type="text" value="{{$option->title}}"
                                                                                 class="form-control option old-option"
                                                                                 name="old_titles[]"
                                                                                 placeholder="لطفا سرتیتر را وارد کنید..">
                                                    </div>
                                                    <div class="col-sm-6"><input type="text" value="{{$option->answer}}"
                                                                              class="form-control option old-option"
                                                                              name="old_answers[]"
                                                                              placeholder="لطفا جواب را وارد کنید..">
                                                    </div>
                                                    <div class="col-sm-6"><input type="text" value="{{$option->question}}"
                                                                              class="form-control option old-option"
                                                                              name="old_questions[]"
                                                                              placeholder="لطفا سوال را وارد کنید..">
                                                    </div>
                                                </div>
                                                <button class="btn next_key  btn-sm" style="margin:10px 0px"
                                                        onclick="delete_option(this)">حذف
                                                </button>
                                            </div>
                                            @endforeach
                                    @endif
                                </div>
                            </div>
                            <script>
                                num = 0;
                                lession_num = 1;
                                function plus() {
                                    num++;
                                    lession_num++;
                                    var amount =
                                        "                                <div class=\"options_form_two options_form\">\n" +
                                        "                                    <div class=\"row\">\n" +
                                        "                                        <div class=\"col-sm-12 margin-bottom-10\">\n" +
                                        "                                            <input type=\"text\" value=\"\" class=\"form-control option\" name=\"new_titles[]\" placeholder=\"لطفا سرتیتر را وارد کنید..\">\n" +
                                        "                                        </div>\n" +
                                        "                                        <div class=\"col-sm-6\">\n" +
                                        "                                            <input type=\"text\" value=\"\" class=\"form-control option\" name=\"new_answers[]\" placeholder=\"لطفا جواب را وارد کنید..\">\n" +
                                        "                                        </div>\n" +
                                        "                                        <div class=\"col-sm-6\">\n" +
                                        "                                            <input type=\"text\" value=\"\" class=\"form-control option\" name=\"new_questions[]\" placeholder=\"لطفا سوال را وارد کنید..\">\n" +
                                        "                                        </div>\n" +
                                        "                                    </div>\n" +
                                        "                                    <button class=\"btn next_key  btn-sm\" style=\"margin:10px 0px\" onclick=\"delete_option(this)\">حذف</button>\n" +
                                        "                                </div>";

                                    $(amount).prependTo("#options_form_two");
                                }
                                function delete_option(_x) {
                                    $(_x).parent().remove();
                                    num--;
                                }

                            </script>
                    </div>

                    <div class="row">
                        <div class="col-sm-12 form-group">
                            <div class="progress content_progress" style="margin-top: 20px!important">
                                <div class="progress-bar content_progress_bar" role="progressbar" aria-valuenow="" aria-valuemin="0" aria-valuemax="100" style="width: 0%">0%</div>
                            </div>
                        <button type="button" onclick="non_immigrant_form('form')"  class="btn"
                                style="background-color:#28988f;color: white">ذخیره
                        </button>
                    </div>
                    </div><!-- /.footer-widget__btn-block -->
                </div>
            </form>
        </div>
    </div>
@endsection