<div class="{$css_class|default:'articles-row'}" {$data_attr}>
    {foreach $articles as $article}
        {url s=article IDa=$article.id TITLE=$article.seo_url assign=article_url}
       <div class="article article-md">
          <div class="img">
             <a href="{$article_url}" title="{$article.title}">
                {$photo_dimensions = $cfg.Photo.types["article_thumb"].size}
                <img src="{get_photo photo=$article.image size='article_thumb'}" alt="{$article.title}"
                     class="img-fluid" width="{$photo_dimensions[0]}" height="{$photo_dimensions[1]}" loading="lazy">
             </a>
             {if $article.section}
                <a class="flag flag-article-section" href="{path('kupshop_content_articles_articles_1', ['IDb' => $article.section.id])}">
                   {$article.section.name}
                </a>
             {/if}
          </div>

          <div class="text">
             <p class="title"><a href="{$article_url}">{$article.title}</a></p>
             <p class="data">
                <span>{$article.date|date_format:"%e.%-m.%Y"}</span>
                {if $article.data['hide_seen'] != 'Y'}
                   <span>{$article.seen}x {t}přečteno{/t}</span>
                {/if}
                {if $article.data['readTime']}<span>{$article.data['readTime']}</span>{/if}
             </p>
             <a href="{$article_url}" class="btn-link">{t}Přečíst{/t}</a>
          </div>
       </div>
    {/foreach}
</div>
