@extends("AdminSide.Layout")

@section("content")
    <!-- /.col-xs-12 -->
    <div class="col-lg-12 col-xs-12">
        <div class="row">
            <div class="box-content">
                <a class="form-control" href="{{route('postsCategoriesList')}}"
                   style="text-align: center;cursor: pointer;margin-bottom: 50px">لیست دسته بندی ها</a>
                <div class="card-content margin-top-50">
                    <form class="form-horizontal" method="POST" action="{{route('postsCategoryStore')}}"
                          enctype="multipart/form-data">
                        @csrf

                        <div class="form-group">

                            <label class="control-label" style="margin-right: 15px">نام دسته بندی:</label>

                            <div class="col-sm-11">
                                <input type="text" name="name" class="form-control" id="inp-type-1" value="">
                                @error('name')
                                <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{$message}}</strong>
                                 </span>
                                @enderror
                            </div>

                        </div>

                        <div class="form-group">
                            <label class="control-label" style="margin-right: 15px">نام پدر مربوطه:</label>
                            <div class="col-sm-11">
                                <select name="parent_id" class="select2_1 select2-selection--single form-control" id="id_label_single">
                                    <option value="">بدون پدر</option>
                                    @foreach($categories as $i)
                                            <option value="{{\Illuminate\Support\Facades\Crypt::encrypt($i->id)}}">(1){{$i->name}}</option>
                                            @include('AdminSide.Components.SubCategoryOption', ['mode'=>'parent','childes' => $i['childes'],'parent' => $i , 'layer_count' => 1])
                                    @endforeach
                                </select>
                                @error('parent_id')
                                <span class="invalid-feedback" role="alert">
                                <strong style="color: red">{{ $message}}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label" style="margin-right: 15px">زیر مجموعه ها:</label>
                            <div class="col-sm-11">
                                <select class="select2_1 form-control" name="subCategoriesIds[]" style="width: 100%" multiple="multiple">
                                    @foreach($categories as $i)
                                            <option value="{{\Illuminate\Support\Facades\Crypt::encrypt($i->id)}}">(1){{$i->name}}</option>
                                            @include('AdminSide.Components.SubCategoryOption', ['mode'=>'child','childes' => $i['childes'],'parent' => $i , 'layer_count' => 1])
                                    @endforeach
                                </select>
                                @error('subCategoriesIds')
                                <span class="invalid-feedback" role="alert">
                                    <strong style="color: red">{{ $message}}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>


                        <div class="form-group">
                            <label class="control-label" style="margin-right: 15px;letter-spacing: 0.2px">آدرس مربوطه:</label>
                            <div class="col-sm-11">
                                <input type="text" name="slug" class="form-control" id="inp-type-1"
                                       value="{{old('slug')}}">
                                @error('slug')
                                <span class="invalid-feedback" role="alert">
                                         <strong style="color: red">{{$message}}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label" style="margin-right: 15px;letter-spacing: -0.5px">وضعیت انتشار:</label>
                            <div class="col-sm-11">
                                <div class="custom-select">
                                    <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>

                        <div class="parent-inputs-container">
                            <div class="form-group">
                                <label class="control-label" style="margin-right: 15px;letter-spacing: -0.9px">محل نمایش
                                    در:</label>
                                <div class="col-sm-11">
                                    <div class="custom-select">
                                        <select class="select2_1 form-control" name="type[]" style="width: 100%"
                                                multiple="multiple">
                                            <option value="Header">سر تیتر</option>
                                            <option value="GeneralImmigrationPrograms">برنامه های مهاجرت عمومی</option>
                                            <option value="ProvincialImmigrationPrograms">برنامه های مهاجرت استانی
                                            </option>
                                        </select>
                                    </div>
                                    @error('type')
                                    <span class="invalid-feedback" role="alert">
                                    <strong style="color: red">{{ $message}}</strong>
                                </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label" style="margin-right: 15px;letter-spacing: 0.1px">تصویر
                                    آیکون:</label>
                                <div class="col-sm-11">
                                    <input type="file" value="" id="_icon_image" name="_icon_image" class="dropify"/>
                                    @error('_icon_image')
                                    <span class="invalid-feedback" role="alert">
                                        <strong style="color: red">{{$message}}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label" style="margin-right: 15px;letter-spacing: 0.1px">تصویر
                                    نشانه:</label>
                                <div class="col-sm-11">
                                    <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>


                            <div class="form-group">
                                <label class="control-label" style="margin-right: 15px">توضیحات کوتاه:</label>
                                <div class="col-sm-11">
                                    <input type="text" name="short_explain" class="form-control" id="inp-type-1"
                                           value="{{old('short_explain')}}">
                                    @error('short_explain')
                                    <span class="invalid-feedback" role="alert">
                                         <strong style="color: red">{{$message}}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <div class="form-group">

                            <label class="control-label" style="margin-right: 15px;letter-spacing: 0.3px">توضیحات
                                بلند:</label>

                            <div class="col-sm-11">

                                <textarea type="text" name="long_explain" class="form-control advanced_public_text_editor">{{old('long_explain')}}</textarea>

                                @error('long_explain')
                                <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{$message}}</strong>
                            </span>
                                @enderror
                            </div>

                        </div>
                        <button type="submit" class="btn btn-sm  margin-top-50"
                                style="background-color: #28988f;color: white;">ذخیره
                        </button>
                    </form>
                </div>
                <!-- /.card-content -->
            </div>
            <!-- /.box-content card white -->
        </div>
    </div>
    <!-- /.col-lg-6 col-xs-12 -->
@endsection