@props(['categories' => collect(), 'tags' => collect(), 'currentCategory' => null, 'currentTag' => null])

<aside class="space-y-8">
    {{-- Categories --}}
    @if($categories->isNotEmpty())
        <div>
            <h3 class="text-lg font-bold text-umami-dark mb-4">Categorie</h3>
            <ul class="space-y-2">
                <li>
                    <a href="{{ route('blog.index') }}"
                        class="flex items-center justify-between text-sm px-3 py-2 rounded-lg transition-colors
                            {{ !$currentCategory ? 'bg-umami-accent/10 text-umami-accent font-medium' : 'text-umami-text hover:bg-gray-100' }}">
                        <span>Tutti gli articoli</span>
                    </a>
                </li>
                @foreach($categories as $cat)
                    <li>
                        <a href="{{ route('blog.category', ['slug' => $cat->slug]) }}"
                            class="flex items-center justify-between text-sm px-3 py-2 rounded-lg transition-colors
                                    {{ $currentCategory && $currentCategory->id === $cat->id ? 'bg-umami-accent/10 text-umami-accent font-medium' : 'text-umami-text hover:bg-gray-100' }}">
                            <span>{{ $cat->name }}</span>
                            @if(isset($cat->posts_count))
                                <span class="text-xs text-umami-gray">({{ $cat->posts_count }})</span>
                            @endif
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>
    @endif

    {{-- Tags --}}
    @if(isset($tags) && $tags->isNotEmpty())
        <div>
            <h3 class="text-lg font-bold text-umami-dark mb-4">Tag</h3>
            <div class="flex flex-wrap gap-2">
                @foreach($tags as $tag)
                    <a href="{{ route('blog.tag', ['slug' => $tag->slug]) }}"
                        class="inline-block text-xs px-3 py-1.5 rounded-full border transition-colors
                                {{ isset($currentTag) && $currentTag->id === $tag->id
                    ? 'bg-umami-accent text-white border-umami-accent'
                    : 'border-umami-border text-umami-text hover:border-umami-accent hover:text-umami-accent' }}">
                        {{ $tag->name }}
                    </a>
                @endforeach
            </div>
        </div>
    @endif
</aside>