<div class="col-lg-3 col-12">
    <div class="card mb-4">
        <div class="card-header">جستجو</div>
        <div class="card-body">
            <form method="GET" action="{{ $action }}">
                <div class="input-group">
                    <input class="form-control"
                           type="text"
                           name="search"
                           value="{{ request('search') }}"
                           placeholder="عبارت جستجو را وارد کنید"
                           aria-label="عبارت جستجو را وارد کنید"
                           aria-describedby="button-search" />
                    <button class="btn btn-primary" id="button-search" type="submit">بگرد!</button>
                </div>
            </form>
        </div>
    </div>
    @if(count($categories))
        <div class="card mb-4">
            <div class="card-header">دسته‌ها</div>
            <div class="card-body">
                <div class="row">
                    @foreach($categories->chunk(ceil(count($categories)/2)) as $chunkedCat)
                        <div class="col-sm-6">
                            <ul class="list-unstyled mb-0">
                                @foreach($chunkedCat as $category)
                                    <li>
                                        <a href="{{ route('articles.category', $category->slug) }}" class="text-decoration-underline">
                                            {{ $category->name }}
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    @endif
    @if($show_widgets)
        <div class="card mb-4">
            <div class="card-header">ویجت‌ها</div>
            <div class="card-body">
                <div class="row text-center" style="font-size: 30px;">
                    <livewire:frontend.article.add-to-favorite :article="$article"/>
                    <div class="col-sm-3">
                        <a class="text-primary"
                           href="https://t.me/share/url?url={{ url()->full() }}&text={{ $article->title }}"
                           rel="nofollow"
                           title="اشتراک‌گذاری با تلگرام">
                            <i class="fab fa-telegram"></i>
                        </a>
                    </div>
                    <div class="col-sm-3">
                        <a class="text-success"
                           href="whatsapp://send?text={{ url()->full() }}"
                           data-action="share/whatsapp/share"
                           rel="nofollow"
                           title="اشتراک‌گذاری با واتساپ">
                            <i class="fab fa-whatsapp"></i>
                        </a>
                    </div>
                    <div class="col-sm-3">
                        <a class="text-info"
                           href="https://twitter.com/home?status={{ url()->full() }}"
                           rel="nofollow"
                           title="اشتراک‌گذاری با توئیتر">
                            <i class="fab fa-twitter"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        @if(count($relatedProducts))
            <div class="card mb-4">
                <div class="card-header">محصولات مرتبط با {{ $article->title }} </div>
                <div class="card-body">
                    <ul class="list-group list-group-flush">
                        @foreach($relatedProducts as $relatedProduct)
                            <li class="list-group-item">
                                <a href="{{ route('products.show', $relatedProduct->slug) }}">
                                    {{ $relatedProduct->name }}
                                </a>
                            </li>
                        @endforeach
                    </ul>
                </div>
            </div>
        @endif
           @if(count($articles))
            <div class="card mb-4">
                <div class="card-header">آخرین بلاگ  </div>
                <div class="card-body">
                    <ul class="list-group list-group-flush">
                        @foreach($articles as $article)
                            <li class="list-group-item">
                                <a href="{{ route('articles.show', $article->slug) }}">
                                    {{ $article->title }}
                                </a>
                            </li>
                        @endforeach
                    </ul>
                </div>
            </div>
        @endif
    @endif
</div>