{**
 * Project-Pro Blog - sekcja zajawkowa na homepage
 *}
{if $blog_home_posts}
<section id="blog-home" class="container">
  <div class="blog-home__header">
    <h2 class="blog-home__title">{$blog_home_title|escape:'html':'UTF-8'}</h2>
    <a class="blog-home__all" href="{$blog_url|escape:'html':'UTF-8'}">
      {l s='Zobacz wszystkie wpisy' mod='projectproblog'}
    </a>
  </div>

  <div class="blog-grid blog-grid--home">
    {foreach from=$blog_home_posts item=post}
      <div class="blog-grid-item blog-grid-item--home">
        <article class="blog-card">
          {if $post.thumbnail_url}
            <a href="{$post.url|escape:'html':'UTF-8'}" class="blog-card__thumb">
              <img src="{$post.thumbnail_url|escape:'html':'UTF-8'}"
                   alt="{$post.title|escape:'html':'UTF-8'}"
                   loading="lazy">
            </a>
          {/if}

          <div class="blog-card__body">
            <h3 class="blog-card__title">
              <a href="{$post.url|escape:'html':'UTF-8'}">
                {$post.title|escape:'html':'UTF-8'}
              </a>
            </h3>

            {if $post.intro}
              <div class="blog-card__intro">
                {$post.intro|strip_tags|truncate:150:'...'}
              </div>
            {/if}

            <div class="blog-card__footer">
              <span class="blog-card__date">{$post.date_add|date_format:'%d.%m.%Y'}</span>
              <a href="{$post.url|escape:'html':'UTF-8'}" class="blog-card__more">
                {l s='Czytaj wiecej' mod='projectproblog'} &rsaquo;
              </a>
            </div>
          </div>
        </article>
      </div>
    {/foreach}
  </div>
</section>
{/if}
