{{-- Sidebar partial for news frontend --}}

{{-- Categories widget --}}
@if(!empty($categories) && $categories->isNotEmpty())
<div class="card mb-4">
    <div class="card-header"><strong>Categories</strong></div>
    <div class="list-group list-group-flush">
    @foreach($categories as $cat)
        <a href="{{ route('news.category', $cat->slug) }}"
           class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
            {{ $cat->name }}
            <span class="badge badge-secondary badge-pill">{{ $cat->published_articles_count ?? 0 }}</span>
        </a>
    @endforeach
    </div>
</div>
@endif

{{-- Trending articles --}}
@if(!empty($trending) && $trending->isNotEmpty())
<div class="card mb-4">
    <div class="card-header"><strong><i class="fas fa-fire mr-1 text-danger"></i> Trending</strong></div>
    <div class="list-group list-group-flush">
    @foreach($trending as $item)
        <a href="{{ route('news.show', $item->slug) }}"
           class="list-group-item list-group-item-action py-2">
            <div class="d-flex justify-content-between align-items-start">
                <span class="font-weight-bold small">{{ Str::limit($item->title, 55) }}</span>
                <span class="badge badge-info badge-pill ml-2">{{ number_format($item->views) }}</span>
            </div>
            <small class="text-muted">{{ $item->published_at?->diffForHumans() }}</small>
        </a>
    @endforeach
    </div>
</div>
@endif

{{-- Tags cloud --}}
@if(!empty($tags) && $tags->isNotEmpty())
<div class="card mb-4">
    <div class="card-header"><strong><i class="fas fa-tags mr-1"></i> Tags</strong></div>
    <div class="card-body">
    @foreach($tags as $tag)
        <a href="{{ route('news.tag', $tag->slug) }}" class="badge badge-secondary mr-1 mb-1">
            {{ $tag->name }}
        </a>
    @endforeach
    </div>
</div>
@endif

{{-- RSS link --}}
<div class="card mb-4">
    <div class="card-body text-center">
        <a href="{{ route('news.rss') }}" class="btn btn-outline-warning btn-sm" target="_blank">
            <i class="fas fa-rss mr-1"></i> RSS Feed
        </a>
    </div>
</div>