{{-- Use single quote in here! --}}
@php
    $popoverLayoutArticles = [
        'Grid 1'    => asset('custom/popover-info/article-grid-1.png'),
        'Grid 2'    => asset('custom/popover-info/article-grid-2.png'),
        'Grid 3'    => asset('custom/popover-info/article-grid-3.png'),
        'Grid 4'    => asset('custom/popover-info/article-grid-4.png'),
        'Grid 5'    => asset('custom/popover-info/article-grid-5.png'),
    ];
@endphp
<div class='row'>
    <div class='col-md-4'>
        <ul class='list-unlisted'>
            @foreach ($popoverLayoutArticles as $key => $value)
            <li class='d-grid gap-2 mb-3'><a class='btn btn-light-primary layout-info' data-layout-preview='trigerArticleGrid{{$loop->index}}'>{{$key}}</a></li>
            @endforeach
        </ul>
    </div>
    <div class='col-md'>
        @foreach ($popoverLayoutArticles as $key => $value)
        <div class='preview-image-article-grid {{$loop->first ? 'd-block' : 'd-none'}}' id='articleGrid{{$loop->index}}'>
            <img class='img-fluid' src={{$value}} />
        </div>
        @endforeach
    </div>
</div>