@extends("AdminSide.Layout")
@section('content')
    <div class="col-xs-12">
        <div class="row">
            <div class="box-content">
                <form data-toggle="validator" method="post" action="{{route('postStore')}}" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="saveKey" value="{{md5(rand(10000000,999999999).time().microtime())}}">
                    <div class="row">
                        <div class="col-md-6 col-xs-12">
                                <label for="title" class="control-label">دسته بندی خبر یا مقاله</label>
                                <select class="form-control select2_1" name="post_categories[]" multiple="multiple">
                                    @foreach($categories as $i)
                                        <optgroup label="{{$i['name']}} (1)">
                                            @include('AdminSide.Components.SubCategoryOption', ['selected_categories'=>[],'mode'=>'parent','childes' => $i['childes'],'parent' => $i , 'layer_count' => 1])
                                        </optgroup>
                                    @endforeach
                                </select>
                                @error('post_categories')
                                <span class="invalid-feedback" role="alert">
                                      <strong style="color: red">{{ $message}}</strong>
                                    </span>
                                @enderror
                        </div>
                        <div class="col-md-6 col-xs-12">
                                <label for="title" class="control-label">عنوان خبر یا مقاله</label>
                                <input type="text" class="form-control" value="{{old('name')}}" id="title" name="title" placeholder="لطفا نام خبر یا مقاله خود را انتخاب کنید...">
                                @error('title')
                                <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{ $message}}</strong>
                                    </span>
                                @enderror

                        </div>
                        <div class="col-md-12 col-xs-12 margin-top-30">
                            <label for="title" class="control-label">آدرس خبر یا مقاله</label>
                            <input type="text" name="slug" class="form-control" value="{{old('slug')}}"  placeholder="لطفا یک آدرس مرتبط با محتوا وارد کنید..." >
                            @error('slug')
                            <span class="invalid-feedback" role="alert">
                                         <strong style="color: red">{{$message}}</strong>
                                    </span>
                            @enderror
                        </div>

                        <div class="col-md-12 col-xs-12 margin-top-30">
                            <label class="control-label" style="letter-spacing: -0.5px">تصویر خبر یا مقاله</label>

                                <input type="file" value="" id="_symbol_image" name="_symbol_image" class="dropify"/>
                                @error('_symbol_image')
                                <span class="invalid-feedback" role="alert">
                                        <strong style="color: red">{{$message}}</strong>
                                    </span>
                                @enderror

                        </div>

                        <div class="col-xs-12 margin-top-30">
                            <label for="title">
                                طول مطالعه
                                <i class="fa fa-arrow-circle-left"></i>
                                <span class="show_num">
                                1
                                </span>
                                دقیقه
                            </label>
                            <input id="title" type="range" min="1" max="300" value="1" style="direction: ltr!important;transform: rotateY(180deg)!important;margin-top: -20px" class="form-control"  name="study_length" onchange="show(this)">
                            @error('study_length')
                            <span class="invalid-feedback" role="alert">
                                            <strong style="color: red">{{ $message}}</strong>
                                        </span>
                            @enderror
                        </div>
                        <div class="col-md-12 col-xs-12 margin-top-30">
                                <label for="title" class="control-label">خلاصه خبر یا مقاله</label>
                                <textarea type="text" name="summary" class="form-control">{{old('summary')}}</textarea>
                                @error('summary')
                                <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{ $message}}</strong>
                                    </span>
                                @enderror
                        </div>
                        <script>
                            function show(x) {
                                $(x).parent().find('.show_num').text($(x).val())
                            }
                        </script>


                    </div>
                    <div class="row  margin-top-30">
                        <div class="col-md-6 col-xs-12">
                                <label for="showing" class="control-label">وضعیت انتشار</label>
                                <div class="custom-select course_type">
                                    <select class="form-control" name="status">
                                        <option value="0">نوع:</option>
                                        <option value="0">در حالت پنهان</option>
                                        <option value="1">در حالت انتشار</option>
                                    </select>
                                </div>
                                @error('status')
                                <span class="invalid-feedback" role="alert">
                                    <strong style="color: red">{{ $message}}</strong>
                                </span>
                                @enderror
                        </div>
                        <div class="col-md-6 col-xs-12">
                                <label for="showing" class="control-label">مجوز اظهارنظر</label>
                                <div class="custom-select course_type">
                                    <select class="form-control" name="comment_permission">
                                        <option value="1">نوع:</option>
                                        <option value="0">بلامانع برای ارسال</option>
                                        <option value="1">ممنوع برای ارسال</option>
                                    </select>
                                </div>
                                @error('comment_permission')
                                <span class="invalid-feedback" role="alert">
                                    <strong style="color: red">{{ $message}}</strong>
                                </span>
                                @enderror
                        </div>
                    </div>

                    <div class="form-group  margin-top-30" style="margin-bottom: 0px">
                        <button type="submit" class="btn btn-primary waves-effect waves-light btn-sm" style="background-color: #28988f;">ذخیره</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection