@forelse ($data as $keyArticle => $item)
<div class="{{ $item['class']??'col-md' }}" wire:key="{{ $keyArticle }}">
    <article class="article-block my-5">
        @if (isset($product) && $product)
            @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>
                @elseif (isset($item['permalink']) && !empty($item['permalink']))
                <h1 class="article-block-title fw-bold">
                    <a href="{{ $item['permalink']??'/' }}">{{ $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
        @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'])) --}}
                <div class="mt-5">
                    @include('blocks.section', [
                        'title' => $item['title']??'',
                        'layout'=> $item['meta']['layout']??'',
                        'data'  => $item['related']??[]
                    ])
                </div>
            {{-- @endif --}}
        </div>
    </article>
</div>
@empty
<h3>Data is Empty or Not Found</h3>
@endforelse