{% sw_extends '@SasBlogModule/storefront/block/cms-block-blog-detail.html.twig' %}
{% block block_sas_blog_detail %}
{% set element = block.slots.getSlot('blogDetail') %}
{# @var result \Shopware\Core\Framework\DataAbstractionLayer\Search\EntitySearchResult #}
{% set searchResult = element.data %}
{% set config = element.fieldConfig.elements %}
{% set slot = page.cmsPage.firstElementOfType('blog') %}
{% set filterUrl = null %}
{% set dataUrl = null %}
{% block cms_breadcrumb %}
<div class="breadcrumbs">
<ul>
<li><a href="/">Home</a></li>
<li class=""
itemprop="itemListElement"
itemscope
itemtype="https://schema.org/ListItem">
<a href="/Blog/"
itemprop="item">
Blog
</a>
</li>
<li>
<div>{{ entry.title }}</div>
</li>
</ul>
</div>
{% endblock %}
<div class="blog_inner">
<div class="inner_content" data-cms-element-id="{{ element.id }}">
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
</div>
<div class="blog_col">
<h2 class="section_subtitle">Related Stories</h2>
{% for item in blogs %}
<div class="news_block">
<a class="news_image" href="{{ seoUrl('sas.frontend.blog.detail', { articleId: item.id }) }}">
{% if item.detailTeaserImage %}
{% set attributes = {
'class': '',
'alt': (item.media.translated.alt ?: item.media.fileName),
'title': (item.media.translated.title ?: item.media.fileName)
} %}
{% sw_thumbnails 'blog-image-teaser' with {
media: item.media,
sizes: {
'xs': '501px',
'sm': '315px',
'md': '427px',
'lg': '333px',
'xl': '284px'
}
} %}
{% endif %}
{{ item.translated.title }}
</a>
<div class="news_info">
<div class="news_title">
<a href="{{ seoUrl('sas.frontend.blog.detail', { articleId: item.id }) }}">{{ item.translated.title }}</a>
</div>
<div class="news_description">
{{ item.translated.teaser }}
</div>
<div class="news_date">{{ item.publishedAt|format_date('short', locale=app.request.locale) }}</div>
</div>
</div>
{% endfor %}
</div>
</div>
{% endblock %}