@forelse ($data as $item)
    
<div class="{{ $item['class']??'col-md' }}">
    <article class="article-block my-5">

        @if (isset($item['title']) && !empty($item['title']))
            @if (isset($item['slug']) && !empty($item['slug']))
            <h1 class="article-block-title fw-bold">
                <a href="{{ $item['slug']??'/' }}">{{ $item['title'] }}</a>
            </h1>
            @else
            <h1 class="article-block-title mb-4">
                {{ $item['title']??$section['title'] }}
            </h1>
            @endif
        @elseif($loop->first)
        <h1 class="article-block-title mb-4">
            {{ $section['title']??'' }}
        </h1>
        @endif

        @if (isset($item['subtitle']) && !empty($item['subtitle']))
            <h2 class="article-block-subtitle text-decoration-underline mb-4">
                {{ $item['subtitle'] }}
            </h2>
        @endif

        @if (isset($item['image']) && !empty($item['image']))
            <div class="article-featured-image mb-4">
                <img class="img-fluid lazyload" data-src="{{ $item['image'] }}"
                    alt="">
            </div>
        @endif

        <div class="article-block-content mb-4">
            @if (isset($item['content']) && !empty($item['content']))
                {!! $item['content'] !!}
            @endif
            @if (isset($item['related']) && !empty($item['related']))
                @include('blocks.section', [
                    'layout'=> $item['meta']['layout']??'',
                    'data'  => $item['related']
                ])
            @endif
        </div>
    </article>
</div>
@empty
<h3>Data is Empty or Not Found</h3>
@endforelse