{{-- Insights listing (PRD §16.2) with category/tag filters, empty state and Load more. --}}
@php
    $categorySlug = isset($activeCategory) ? $activeCategory->slug : (request()->string('category')->value() ?: null);
    $active = array_filter(['category' => $categorySlug, 'tag' => request()->string('tag')->value() ?: null]);
    $matches = fn ($article): bool => (! isset($active['category']) || $article->category?->slug === $active['category'])
        && (! isset($active['tag']) || $article->topics->contains('slug', $active['tag']));
    $articles = $vm->resolved('articles', []);
    $visibleCount = count(array_filter($articles, $matches));
    $groups = [
        'category' => ['label' => __('portfolio.ui.filter_category'), 'options' => collect($vm->resolved('categories', []))->pluck('name', 'slug')->all()],
        'tag' => ['label' => __('portfolio.ui.filter_topic'), 'options' => collect($vm->resolved('topics', []))->pluck('name', 'slug')->all()],
    ];
@endphp
<x-section :vm="$vm" class="!pt-6">
    <div class="container-site" data-module="filters" data-per-page="{{ (int) $vm->get('per_page', 9) }}" data-filter-tool-param="tag" data-status-template="{{ __('portfolio.ui.filter_status') }}">
        @if ($vm->get('show_filters', true) && $articles !== [])
            @include('partials.listing-filters', ['groups' => $groups, 'active' => $active, 'baseUrl' => route('insights.index')])
        @endif

        <p class="sr-only" aria-live="polite" data-filter-status></p>

        <div class="grid-cards" data-filter-list>
            @foreach ($articles as $article)
                <x-article-card :article="$article" source="listing" :hidden="! $matches($article)" />
            @endforeach
        </div>

        <x-empty-state :message="$articles === [] ? __('portfolio.ui.nothing_here_yet') : __('portfolio.ui.no_results')"
                       data-filter-empty :hidden="$visibleCount > 0" class="mt-2">
            @if ($articles !== [])
                <x-button :href="route('insights.index')" variant="secondary" data-filter-clear>{{ __('portfolio.ui.clear_filters') }}</x-button>
            @endif
        </x-empty-state>

        <div class="mt-10 text-center">
            <x-button type="button" variant="secondary" data-filter-more hidden>{{ __('portfolio.ui.load_more') }}</x-button>
        </div>
    </div>
</x-section>