@if(!empty($content['articles']) || request('design'))
<section class="module-line">
    <div class="module-article">
        <div class="{{ pb_get_width_class($content['width'] ?? 'wide') }}">
            @if(!empty($content['title']))
                <div class="module-title-wrap text-center">
                    <div class="module-title">{{ $content['title'] ?? '' }}</div>
                    @if(!empty($content['subtitle']))
                        <div class="module-sub-title">{{ $content['subtitle'] ?? '' }}</div>
                    @endif
                </div>
            @endif

            @if(!empty($content['articles']))
                @php
                    $columns = $content['columns'] ?? 4;
                    $colClass = pb_get_bootstrap_columns($columns);
                @endphp
                <div class="row gx-3 gx-lg-4">
                    @foreach($content['articles'] as $article)
                        <div class="{{ $colClass }}">
                            @include('shared.blog', ['item' => $article])
                        </div>
                    @endforeach
                </div>
            @elseif(request('design'))
                @include('PageBuilder::front.partials.module-empty', [
                    'moduleClass' => 'article',
                    'icon' => 'bi-collection',
                    'message' => __('PageBuilder::modules.no_articles'),
                ])
            @endif
        </div>
    </div>
</section>
@endif