{{-- Словарь классов общий для всех компонентов — docs/layout.md. --}}
<div class="kz-listing kz-listing--news">
    <h1 class="kz-page__title">{{ $heading ?? $section->name }}</h1>

    @if ($items->isEmpty())
        <p class="kz-empty">Новостей пока нет.</p>
    @else
        <div class="kz-list">
            @foreach ($items as $item)
                <article class="kz-card kz-card--news">
                    @if ($item->published_at)
                        <time class="kz-card__meta" datetime="{{ $item->published_at->toDateString() }}">
                            {{ $item->published_at->format('d.m.Y') }}
                        </time>
                    @endif

                    <h2 class="kz-card__title">
                        <a href="{{ $urls->object($section, $item->slug) }}">{{ $item->name }}</a>
                    </h2>

                    @if ($item->anons)
                        <p class="kz-card__text">{{ $item->anons }}</p>
                    @endif
                </article>
            @endforeach
        </div>
    @endif

    {{ $items->links() }}
</div>