{{-- Рубрики. Каждая — отдельная посадочная страница под тему, поэтому ссылки, а
     не фильтр по query: адрес должен индексироваться сам по себе. --}}
@if ($categories->isNotEmpty())
    <div class="mt-5 flex flex-wrap gap-2">
        <a href="{{ route('blog.index') }}"
           class="rounded-[var(--radius-xl)] border px-3.5 py-1.5 text-sm font-bold transition {{ $active === null ? 'border-[var(--color-primary)] bg-[var(--color-primary-soft)] text-[var(--color-primary)]' : 'border-[var(--color-line)] bg-white text-[var(--color-slate)] hover:border-[var(--color-primary)]' }}">
            Все темы
        </a>
        @foreach ($categories as $topic)
            <a href="{{ route('blog.category', $topic->slug) }}"
               class="rounded-[var(--radius-xl)] border px-3.5 py-1.5 text-sm font-bold transition {{ $active === $topic->id ? 'border-[var(--color-primary)] bg-[var(--color-primary-soft)] text-[var(--color-primary)]' : 'border-[var(--color-line)] bg-white text-[var(--color-slate)] hover:border-[var(--color-primary)]' }}">
                {{ $topic->title }}
            </a>
        @endforeach
    </div>
@endif