@php
    $locale = app()->getLocale();
    $categoryQuery = filled($categoryId ?? null) ? ['category_id' => $categoryId] : [];
    $hasAny = ($relatedProducts ?? collect())->isNotEmpty()
        || ($relatedServices ?? collect())->isNotEmpty()
        || ($relatedArticles ?? collect())->isNotEmpty();
@endphp

@if ($hasAny)
    <div class="mt-10 space-y-8">
        @if (filled($categoryId ?? null))
        @endif
        @if (($relatedProducts ?? collect())->isNotEmpty())
            <section>
                <div class="eca-section-heading">
                    <h2>{{ __('site.related_products') }}</h2>
                    <a href="{{ route('site.products.index', array_merge(['locale' => $locale], $categoryQuery)) }}">{{ __('site.view_all') }}</a>
                </div>
                <div class="eca-product-grid mt-4 " data-reveal-group>
                    @foreach ($relatedProducts as $item)
                        <x-site.cards.product :product="$item" compact :show-inquiry="false" />
                    @endforeach
                </div>
            </section>
        @endif

        @if (($relatedServices ?? collect())->isNotEmpty())
            <section>
                <div class="eca-section-heading">
                    <h2>{{ __('site.related_services') }}</h2>
                    <a href="{{ route('site.services.index', array_merge(['locale' => $locale], $categoryQuery)) }}">{{ __('site.view_all') }}</a>
                </div>
                <ul class="eca-product-grid mt-4 " data-reveal-group>
                    @foreach ($relatedServices as $item)
                        <x-site.cards.service :service="$item" />
                    @endforeach
                </ul>
            </section>
        @endif

        @if (($relatedArticles ?? collect())->isNotEmpty())
            <section>
                <div class="eca-section-heading">
                    <h2>{{ __('site.related_articles') }}</h2>
                    <a href="{{ route('site.blog.index', array_merge(['locale' => $locale], $categoryQuery)) }}">{{ __('site.view_all') }}</a>
                </div>
                <ul class="eca-product-grid mt-4 " data-reveal-group>
                    @foreach ($relatedArticles as $item)
                        <x-site.cards.article :article="$item" />
                    @endforeach
                </ul>
            </section>
        @endif
    </div>
@endif