
<x-admin-panel-layout>

    <x-slot name="title">    ویرایش مقاله : {{ $article->title }}
    </x-slot>
    <x-slot name="main">
    <form action="{{ route("admin_article_edit",["id"=>$article->id]) }}" method="post" class="w-100"
          enctype="multipart/form-data">
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-4">
                    <div class="col-sm-6">
                        <h3 class="m-0 text-dark">ویرایش نوشته : {{$article->title}}</h3>
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-left">
                            <li class="breadcrumb-item"><a href="{{ route("admin.dashboard") }}">داشبورد</a></li>
                            <li class="breadcrumb-item"><a href="{{ route("admin_article_list") }}">مقالات</a></li>
                            <li class="breadcrumb-item active">ویرایش نوشته : {{$article->title}}</li>
                        </ol>
                    </div><!-- /.col -->
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-9"> @csrf <input type="hidden" name="user_id"
                                                                                           value="{{ auth()->id() }}">
                <input type="hidden" value="{{$article->id}}" name="id">
                <p><input type="text" placeholder="نام مقاله" name="title"
                          value="@if(old("title")){{old("title")}}@else{{ $article->title }}@endif"></p>
                <div class="admin-metabox-item">
                    <div class="admin-metabox-item-title"><h5>محتوای نوشته</h5>                        <span
                                class="admin-metabox-item-btn-up"><i class="fa fa-angle-up"></i></span></div>
                    <p class="col-12 form-item"><textarea name="contents" id="contents" cols="30" rows="10"></textarea>
                    </p></div>
                <div class="admin-metabox-item">
                    <div class="admin-metabox-item-title"><h5>توضیحات کوتاه نوشته</h5>                        <span
                                class="admin-metabox-item-btn-up"><i class="fa fa-angle-up"></i></span></div>
                    <p class="col-12 form-item"><textarea name="excerpt" id="excerpt" cols="30" rows="10"></textarea>
                    </p></div>


                <div class="admin-metabox-item">
                    <div class="admin-metabox-item-title">
                        <h5>تنظیمات سئو</h5>
                        <span  class="admin-metabox-item-btn-up">
                            <i class="fa fa-angle-up"></i>
                        </span>
                    </div>
                    <div class="col-12 form-item">
                        <p class="mt-4">
                            <label>متا تگ تایتل:</label>
                            <input type="text" name="meta_title"
                                   value="@if(old("meta_title")){{old("meta_title")}}@else @if(isset($article->post_meta_array["meta_title"])) {{ $article->post_meta_array["meta_title"] }}@endif  @endif"
                                   placeholder="متا تگ تایتل را وارد کنید">
                        </p>
                        <p class="mt-4">
                            <label>متا تگ دیسکریپشن:</label>

                            <textarea  name="meta_description"
                                      placeholder="متا تگ دیسکریپشن را وارد کنید">@if(old("meta_description")){{old("meta_description")}}@else  @if(isset($article->post_meta_array["meta_description"])) {{ $article->post_meta_array["meta_description"] }}@endif @endif</textarea>
                        </p>
                        <p class="mt-4">
                            <label>ایندکس یا نو ایندکس:</label>
                            <span class="mr-2">ایندکس</span>
                            <input type="radio" name="meta_index"
                                   value="index" @if(isset($article->post_meta_array["meta_index"]) && $article->post_meta_array["meta_index"]=="index" ) checked  @endif>
                            <span class="mr-2">نو ایندکس</span>
                            <input type="radio" name="meta_index"
                                   value="noindex" @if(isset($article->post_meta_array["meta_index"]) && $article->post_meta_array["meta_index"]=="noindex" ) checked  @endif>
                        </p>

                        <p class="mt-4">
                            <label>فالو یا نو فالو:</label>
                            <span class="mr-2">فالو</span>
                            <input type="radio" name="meta_follow"
                                   value="follow" @if(isset($article->post_meta_array["meta_follow"]) && $article->post_meta_array["meta_follow"]=="follow" ) checked  @endif>
                            <span class="mr-2">نو فالو</span>
                            <input type="radio" name="meta_follow"
                                   value="nofollow" @if(isset($article->post_meta_array["meta_follow"]) && $article->post_meta_array["meta_follow"]=="nofollow" ) checked  @endif>
                        </p>
                    </div>
                </div>


            </div>
            <div class="col-lg-3">
                <div class="admin-metabox-item">
                    <div class="admin-metabox-item-title"><h5>وضعیت</h5>                        <span
                            class="admin-metabox-item-btn-up"><i class="fa fa-angle-up"></i></span></div>
                    <div class="col-12 form-item">
                        <select name="status" class="mt-3">
                            <option value="publish" @if(old("status") == "publish") selected @elseif($article->status=="publish") selected @endif>منتشر شده</option>
                            <option value="draft" @if(old("status") == "draft") selected @elseif($article->status=="draft") selected @endif>پیش نویس</option>
                        </select>

                    </div>
                </div>
                <div class="admin-metabox-item">
                    <div class="admin-metabox-item-title"><h5>نامک</h5>                        <span
                                class="admin-metabox-item-btn-up"><i class="fa fa-angle-up"></i></span></div>
                    <div class="col-12 form-item">

                        <input type="text" name="slug" class="mt-3"
                               value="@if(old("slug")){{old("slug")}}@else{{ $article->slug }}@endif"
                               placeholder="نامک را وارد کنید">
                        <span class="font-italic mt-3 mb-4 d-block">نامک نسخه لاتین واژه است که در نشانی&zwnj;ها (URLs)&zwnj; استفاده می&zwnj;شود. برای نامگذاری فقط از حروف،&zwnj; ارقام و خط تیره استفاده کنید. نمایش فقط با حروف کوچک خواهد بود.</span>
                    </div>
                </div>
                <div class="admin-metabox-item position-relative">
                    <div class="category-loading">
                        @includeIf("admin.partials.ajax-loading")
                    </div>
                    <div class="admin-metabox-item-title">
                        <h5>دسته بندی مقاله</h5>
                        <span class="admin-metabox-item-btn-up">
                            <i class="fa fa-angle-up"></i>
                        </span>
                    </div>
                    <div class="col-12 form-item ">
                        <div class="c-ui-input c-ui-input--quick-search mt-4"><input type="text" class="c-ui-input__field c-ui-input__field--cleanable js-filter-input js-cleanable-input " id="cat_search" placeholder="جستجوی نام دسته بندی…"><span class="c-ui-input-cleaner js-input-cleaner"></span></div>
                        <div class="c-box__divider c-box__divider--full"><div></div></div>
                        <ul class="mt-3 category-list" id="cats">
                            @foreach($categories as $category)
                                <li>
                                    <input type="checkbox" name="article_cat[]" value="{{$category->id}}" @if(in_array($category->id,$articleCatId)){{"checked"}}@endif>
                                    <label for="">{{ $category->name }}</label>
                                </li>
                            @endforeach
                        </ul>
                        <a class="btn btn-outline-primary d-inline-block m-3 btn-add-category"
                           href="#">افزودن دسته بندی تازه</a>

                        <div class="form-add-category d-none">
                            <input type="hidden" value="article" name="category_post_type">

                            <p>

                                <label for="">نام دسته بندی : </label>

                                <input type="text" name="category_name" placeholder="نام ذسته بندی را وارد کنید" value="{{old("name")}}">

                            </p>

                            <p>

                                <label for="">نامک :</label>

                                <input type="text" name="category_slug" placeholder="نامک ذسته بندی را وارد کنید" value="{{old("slug")}}">

                                <span class="font-italic mt-3 mb-4 d-block">نامک نسخه لاتین واژه است که در نشانی‌ها (URLs)‌ استفاده می‌شود. برای نامگذاری فقط از حروف،‌ ارقام و خط تیره استفاده کنید. نمایش فقط با حروف کوچک خواهد بود.</span>

                            </p>
                            <p>

                                <label for=""> دسته والد :</label>

                                <select name="category_parent" id="">

                                    <option value="0" selected>دسته اصلی</option>

                                    @foreach($categories as $category)

                                        <option  value="{{$category->id}}">{{ $category->name }}</option>

                                    @endforeach

                                </select>

                            </p>


                            <p>
                                <button class="btn btn-primary btn-submit-category">افزودن دسته بندی</button>
                            </p>
                        </div>
                    </div>
                         </div>
                <div class="admin-metabox-item position-relative">
                    <div class="tag-loading">
                        @includeIf("admin.partials.ajax-loading")
                    </div>
                    <div class="admin-metabox-item-title">

                        <h5>برچسب های مقاله</h5>

                        <span class="admin-metabox-item-btn-up"><i class="fa fa-angle-up"></i></span>

                    </div>

                    <div class="col-12 form-item">

                        <ul class="mt-3 tag-list">

                            @foreach($tags as $tag)

                                <li>


                                    <input id="tag_{{ $tag->id }}" type="checkbox" name="article_tag[]"
                                           value="{{$tag->id}}" @if(in_array($tag->id,$articleTagId)){{"checked"}}@endif>

                                    <label for="tag_{{ $tag->id }}">{{ $tag->name }}</label>

                                </li>

                            @endforeach

                        </ul>

                        <a class="btn btn-outline-primary d-inline-block m-3 btn-add-tag"
                           href="#">افزودن برچسب تازه</a>

                            <div class="form-add-tag d-none">
                                <input type="hidden" value="article" name="tag_post_type">

                                <p>

                                    <label for="">نام برچسب : </label>

                                    <input type="text" name="tag_name" placeholder="نام برچسب را وارد کنید" value="{{old("name")}}">

                                </p>

                                <p>

                                    <label for="">نامک :</label>

                                    <input type="text" name="tag_slug" placeholder="نامک برچسب را وارد کنید" value="{{old("slug")}}">

                                    <span class="font-italic mt-3 mb-4 d-block">نامک نسخه لاتین واژه است که در نشانی‌ها (URLs)‌ استفاده می‌شود. برای نامگذاری فقط از حروف،‌ ارقام و خط تیره استفاده کنید. نمایش فقط با حروف کوچک خواهد بود.</span>

                                </p>
                                <p>
                                    <button class="btn btn-primary btn-submit-tag">افزودن برچسب</button>
                                </p>
                            </div>

                    </div>

                </div>


                <div class="admin-metabox-item">
                    <div class="admin-metabox-item-title"><h5>انتخاب عکس مقاله</h5>                        <span
                                class="admin-metabox-item-btn-up"><i class="fa fa-angle-up"></i></span></div>

                    <div class="col-12 form-item mt-3">




                            <img class="admin-media-frame-img mt-3"
                                 src="@if($article->media) {{ $article->media->url }}@endif"
                                 style="width: 100%; height: auto;margin-top: 20px;">

                        <button class="open-admin-media-frame btn btn-primary mt-2">انتخاب عکس مقاله</button>

                        <input type="hidden" class="admin-media-frame-input" name="thumbnail"
                                   value="@if($article->media) {{ $article->media->id }} @endif">

                    </div>
                </div>
            </div>
        </div>
        <p>
            <button class="btn btn-primary">ویرایش</button>
        </p>
    </form>



    @push("admin-scripts")

        @includeIf("admin.partials.add-tag-js",["checkbox_name"=>"article_tag"])
        @includeIf("admin.partials.add-category-js",["checkbox_name"=>"article_cat"])

        <script>
            var config=CKEDITOR.replace('contents');
            CKEDITOR.replace('excerpt');
            CKEDITOR.instances['contents'].setData(`{!! $article->content !!}`);
            CKEDITOR.instances['excerpt'].setData(`{!! $article->post_excerpt !!}`)

            jQuery("input#cat_search").keyup(function(){
                var value=this.value;
                if(value.length == 0){
                    jQuery("#cats li").removeClass("d-none");
                } else{
                    jQuery("#cats label").each(function (){

                        var textContent=jQuery(this).text();
                        if(!textContent.includes(value)){
                            jQuery(this).parents("#cats li").addClass("d-none");
                        } else{
                            jQuery(this).parents("#cats li").removeClass("d-none");
                        }
                    })
                }
            })

        </script>
    @endpush

    @push("admin-css")
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-toast-plugin/1.3.2/jquery.toast.min.css" integrity="sha512-wJgJNTBBkLit7ymC6vvzM1EcSWeM9mmOu+1USHaRBbHkm6W9EgM0HY27+UtUaprntaYQJF75rc8gjxllKs5OIQ==" crossorigin="anonymous" />
    @endpush


</x-slot>
</x-admin-panel-layout>
