@if ($layout == 'grid-5')
    <div class="col-md-12 mb-4">
        <div class="roast-title-wrap {{strtolower($title)}}">
            <div class="roast-title">{{ $title }}</div>
        </div>
    </div>
@endif

@foreach ($data as $keySection => $item)
    @switch($layout??'')
        @case('layout-1')
        @case('grid-1')
            @include('components.item-article-default', [
                'grid'  => 'col-md-6'
            ])
            @break
        @case('layout-2')
        @case('grid-2')
            @include('components.item-article-overlay', [
                'grid'  => 'col-md-4'
            ])
            @break
        @case('grid-3')
            @include('components.item-article-slide', [
                'grid'  => 'col-md-6'
            ])
            @break
        @case('grid-4')
            @include('components.item-article-default', [
                'grid'  => 'col-md-4'
            ])
            @break
        @case('grid-5')
            @include('components.item-article-color', [
                'grid'  => 'col-md-3'
            ])
            @break
        @default
            
    @endswitch

@endforeach