@extends("AdminSide.Layout")
@section('content')
    <div class="col-xg-12" style="background-color: white">
        <div class="box-content">
           <form
                        @if($infos)
                        action="{{route('webInfosEdit','aboutUs')}}"
                        @else
                        action="{{route('webInfosStore','aboutUs')}}"
                        @endif
                        method="POST" class="form" enctype="multipart/form-data">
                    @method('POST')
                    @csrf
                    <div class="col-sm-12">

                        <div class="row">
                            <div class="col-sm-12 form-group">
                                <label  style="letter-spacing: 0.5px">تصویر نمایه:</label>
                                @if($infos)
                                    <input type="hidden" value="0" name="fixing_preview" class="fixing_preview">
                                <input type="file"
                                       @if($infos['image'])
                                       data-default-file="{{$base_urls['webUploads']}}{{$infos['image']}}"
                                       @endif
                                       id="_image" name="_image" class="dropify"/>
                                @else
                                    <input type="file" style="" id="image" name="_image" class="dropify"/>
                                @endif
                                <div class="help-block with-errors"></div>
                                @error('_image')
                                <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{ $message}}</strong>
                            </span>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-12 form-group">
                                <label style="letter-spacing: -0.5px">توضیحات اصلی:</label>
                                @if($infos)
                                <input type="hidden" value="{{$infos->about}}" id="mce_default_value"/>
                                <textarea type="text" name="about" id="advanced_public_text_editor" class="form-control"></textarea>
                                @else
                                <textarea type="text" name="about" class="form-control advanced_public_text_editor"></textarea>
                                @endif
                                @error('about')
                                <span class="invalid-feedback" role="alert"><strong
                                            class="laravel_error">{{ $message}}</strong></span>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                        <div class="col-sm-6 form-group">
                            <label class="control-label course_info_text">تعداد موارد 1:</label>
                            <div class="input-group">
                                <div class="input-group-btn"><label for="ig-3" class="btn btn-default" style="border-radius: 2px!important;background-color: #28988f;color: white">تعداد</label></div>
                                <!-- /.input-group-btn -->
                                @if($infos)
                                    <input id="ig-3" value="{{explode(',',$infos->cases_count_one)[0]}}" type="text" name="count_one_number" class="form-control" placeholder="لطفا تعداد  را وارد کنید..">
                                @else
                                    <input id="ig-3" value="{{old('count_one_number')}}" type="text" name="count_one_number" class="form-control" placeholder="لطفا تعداد  را وارد کنید..">
                                @endif

                            </div>
                            @error('count_one_number')
                            <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{ $message}}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="col-sm-6 form-group">
                            <label>توضیحات مرتبط 1:</label>
                            @if($infos)
                                <input name="count_one_explain"  value="{{explode(',',$infos->cases_count_one)[1]}}"  placeholder="لطفا توضیحات مرتبط را وارد کنید.." type="text" class="form-control"/>
                            @else
                                <input name="count_one_explain"  value="{{old('count_one_explain')}}"  placeholder="لطفا توضیحات مرتبط را وارد کنید.." type="text" class="form-control"/>
                            @endif
                            @error('count_one_explain')
                            <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{ $message}}</strong>
                            </span>
                            @enderror
                        </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-6 form-group">
                                <label class="control-label course_info_text">تعداد موارد 2:</label>
                                <div class="input-group">
                                    <div class="input-group-btn"><label for="ig-3" class="btn btn-default" style="border-radius: 2px!important;background-color: #28988f;color: white">تعداد</label></div>
                                    <!-- /.input-group-btn -->
                                    @if($infos)
                                        <input id="ig-3" value="{{explode(',',$infos->cases_count_two)[0]}}" type="text" name="count_two_number" class="form-control" placeholder="لطفا تعداد  را وارد کنید..">
                                    @else
                                        <input id="ig-3" value="{{old('count_two_number')}}" type="text" name="count_two_number" class="form-control" placeholder="لطفا تعداد  را وارد کنید..">
                                    @endif

                                </div>
                                @error('count_two_number')
                                <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{ $message}}</strong>
                            </span>
                                @enderror
                            </div>
                            <div class="col-sm-6 form-group">
                                <label>توضیحات مرتبط 2:</label>
                                @if($infos)
                                    <input name="count_two_explain"  value="{{explode(',',$infos->cases_count_two)[1]}}"  placeholder="لطفا توضیحات مرتبط را وارد کنید.." type="text" class="form-control"/>
                                @else
                                    <input name="count_two_explain"  value="{{old('count_two_explain')}}"  placeholder="لطفا توضیحات مرتبط را وارد کنید.." type="text" class="form-control"/>
                                @endif
                                @error('count_two_explain')
                                <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{ $message}}</strong>
                            </span>
                                @enderror
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 form-group">
                                <label>توضیحات کوتاه(آخرین موفقیت های کانادا از ایران):</label>
                                @if($infos)
                                    <input value="{{$infos->explain}}" type="text" name="explain"
                                           placeholder="لطفا توضیحات مرتبط را وارد کنید.." class="form-control"/>
                                @else
                                    <input value="{{old('explain')}}" type="text" name="explain"
                                           placeholder="لطفا توضیحات مرتبط را وارد کنید.." class="form-control"/>
                                @endif
                                @error('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" style="margin-bottom: 0!important;">
                                <label style="margin-top: 10px">تصاویر مدارک مرتبط</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->documents)
                                            @foreach(explode(',',$infos->documents) as $key=>$option)
                                                <div class="options_form_two options_form" style="">
                                                    <input type="hidden" name="previous_file_names[]" value="{{$option}}">
                                                    <input type="file" data-default-file="{{$base_urls['webUploads']}}{{$option}}" name="_documents[]" class="dropify"/>
                                                    <button class="btn next_key  btn-sm" style="margin:10px 0px"
                                                            onclick="delete_option(this)">
                                                        حذف
                                                    </button>
                                                </div>
                                            @endforeach
                                        @endif
                                    @endif
                                </div>
                                @error('_documents')
                                <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{ $message}}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>
                        @if(!$infos)
                            <div class="progress content_progress">
                                <div class="progress-bar content_progress_bar" role="progressbar" aria-valuenow="" aria-valuemin="0" aria-valuemax="100" style="width: 0%">0%</div>
                            </div>
                        @endif


                        <div class="row">
                            <div class="col-sm-12 form-group">
                                <button
                                        type="submit"
                                        @if(!$infos)
                                                onclick="non_immigrant_form('form')"
                                        @endif
                                        class="btn margin-top-20"
                                        style="background-color:#28988f;color: white">ذخیره
                                </button>
                            </div>
                        </div><!-- /.footer-widget__btn-block -->
                    </div>
                </form>
        </div>
    </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=\"file\" style=\"\" id=\"image\" name=\"_documents[]\" class=\"dropify\"/>\n" +
                "<button class=\"btn next_key  btn-sm\" style=\"margin:10px 0px\"\n" +
                "onclick=\"delete_option(this)\">\n" +
                "                                                حذف\n" +
                "</button>\n" +
                "</div>";
            $(amount).prependTo("#options_form_two");
            $('.dropify').dropify();
            $(".dropify-infos-message").text("لطفا فایل خود را به اینجا بکشید یا کلید کنید");
            $(".dropify-message>p").text("لطفا فایل خود را به اینجا بکشید یا کلید کنید");
            $(".dropify-clear").text("پاک کن");
            $(".dropify-clear").text("پاک کن");
            success_comment('فرم آپلود فایل با موفقیت به انتها اضافه شد!');
        }
        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();
                    }
                }

            }
        }
        function delete_option(_x) {
            $(_x).parent().remove();
        }
    </script>

@endsection