@extends("AdminSide.Layout")
@section('content')
    <div class="col-xg-12" style="background-color: white">
        <div class="box-content">
            <form class="form"
                  @if($infos)
                  action="{{route('webInfosEdit','mainPage')}}"
                  @else
                  action="{{route('webInfosStore','mainPage')}}"
                  @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">
                                <label>توضیحات بخش 1</label>
                            @if($infos)
                                <textarea type="text" name="s_one_explain" placeholder="لطفا توضیحات بخش 1 را وارد کنید.."
                                          class="form-control">{{$infos->s_one_explain}}</textarea>
                            @else
                                <textarea type="text" name="s_one_explain" placeholder="لطفا توضیحات بخش 1 را وارد کنید.."
                                          class="form-control">{{old('s_one_explain')}}</textarea>
                            @endif
                                @error('s_one_explain')
                                <span class="invalid-feedback" role="alert"><strong
                                            class="laravel_error">{{ $message}}</strong></span>
                                @enderror
                            </div>
                        <div class="col-sm-12 form-group">
                                <label>توضیحات بخش 5</label>
                            @if($infos)
                                <textarea type="text" name="s_five_explain"
                                          placeholder="لطفا توضیحات بخش 5 را وارد کنید.."
                                          class="form-control">{{$infos->s_five_explain}}</textarea>
                            @else
                                <textarea type="text" name="s_five_explain"
                                          placeholder="لطفا توضیحات بخش 5 را وارد کنید.."
                                          class="form-control">{{old('s_five_explain')}}</textarea>
                            @endif

                                @error('s_five_explain')
                                <span class="invalid-feedback" role="alert"><strong
                                            class="laravel_error">{{ $message}}</strong></span>
                                @enderror
                            </div>
                        <div class="col-sm-12 form-group">
                            <label>توضیحات بخش 6</label>
                            @if($infos)
                                <textarea type="text" name="s_six_explain"
                                          placeholder="لطفا توضیحات بخش 6 را وارد کنید.."
                                          class="form-control">{{$infos->s_six_explain}}</textarea>
                            @else
                                <textarea type="text" name="s_six_explain"
                                          placeholder="لطفا توضیحات بخش 6 را وارد کنید.."
                                          class="form-control">{{old('s_six_explain')}}</textarea>
                            @endif


                                @error('s_six_explain')
                                <span class="invalid-feedback" role="alert"><strong
                                            class="laravel_error">{{ $message}}</strong></span>
                                @enderror
                            </div>
                    </div>
                    <div class="row">
                            <div class="col-sm-12 form-group">
                                <label>محتوای فایلی بخش 3 (چرا کانادا از ایران)</label>
                                @if($infos)
                                    <input type="file"
                                           @if($infos->s_tree_file)
                                           data-default-file="{{$base_urls['webUploads']}}{{$infos->s_tree_file}}"
                                           @endif
                                           id="_s_tree_file" name="_s_tree_file" class="dropify"/>
                                @else
                                    <input type="file" style="" id="_s_tree_file" name="_s_tree_file" class="dropify"/>
                                @endif
                                <div class="help-block with-errors"></div>
                                @error('_s_tree_file')
                                <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{ $message}}</strong>
                            </span>
                                @enderror
                            </div>

                            <div class="col-sm-12 form-group" style="margin-bottom: 0!important;">
                                <label style="margin-top: 10px">محتوای متنی بخش 3 (چرا کانادا از ایران)</label>
                                <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)
                                        @if($infos->s_tree_explain)
                                            @foreach(explode(',',$infos->s_tree_explain) as $key=>$option)
                                                <div class="options_form_two options_form" style="">
                                                    <input type="text" value="{{$option}}" class="form-control option"
                                                           name="s_tree_explain[]" placeholder="لطفا نام شرایط را وارد کنید..">
                                                    <button class="btn next_key  btn-sm" style="margin:10px 0px"
                                                            onclick="delete_option(this)">
                                                        حذف
                                                    </button>
                                                </div>
                                            @endforeach
                                        @endif
                                    @endif
                                        @if(old('s_tree_explain') && old('s_tree_explain')[0]!=null)
                                                @foreach(old('s_tree_explain') as $key=>$option)
                                                    <div class="options_form_two options_form" style="">
                                                        <input type="text" value="{{$option}}" class="form-control option"
                                                               name="s_tree_explain[]" placeholder="لطفا نام شرایط را وارد کنید..">
                                                        <button class="btn next_key  btn-sm" style="margin:10px 0px"
                                                                onclick="delete_option(this)">
                                                            حذف
                                                        </button>
                                                    </div>
                                                @endforeach
                                        @endif
                                </div>
                                @error('s_tree_explain')
                                <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{ $message}}</strong>
                            </span>
                                @enderror
                                @if($errors->has('s_tree_explain') === false)
                                @error('tree_explain')
                                <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{ $message}}</strong>
                            </span>
                                @enderror
                                    @endif

                                @if($errors->has('s_tree_explain') === false)
                                    @error('tree_explain_two')
                                    <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{ $message}}</strong>
                            </span>
                                    @enderror
                                @endif

                            </div>
                            <script>
                                num = 0;
                                lession_num = 1;

                                function plus() {
                                    num++;
                                    lession_num++;
                                    var amount =
                                        "<div class=\"options_form_two options_form\"  style=\"\">\n" +
                                        "<input type=\"text\" class=\"form-control option\" id=\"option" + num + "\" name=\"s_tree_explain[]\" placeholder=\"لطفا نام مورد را وارد کنید..\" >\n" +
                                        "<button class=\"btn next_key btn-sm\" style=\"margin:10px 0px\" onclick=\"delete_option(this)\">\n" +
                                        "                                                        حذف\n" +
                                        "</button>"
                                    "</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);
                                    }
                                }

                                function delete_option(_x) {
                                    $(_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);
                                    }
                                }
                            </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