{url s=article IDa=$article.id TITLE=$article.seo_url assign=article_url}
{get_photo photo=$article.image size='news' assign='article_photo'}
{$photo_dimensions = $cfg.Photo.types["news"].size}
{if $is_large_article}
   {get_photo photo=$article.image size='news_lg' assign='article_photo'}
   {$photo_dimensions = $cfg.Photo.types["news_lg"].size}
{/if}

<div class="{if !$is_large_article}col-lg-9{/if} col-xxs-12">
   <div class="article-lg{if $is_large_article} article-lg-full{/if}">
      <a href="{$article_url}" title="{$article.title}" class="article-img">
         <img src="{$article_photo}" alt="{$article.title}"
              class="img-fluid" width="{$photo_dimensions[0]}" height="{$photo_dimensions[1]}"{if !$is_large_article} loading="lazy"{/if}>
      </a>
      <div class="article-text">
         {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}
         <p class="h5 title"><a href="{$article_url}">{$article.title}</a></p>
         <p class="perex">{$article.lead_in}</p>
         <a href="{$article_url}" class="btn btn-link">{t}Číst dále{/t}</a>
      </div>
   </div>
</div>