@if(count($posts) != 0)
    <ul class="listing-items">
        @foreach($posts as $post)
            <li class="col-lg-3 col-md-6 col-12 no-padding">
                <div class="product-box">
                    <div
                        class="product-seller-details product-seller-details-item-grid">

                                            <span class="product-main-seller"><span
                                                    class="product-seller-details-label">نویسنده:
                                                            </span> {{($post->user_id ? $post->user->fname.' '.$post->user->lname : 'بدون نام')}} </span>

                        <span class="product-seller-details-badge-container"></span>
                    </div>
                    <div class="promotion-badge promotion-badge--special-sale">
                        {{\Morilog\Jalali\Jalalian::forge($post->published_at)->format('Y F j - H:i:s')}}
                    </div>
                    <div class="status-in-slider">
                        وضعیت در اسلایدر
                        <div class="checkbox-status-in-slider ">
                            <label>
                                <input type="checkbox" id="check-{{$post->id}}"
                                       onclick="saveToList('{{$post->id}}','{{$list->id}}');"
                                       @if($list->post->contains($post->id)) checked @endif>
                            </label>
                        </div>
                    </div>

                    <a class="product-box-img"
                       href="{{url('post/'.$post->code.'/'.$post->url)}}">
                        <img class="lazyload" src="{{url('assets/loader/loading.png')}}"
                             data-src="{{url('/assets/post/thumbnail').'/'.$post->image}}" alt="">
                    </a>
                    <div class="product-box-content">
                        <div class="product-box-content-row">
                            <div class="product-box-title">
                                <a href="{{url('post/'.$post->code.'/'.$post->url)}}">
                                    {{$post->fa_name}}
                                </a>
                            </div>
                        </div>

                        <div class="product-box-row product-box-row-price">

                        </div>
                    </div>
                </div>
            </li>
        @endforeach
    </ul>
@else
    <div class="box">
        <div class="box-header">
            <div class="alert alert-warning" role="alert">
                جستجو برای این ترکیب از فیلترها با هیچ نوشته ای هم‌خوانی نداشت.
            </div>
        </div>

        <div class="box-body" style="padding-right: 5%">
            <p>تلاش کنید:</p>
            <p>- تعدادی از فیلترها را حذف کنید.</p>
            <p>- در جستجو از عبارت‌های متداول‌تر استفاده کنید.</p>
        </div>
    </div>
@endif

<div class="text-center">
    {!! $posts->links('vendor.pagination.paginate-post-admin') !!}
</div>
<script src="{{url('/assets/admin/plugins/iCheck/icheck.min.js')}}"></script>
<script>
    $(document).ready(function () {
        //Flat red color scheme for iCheck
        $('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
            checkboxClass: 'icheckbox_flat-green',
            radioClass: 'iradio_flat-green'
        });
    });
</script>

<script>
    function saveToList(post_id, list_id) {
        if (document.getElementById('check-' + post_id).checked) {
            var type = 'add';
        } else {
            var type = 'delete';
        }
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
            }
        });
        $.ajax({
            url: '{{url('/admin/homesAddToList/')}}',
            type: 'POST',
            data: {post_id: post_id, list_id: list_id, type: type},
            success: function (response, textStatus, xhr) {
                if (xhr.status === 200) {
                    toastr.success(response.message);
                } else {
                    toastr.warning(response.message);
                }
                updatePost(list_id);
            },
            error: function (xhr, textStatus) {
                toastr.warning('خطایی در سامانه رخ داد!');
            }
        });

    }

    updatePost = function (list_id) {
        $.ajax({
            url: '{{url('/admin/homes/reloadPost')}}/' + list_id,
            type: 'GET',
            success: function (response) {
                $('#reload-post').html(response)
            },
            error: function () {
                toastr.warning('خطایی در سامانه رخ داد!');
            }
        });
    }
</script>