{{-- <div class="form-group">
    <label for="language_list">Select Language</label>
    <select id="language_list" name='lang_id' class='form-control'>
        @foreach ($language_list as $language)
            <option  value='{{$language->id}}' @if ($language->id == $selected_lang)selected="selected" @endif>
                {{$language->name}}
            </option>
        @endforeach
    </select>
</div> --}}

@foreach ($language_list as $language)
<select name='lang_id' id="language_list" value="{{$language->id}}" hidden></select>
@endforeach

<div class="row">
    <div class="col-md-8 editorial-main">
        <div class="card-section">
            <div class="card-header c_head_css">
                <h4 class="card-title">Add Blog Content</h4>
            </div>
            <div class="card-body">
                <div class="blog-tittle">
                    <div class="form-group">
                        <label for="blog_title">Blog Post Title</label>
                        <input type="text" class="form-control" required id="blog_title" aria-describedby="blog_title_help" name='title'
                            value="{{ old('title', $post_translation->title) }}" oninput="populate_slug_field();">
                        <small id="blog_title_help" class="form-text text-muted">The title of the blog post</small>
                    </div>

                </div>
                <div class="social-img"></div>
            </div>
        </div>
        <div class="slide-toggel">
            <div class="expert-main" id="flip-expert" class="">
                <h2 class="accordion-heade">
                    Excerpt<i class="fa fa-chevron-circle-down" aria-hidden="true"></i>
                </h2>
            </div>
            <div class="expert-hide" id="panel-expert">
                <div class="excpert-btn">
                    <div class="form-group">
                        <label for="blog_post_body">Post Body
                            @if (config('binshopsblog.echo_html'))
                                (HTML)
                            @else
                                (Html will be escaped)
                            @endif

                        </label>
                        <textarea style='min-height:600px;' class="form-control" id="blog_post_body" aria-describedby="blog_post_body_help"
                            name='post_body'>{{ old('post_body', $post_translation->post_body) }}</textarea>


                        <div class='alert alert-warning'>
                            If you want to add HTML content to be rendered, click source button at top left, and then paste your HTML
                            snippet. (Youtube iFrames)
                        </div>
                    </div>


                    @if (config('binshopsblog.use_custom_view_files', true))
                        <div class="form-group">
                            <label for="blog_use_view_file">Custom View File</label>
                            <input type="text" class="form-control" id="blog_use_view_file" aria-describedby="blog_use_view_file_help"
                                name='use_view_file' value='{{ old('use_view_file', $post_translation->use_view_file) }}'>
                            <small id="blog_use_view_file_help" class="form-text text-muted">Optional - if anything is entered here, then it
                                will attempt to load <code>view("custom_blog_posts." . $use_view_file)</code>. You must create the file in
                                /resources/views/custom_blog_posts/FILENAME.blade.php.
                            </small>
                        </div>
                    @endif


                </div>
            </div>
        </div>


        <div class="slide-toggel">
            <div id="flip-slug" class="">
                <h2 class="accordion-heade">
                    Slug<i class="fa fa-chevron-circle-down" aria-hidden="true"></i>
                </h2>
            </div>
            <div id="panel-slug">
                <div class="excpert-btn">
                    <div class="form-group">
                        <label for="blog_slug">Blog Post Slug</label>
                        <input type="text" class="form-control" id="blog_slug" aria-describedby="blog_slug_help" name='slug'
                            value="{{ old('slug', $post_translation->slug) }}">
                        <small id="blog_slug_help" class="form-text text-muted">The slug (leave blank to auto generate) -
                            i.e.{{ route('binshopsblog.single', [app('request')->get('locale'), 'your-slug']) }}</small>
                    </div>




                </div>
            </div>
        </div>


        <div class="slide-toggel">
            <div id="flip-author" class="">
                <h2 class="accordion-heade">
                    Author<i class="fa fa-chevron-circle-down" aria-hidden="true"></i>
                </h2>
            </div>
            <div id="panel-author">
                <div class="excpert-btn">
                    <label class="form-label excpert-sec">Author</label>
                    <input type="text" class="slug-input" value="{{auth()->user()->name}}">



                </div>
            </div>
        </div>

        <div class="slide-toggel">
            <div id="flip-seo" class="">
                <h2 class="accordion-heade">
                    SEO<i class="fa fa-chevron-circle-down" aria-hidden="true"></i>
                </h2>
            </div>
            <div id="panel-seo">
                <div class="excpert-btn">
                    <div class="form-group">
                        <label for="blog_seo_title">Blog Title</label>
                        <input class="form-control" id="blog_seo_title" aria-describedby="blog_seo_title_help" name='seo_title'
                            tyoe='text' value='{{ old('seo_title', $post_translation->seo_title) }}'>
                        <small id="blog_seo_title_help" class="form-text text-muted">Enter a value for the {{ '<title>' }} tag. If
                            nothing is provided here we will just use the normal post title from above (optional)</small>
                    </div>
                </div>

                <div class="excpert-btn">
                    <div class="form-group">
                        <label for="blog_meta_desc">Meta Descriptions</label>
                        <textarea class="form-control" id="blog_meta_desc" aria-describedby="blog_meta_desc_help" name='meta_desc'>{{ old('meta_desc', $post_translation->meta_desc) }}</textarea>
                        <small id="blog_meta_desc_help" class="form-text text-muted">Meta description (optional)</small>
                    </div>

                </div>
                <div class="excpert-btn">
                    <div class="form-group">
                        <label for="blog_short_description">Short Descriptions</label>
                        <textarea class="form-control" id="blog_short_description" aria-describedby="blog_short_description_help"
                            name='short_description'>{{ old('short_description', $post_translation->short_description) }}</textarea>
                        <small id="blog_short_description_help" class="form-text text-muted">Short description (optional - only useful if
                            you use in your template views)</small>
                    </div>
                </div>
            </div>
        </div>


    </div>

    <div class="col-md-4">
        <div class="slide-toggel marg0">
            <div id="flip-stutus" class="">
                <h2 class="accordion-heade">
                    Publish<i class="fa fa-chevron-circle-down" aria-hidden="true"></i>

                </h2>
            </div>
            <div id="panel-stutus">
                <div class="excpert-btn">
                    <div class="form-group">
                        <label for="blog_is_published">Published?</label>

                        <select name='is_published' class='form-control' id='blog_is_published'
                            aria-describedby='blog_is_published_help'>

                            <option @if (old('is_published', $post->is_published) == '1') selected='selected' @endif value='1'>
                                Published
                            </option>
                            <option @if (old('is_published', $post->is_published) == '0') selected='selected' @endif value='0'>Not
                                Published
                            </option>

                        </select>
                        <small id="blog_is_published_help" class="form-text text-muted">Should this be published? If not, then it
                            won't be
                            publicly viewable.
                        </small>
                    </div>



                </div>

                 <div class="excpert-btn marg-top">
                    <div class="form-group">
                        <label for="blog_posted_at">Posted at</label>
                        <input type="text" class="form-control" id="blog_posted_at" aria-describedby="blog_posted_at_help"
                            name='posted_at' value="{{ old('posted_at', $post->posted_at ?? \Carbon\Carbon::now()) }}">
                        <small id="blog_posted_at_help" class="form-text text-muted">When this should be published. If this value is
                            greater
                            than now ({{ \Carbon\Carbon::now() }}) then it will not (yet) appear on your blog. Should be in the
                            <code>YYYY-MM-DD
                                HH:MM:SS</code> format.
                        </small>
                    </div>
                 </div>
                {{-- <div class="excpert-btn marg-top">
                    <form action="/action_page.php">
                        <label for="cars">Visibility</label>
                        <select class="status-form" name="cars" id="cars">
                            <option value="volvo">Public</option>
                            <option value="saab">Password Protected</option>
                            <option value="opel">Private</option>

                        </select>
                    </form>



                </div>
                <div class="excpert-btn marg-top">
                    <form action="/action_page.php">
                        <label for="cars">Published on</label>
                        <input class="date-fill" type="date" id="birthday" name="birthday">
                    </form>



                </div> --}}        <input id="post_id" name="post_id" type="number" value="{{$post_id}}" hidden>

                <button  type='submit' name="submit_btn" class='pulish-btn' value='Add new post'>Publish</button>

            </div>
        </div>
        <div class="slide-toggel ">
            <div id="flip-category" class="">
                <h2 class="accordion-heade">
                    Categories<i class="fa fa-chevron-circle-down" aria-hidden="true"></i>
                </h2>
            </div>
            <div id="panel-category">
                <div class="excpert-category">
                    <p class="category-text">Categories Tree</p>

                    <div id="categories_checkbox">
                        @forelse($cat_ts as $translation)
                        <div class="form-check col-sm-6">
                            <input class="" type="checkbox" value="1"
                                @if (old('category.' . $translation->category_id, $post->categories->contains($translation->category_id))) checked='checked' @endif
                                name='category[{{ $translation->category_id }}]'
                                id="category_check{{ $translation->category_id }}">
                            <label class="checkbox-text" for="category_check{{ $translation->category_id }}">
                                {{ $translation->category_name }}
                            </label>
                        </div>
                    @empty
                        <div class='col-md-12'>
                            No categories
                        </div>
                    @endforelse
                    </div>
                    <p class="category-text"> <em><a class="a-link-cart-color" target='_blank'
                    href='{{ route('binshopsblog.admin.categories.create_category') }}'><i class="fa fa-plus" aria-hidden="true"></i>
                    Add new categories
                    here</a></em></p>
                </div>
            </div>
        </div>
        <div class="custome-accordion XFeaturedImage marg-top">
            <div class="slide-toggel" id="accordion-FeaturedImage">
                <div class="accordion-item card">
                    <div id="flip-featured" class="">
                        <h2 class="accordion-heade featured_image">
                            Featured Image<i class="fa fa-chevron-circle-down" aria-hidden="true"></i>
                        </h2>
                    </div>
                    <div id="panel-featured">

                        @if (config('binshopsblog.image_upload_enabled', true))

                        <div class='bg-white pt-4 px-4 pb-0 my-2 mb-4 rounded border'>
                            <style>
                                .image_upload_other_sizes {
                                    display: none;
                                }
                            </style>
                            <h4>Featured Images</h4>


                            @foreach (config('binshopsblog.image_sizes') as $size_key => $size_info)
                                <div
                                    class="form-group mb-4 p-2
                            @if ($loop->iteration > 1) image_upload_other_sizes @endif
                                        ">
                                    @if ($post_translation->has_image($size_info['basic_key']))
                                        <div style='max-width:55px;  ' class='float-right m-2'>
                                            <a style='cursor: zoom-in;' target='_blank'
                                                href='{{ $post_translation->image_url($size_info['basic_key']) }}'>