{% block sas_blog_detail %}
{% if element.data %}
<article itemprop="article"
itemscope
itemtype="https://schema.org/BlogPosting">
<div class="news_head_block">
<h1 class="section_subtitle" itemprop="headline">{{ element.data.translated.title }}</h1>
<div class="news_date">{{ element.data.publishedAt|format_date('short', locale=app.request.locale) }}</div>
<div class="news_share">
<div class="block_subtitle">Share</div>
<div class="addthis_inline_share_toolbox_lldj"></div>
</div>
</div>
<div class="main_media_block">
{% if element.data.detailTeaserImage %}
{% set attributes = {
'class': '',
'alt': (element.data.media.translated.alt ?: element.data.media.fileName),
'title': (element.data.media.translated.title ?: element.data.media.fileName)
} %}
{% sw_thumbnails 'blog-image-teaser' with {
media: element.data.media,
sizes: {
'xs': '501px',
'sm': '315px',
'md': '427px',
'lg': '333px',
'xl': '284px'
}
} %}
{% endif %}
</div>
<div class="news_content">
{{ element.data.translated.content|raw }}
</div>
{% block sas_blog_detail_article_item_meta_published %}
<meta itemprop="datePublished" content="{{ product.releaseDate|format_date(pattern="Y-MM-dd", locale=app.request.locale) }}"/>
{% endblock %}
</article>
{% else %}
{% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
type: "warning",
content: 'sas-blog.element.detail.warning.content'|trans,
heading: 'sas-blog.element.detail.warning.heading'|trans
} %}
{% endif %}
{% endblock %}