{% extends page.template.getTemplateName() %}
{% block body %}
<div class="divider d-40 m-20 "></div>
<div class="main-content__container container">
<div class="main-content__body">
<section class="std-section news">
<div class="container">
<div class="news__heading">
<h1 class="h3">{{ news.name|escape }}</h1>
</div>
<time>{{ news.createdAt ? news.createdAt|date('d-m-Y') }}</time>
<div class="news__content">
{% if news.picture %}
<div class="news__preview">
<picture>
<source media="(max-width: 768px)" srcset="{{ news.picture.url }}">
<source media="(min-width: 769px)" srcset="{{ news.picture.url }}">
<img src="{{ asset('assets/front/img/empty.svg') }}" data-src="{{ news.picture.url }}" alt="{{ news.name }}">
</picture>
</div>
{% endif %}
<div class="content">{{ news.description|raw }}</div>
<div class="clearfixafter"></div>
</div>
</div>
<script>
require([
'css!assets/front/css/application/news'
]);
</script>
</section>
{% for widget in news.getAvailableWidgets() %}
{{ render_widget(widget, { page: page }) }}
{% endfor %}
</div>
<div class="main-content__sidebar">
{% for widget in sidebarWidgets %}
{{ render_widget(widget, {}) }}
{% endfor %}
</div>
</div>
{% endblock %}